@clickview/lite 0.0.18-dev.2 → 0.0.18-rc.1

package/dist/scripts/22.chunk.js

@@ -1 +1,1387 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[22],{401:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(75),i=a(28),r=a(35);const l=()=>{const e=Object(n.a)(r.a.ALERT);return{success(t){e.success(t)()},error(t){e.error(t)()},warning(t){e.createAlert({type:i.a.Warning,heading:i.c.Warning,message:t})}}}},417:function(e,t,a){e.exports={basePlaylistItem:"_2nvrp",playlistItem:"_6o0Z2",playlistMetadata:"_3MCKL",partialHeading:"_13tO6"}},418:function(e,t,a){"use strict";a.d(t,"a",(function(){return v}));var n=a(0),i=a(113),r=a(407),l=a(76),o=a(44),s=a(32),c=a(413),d=a(406),m=a(408),u=a(417),p=a.n(u);function v(e){const t=i.a.createUrl(e.data.cover&&e.data.cover.url,{size:l.a.Medium,resizeType:l.c.Cover}),a=e.data.subjectPresentationAudiences&&e.data.subjectPresentationAudiences.data,u=!!e.showCount&&!!e.data.videos&&e.data.videos.count;return n.createElement(s.a,{appLink:e.appLink},n.createElement(c.b,{data:t,className:p.a.playlistItem},n.createElement(d.a,{type:d.b.Playlist}),n.createElement("div",{className:"text-white "+p.a.playlistMetadata},Number.isInteger(u)&&n.createElement(o.b,{namespace:"shared.playlistItem",phrase:"videos",options:{smartCount:u}}),n.createElement("h5",{className:"text-shadow mb-0"},e.data.name),!!a&&!!a.length&&n.createElement(m.b,{audiences:r.a.getSortedPresentationAudiences(a,e.presentationAudiences),border:"white"}))))}},449:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),i=a(460),r=a.n(i);function l(e){let t="d-flex "+r.a.badgeList;return e.className&&(t+=" "+e.className),n.createElement("div",{className:t},e.children)}},451:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(0),i=a(5),r=a(9),l=a(33),o=a(401);const s=i.a.encloseNamespace("shared.favouriteButton");function c(e){const t=Object(o.a)(),a="boolean"==typeof e.video.isFavourited,i=!!e.video.isFavourited,[c,d]=n.useState(i);n.useEffect(()=>{d(i)},[i]);let m="cursor-pointer text"+(c?"-danger":"-dark");return e.className&&(m+=" "+e.className),a?n.createElement("div",{className:m,onClick:function(){const a=!c;d(a),e.setFavourite(e.video.id,a,(function(){t.error(s(a?"favouriteError":"unfavouriteError")),d(!a)}))}},n.createElement(l.a,{svgName:c?r.b.Heart:r.b.HeartOutline,size:l.b.Small})):n.createElement(n.Fragment,null)}},452:function(e,t,a){"use strict";var n;a.d(t,"a",(function(){return n})),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(n||(n={}))},471:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),i=a(27),r=a(417),l=a.n(r);function o(e){const t=[...Array(e.numItems)],a=e.itemClassName||"";return n.createElement(n.Fragment,null,e.showHeading&&n.createElement("div",{className:l.a.partialHeading+" partial-loading-background"}),n.createElement(i.Row,null,t.map((e,t)=>n.createElement(i.Col,{key:t,xs:6,sm:4,md:3,lg:2,className:a},n.createElement("div",{className:"py-2"},n.createElement("div",{className:l.a.basePlaylistItem+" partial-loading-background"}))))))}o.defaultProps={numItems:8}},472:function(e,t,a){"use strict";var n=a(0),i=a.n(n),r=a(31),l=a(451),o=a(413),s=a(406),c=a(121),d=a(449),m=a(426),u=a(33),p=a(9),v=a(474),f=a.n(v);function g(e){var t;const{video:a,appLink:n,size:v,setFavourite:g,preload:E,hovering:b}=e;return i.a.createElement("div",{className:"position-relative rounded overflow-hidden"},!!r.a.isFunction(g)&&i.a.createElement("div",{className:f.a.favouriteContainer},i.a.createElement(l.a,{setFavourite:g,video:a,className:"rounded-circle p-1 "+f.a.favouriteButton})),i.a.createElement(o.b,{data:a.thumbnail,appLink:n,aspectRatio:o.a.SixteenByNine,size:v,preload:E,className:f.a.gradient},b&&i.a.createElement(u.a,{className:f.a.playIcon,svgName:p.b.PlayCircle}),i.a.createElement(s.a,{type:s.b.Video}),i.a.createElement("div",{className:f.a.overlayContainer},i.a.createElement("div",{className:`${f.a.title} ${b?f.a.downScale:""}`},!!(null===(t=e.video.series)||void 0===t?void 0:t.id)&&i.a.createElement(c.a,{className:"text-shadow clamp-1",video:a,appLink:null}),i.a.createElement("span",{className:"h6 text-reset text-shadow clamp-1 mb-0"},a.name),b&&i.a.createElement(d.a,{className:"align-items-center mb-n1"},i.a.createElement(m.a,{type:m.b.Duration,data:a.duration}),i.a.createElement(m.a,{type:m.b.Rating,data:a.rating}),i.a.createElement("span",{className:"badge p-0"},i.a.createElement(u.a,{svgName:p.b.CloseCaptionBadge})))))))}var E,b=a(452),h=a(475),y=a.n(h);function N(e){const{type:t}=e,a=function(e){return e===E.Video?y.a.video:e===E.Playlist?y.a.playlist:""}(t),i=function(e){return e===E.Video?p.b.PlayCircle:e===E.Playlist?p.b.AddToPlaylists:""}(t);return n.createElement("div",{className:y.a.maskContainer},n.createElement("div",{className:y.a.mask}),n.createElement(u.a,{svgName:i,className:a}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist"}(E||(E={}));var w=a(32),k=a(476),L=a.n(k);function x(e){var t;const{video:a,seriesAppLink:n,textPosition:r,appLink:l}=e,o=r===b.a.Overlay,s=o?L.a.titleOverlay:L.a.titleBelow;return i.a.createElement("div",{className:s},!!(null===(t=e.video.series)||void 0===t?void 0:t.id)&&i.a.createElement(c.a,{className:o?"text-shadow clamp-1":"clamp-2",video:a,appLink:o?null:n}),o?i.a.createElement("span",{className:"h6 text-reset text-shadow clamp-1 mb-0"},a.name):i.a.createElement(w.a,{className:"h6 text-reset clamp-2 mb-0",appLink:l},a.name))}function P(e){const{video:t,appLink:a,textPosition:n,size:c,setFavourite:u,preload:p}=e;let v="position-relative";return n===b.a.Overlay&&(v+=" rounded overflow-hidden"),i.a.createElement("div",{className:v},!!r.a.isFunction(u)&&i.a.createElement("div",{className:L.a.favouriteContainer},i.a.createElement(l.a,{setFavourite:u,video:t,className:"rounded-circle p-1 "+L.a.favouriteButton})),i.a.createElement(o.b,{data:t.thumbnail,appLink:a,aspectRatio:o.a.SixteenByNine,size:c,preload:p,className:n===b.a.Overlay?L.a.gradient:""},i.a.createElement(N,{type:E.Video}),i.a.createElement(s.a,{type:s.b.Video}),i.a.createElement("div",{className:L.a.overlayContainer},n===b.a.Overlay&&i.a.createElement(x,Object.assign({},e)),i.a.createElement(d.a,{className:L.a.badgeContainer},i.a.createElement(m.a,{type:m.b.Duration,data:t.duration})))),n===b.a.Below&&i.a.createElement(x,Object.assign({},e)))}function O(e){return"expandable"===e.type?n.createElement(g,Object.assign({},e)):n.createElement(P,Object.assign({},e))}a.d(t,"a",(function(){return O}))},474:function(e,t,a){e.exports={overlayContainer:"_1MQy4",favouriteContainer:"_2obuZ",favouriteButton:"_1UfdO",title:"Q1km-",downScale:"_2_7sb",gradient:"Of_Cn",playIcon:"B9cJG"}},475:function(e,t,a){e.exports={mask:"_3nE2p",video:"KdGwU",playlist:"_1cBmC",maskContainer:"_3si6K"}},476:function(e,t,a){e.exports={titleOverlay:"_1JIh4",titleBelow:"_1OKu_",overlayContainer:"_1BBKk",favouriteContainer:"_23tXc",favouriteButton:"_2lJ57",badgeContainer:"_28ZUf",gradient:"_1o4aT"}},484:function(e,t,a){e.exports={widgetItem:"_1oyw1",imagePanel:"_1UOVG",large:"_1EtWs",comingSoonPanel:"_3js2e",name:"_3csgE",clamped:"_1y2oG",editSubjectsItem:"_1yBMf"}},489:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),i=a(27),r=a(418);function l(e){return n.createElement(i.Row,null,e.playlists.map(t=>n.createElement(i.Col,{key:t.id,xs:6,sm:4,lg:3,className:"mb-3 "+(e.itemClassName?e.itemClassName:"")},n.createElement(r.a,{key:t.id,data:t,appLink:e.getPlaylistAppLink(t),presentationAudiences:e.presentationAudiences,showCount:e.showCount}))))}},490:function(e,t,a){"use strict";a.d(t,"a",(function(){return p}));var n=a(0),i=a(113),r=a(76),l=a(32),o=a(406),s=a(44),c=a(484),d=a.n(c);const m=({name:e,multiline:t})=>{let a=d.a.comingSoonPanel+" px-3 text-center mt-3",i=d.a.name+" h6 mb-0 pb-1";return t?i+=` ${d.a.clamped} clamp-2`:(a+=" text-nowrap",i+=" text-truncate"),n.createElement("div",{className:a},n.createElement("small",{className:"text-muted"},n.createElement(s.b,{namespace:"shared.subjectWidgetItem",phrase:"comingSoon"})),n.createElement("p",{className:i},e))},u=({name:e,multiline:t})=>{let a="px-3 text-center d-flex align-items-center",i=d.a.name+" h6 mb-0 pb-1";return t?i+=` ${d.a.clamped} clamp-2 text-left`:(a+=" text-nowrap text-truncate",i+=" text-truncate"),n.createElement("div",{className:a},n.createElement("p",{className:i},e))};function p(e){var t;const a=Object.assign(Object.assign({},e.appLink),{args:[e.data.id]}),s=i.a.createUrl(null===(t=e.data.cover)||void 0===t?void 0:t.url,{size:r.a.Small});return n.createElement(l.a,{appLink:a},n.createElement("div",{className:"border d-flex position-relative "+d.a.widgetItem,id:e.data.id},n.createElement("div",{className:`${d.a.imagePanel} ${e.isLarge?d.a.large:""}`,style:{backgroundImage:`url('${s}')`}}),e.data.comingSoon?n.createElement(m,{name:e.data.name,multiline:e.isLarge}):n.createElement(u,{name:e.data.name,multiline:e.isLarge}),n.createElement(o.a,{type:o.b.Subject,extraClasses:e.isLarge?d.a.large:""})))}},510:function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var n=a(0),i=a(79),r=a(452),l=a(472),o=a(437),s=a(511),c=a.n(s);const d=n.memo((function(e){const{data:t,appLink:a,seriesAppLink:s,context:d,thumbnailSize:m,preloadImage:u}=e,[p,v]=Object(o.b)(c.a.hovering);n.useEffect(()=>{e.onHover(v)},[v]);const f=Object.assign(Object.assign({},a),{args:[t.id]});let g=c.a.rowWidth;return d.type!==i.c.LargeRow&&3!==d.collectionSize||(g=c.a.largeRowWidth),n.createElement("div",{ref:p,className:"p-1 flex-shrink-0 position-relative "+g},n.createElement(l.a,{video:t,type:"expandable",appLink:f,seriesAppLink:s,textPosition:r.a.Overlay,size:m,preload:u,hovering:v}))}),(e,t)=>{var a,n,i,r,l,o;return e.preloadImage===t.preloadImage&&(null===(a=e.data)||void 0===a?void 0:a.name)===(null===(n=t.data)||void 0===n?void 0:n.name)&&(null===(r=null===(i=e.data)||void 0===i?void 0:i.series)||void 0===r?void 0:r.id)===(null===(o=null===(l=t.data)||void 0===l?void 0:l.series)||void 0===o?void 0:o.id)})},511:function(e,t,a){e.exports={rowWidth:"_8IgrO",largeRowWidth:"q46rm",hovering:"IeeJA"}},519:function(e,t,a){e.exports={itemSpacing:"_10Pgb"}},527:function(e,t,a){"use strict";var n=a(0),i=a(34),r=a(31),l=a(63);var o=a(502),s=a(486),c=a(501),d=a(124),m=a(406),u=a(484),p=a.n(u);const v=()=>{const[e]=n.useState(d.a.getRandomInt(5)+3+"rem");return n.createElement("div",{className:"border d-flex position-relative mr-2 "+p.a.widgetItem},n.createElement("div",{className:p.a.imagePanel}),n.createElement("div",{className:"px-2",style:{width:e}}," "),n.createElement(m.a,{type:m.b.Subject}))};var f=a(531),g=a(453),E=a(44),b=a(466);const h=(e,t,a,n,i)=>r=>{N(r.clientX,e,t,a,n,i)},y=(e,t,a,n,i)=>r=>{N(r.touches.item(0).clientX,e,t,a,n,i)};function N(e,t,a,n,i,r){let l=i;l||(l=Object.assign(Object.assign({},a),{initialMouseX:e}),r(l),t.current.style.transition=""),n({type:g.a.Drag,payload:{widgetSnapshot:l,currentMouseX:e}})}const w=(e,t)=>()=>{e.current.style.transition="transform 500ms ease-in-out 100ms",t(null)},k=w,L={offset:0,containerLeftPosition:null,containerRightPosition:null,firstElementPosition:null,lastElementPosition:null,hideLeftButton:!0,hideRightButton:!0,maxSlideDistance:500,leftOffsetLimit:null};function x(e,t){switch(t.type){case g.a.Init:case g.a.Resize:return Object.assign(Object.assign({},e),function(e){const{container:t={},lastElement:a={}}=e;if(!t.current||!a.current)return L;const n=e.container.current.getBoundingClientRect().left,i=e.container.current.getBoundingClientRect().right,r=n,l=e.lastElement.current.getBoundingClientRect().right,o=i-l;return Object.assign(Object.assign({},L),{containerLeftPosition:n,containerRightPosition:i,firstElementPosition:r,lastElementPosition:l,hideRightButton:l<i,leftOffsetLimit:o})}(t.payload));case g.a.Next:return Object.assign(Object.assign({},e),function(e){const{firstElementPosition:t,lastElementPosition:a,maxSlideDistance:n,offset:i,containerRightPosition:r}=e,l=a-r>=n?n:a-r;return{firstElementPosition:t-l,lastElementPosition:a-l,offset:i-l,hideRightButton:a-l===r,hideLeftButton:!1}}(e));case g.a.Previous:return Object.assign(Object.assign({},e),function(e){const{containerLeftPosition:t,firstElementPosition:a,lastElementPosition:n,maxSlideDistance:i,offset:r}=e,l=a+i<=t,o=l?i:Math.abs(r);return{firstElementPosition:a+o,lastElementPosition:n+o,offset:r+o,hideLeftButton:!l||a+o===t,hideRightButton:!1}}(e));case g.a.Drag:return Object.assign(Object.assign({},e),function(e,t){const{widgetSnapshot:a,currentMouseX:n}=t;if(a.hideLeftButton&&a.hideRightButton)return{};const i=a.initialMouseX-n;let r=a.offset-i,l=a.firstElementPosition-i,o=a.lastElementPosition-i,s=!1,c=!1;return l>e.containerLeftPosition&&(r=0,l=e.containerLeftPosition,o=e.lastElementPosition,s=!0),o<=e.containerRightPosition&&(r=e.leftOffsetLimit,l=e.containerLeftPosition-Math.abs(e.leftOffsetLimit),o=a.containerRightPosition,c=!0),{offset:r,firstElementPosition:l,lastElementPosition:o,hideLeftButton:s,hideRightButton:c}}(e,t.payload));default:return e}}var P=a(519),O=a.n(P);a.d(t,"a",(function(){return C})),a.d(t,"b",(function(){return S}));function C(e){const{childComponent:t,endComponent:a}=e,[d,m]=n.useReducer(x,L),[u,p]=n.useState(null),v={container:n.useRef(null),firstElement:n.useRef(null),lastElement:n.useRef(null)};var b;!function(e,t,a=[]){let i;const r=()=>{e(),window.clearTimeout(i),i=window.setTimeout(t,100)};n.useEffect(()=>(window.addEventListener("resize",t?r:e),()=>window.removeEventListener("resize",t?r:e)),[...a])}(((e,t)=>()=>{e.container.current&&(e.container.current.style.transition=""),t({type:g.a.Resize,payload:e})})(v,m),(b=v.container,()=>{b.current&&(b.current.style.transition="transform 500ms ease-in-out 100ms")}));const{ref:N,inView:P}=Object(o.a)(e.lazyLoad);let C=e.collection;return!e.collection&&r.a.isFunction(e.fetch)&&(C=e.fetch(P)),n.useEffect(()=>{C&&!i.a.isEmpty(C)&&m({type:g.a.Init,payload:v})},[C]),C&&!C.length?n.createElement(n.Fragment,null):!C||i.a.isEmpty(C)?n.createElement("div",{ref:N},n.createElement(S,null)):n.createElement(n.Fragment,null,e.headingPhraseKey&&n.createElement("h4",{className:"d-inline-block mr-2 pl-1 mb-2"},n.createElement(E.b,{namespace:"shared.dynamicWidget",phrase:e.headingPhraseKey})),n.createElement("div",{className:"position-relative px-1"},n.createElement(c.a,{direction:c.b.Left,onClick:()=>m({type:g.a.Previous}),hide:d.hideLeftButton,useGradientBackdrop:!0}),n.createElement("div",{className:"overflow-hidden"},n.createElement(f.a,{position:d.offset,positionType:s.a.Pixels,onDrag:h(v.container,d,m,u,p),onDragEnd:w(v.container,p),onTouchMove:y(v.container,d,m,u,p),onTouchEnd:k(v.container,p),ref:v.container},function(){const i=C.map(i=>{let r;return i===l.a.first(C)&&(r=v.firstElement),i!==l.a.last(C)||a||(r=v.lastElement),n.createElement("div",{key:i.id,ref:r,className:O.a.itemSpacing},n.createElement(t,{data:i,appLink:e.childAppLink}))});return a&&i.push(n.createElement("div",{key:"end-widget-component",ref:v.lastElement,className:O.a.itemSpacing},n.createElement(a,null))),n.createElement(n.Fragment,null,i)}())),n.createElement(c.a,{direction:c.b.Right,onClick:()=>m({type:g.a.Next}),hide:d.hideRightButton,useGradientBackdrop:!0})))}const j=b.a.getPartialLoadingItems(),S=()=>n.createElement("div",{className:"pb-3 d-flex flex-nowrap"},j.map((e,t)=>n.createElement(v,{key:t})))},545:function(e,t,a){e.exports={tagList:"yvetE",tagItem:"_1InnN"}},600:function(e,t,a){e.exports={footerImageContainer:"_2lUo1",footerImage:"Q_m9i",wave:"_2WUUq"}},601:function(e,t,a){e.exports={classificationItem:"_2XXp2"}},602:function(e,t,a){e.exports={partialHeroThumbnail:"mBd7D",partialSeriesText:"_2MXtV",partialVideoTitleText:"_3AoSO",partialBadge:"_33OjS",partialDescription:"_2uRQA",partialSubject:"_3YJIE"}},646:function(e,t,a){"use strict";a.r(t);var n=a(0),i=a(40),r=a(5),l=a(2),o=a(11),s=a(34),c=a(82),d=a(79),m=a(445),u=a(495),p=a(9),v=a(120),f=a(115),g=a(126),E=a(53),b=a(15);const h=()=>"/api/domain/v1/subjects/classifications/following",y=e=>E.a.urlBuilder("/api/domain/v1/subjects/classifications/following",{id:e}),N={follow:(e,t,a)=>({url:h(),key:"follow:"+e.join(","),type:b.a.POST,data:e,success:t,error:a,invalidationKeys:e.map(e=>"classification:"+e)}),unfollow:(e,t,a)=>({url:y(e),key:"unfollow:"+e.join(","),type:b.a.DELETE,success:t,error:a,invalidationKeys:e.map(e=>"classification:"+e)})};var w=a(469),k=a(440),L=a(542),x=a(471),P=a(489),O=(a(418),a(543)),C=a(492),j=a(544),S=a(113),B=a(76),I=a(114),A=a(44),R=a(33),_=a(600),F=a.n(_);function T(e){var t,a;const[i,r]=n.useState(!1),[l,o]=n.useState(!1);n.useEffect(()=>{var t,a;r(!!(null===(a=null===(t=e.data.followers)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)),o(!1)},[null===(a=null===(t=e.data.followers)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length]);const s=S.a.createBannerUrl(e.data.banner,{fallbackBaseUrl:e.imageCdnUrl,fallbackCategoryName:e.data.name,type:B.b.Banners},{size:B.a.Large}),c={variant:i?"outline-dark":"dark",showSpinner:l,onClick:function(){o(!0),e.onToggleFollow()}};return n.createElement(A.a.Provider,{value:"subjects.comingSoon"},n.createElement("div",{className:"d-flex flex-column align-items-center text-center py-3"},n.createElement("h2",{className:"display-4 font-weight-bold mb-3"},n.createElement(A.b,{phrase:"comingSoon"})),n.createElement("p",{className:"w-33"},n.createElement(A.b,{phrase:"info"})),n.createElement(I.a,Object.assign({},c),n.createElement(R.a,{svgName:i?p.b.Check:p.b.Bell,className:"align-middle d-inline-block svg-container"}),n.createElement("span",{className:"align-middle pl-1"},n.createElement(A.b,{phrase:"remindMe"})))),n.createElement("div",{className:F.a.footerImageContainer},n.createElement("div",{className:F.a.footerImage+" banner position-relative",style:{backgroundImage:`url('${s}')`}},n.createElement(R.a,{className:F.a.wave,size:R.b.ExtraLarge,svgName:p.b.WhiteWave}))))}var D=a(490),V=a(601),U=a.n(V);function M({classification:e,appLink:t}){return n.createElement("div",{className:"d-inline-flex position-relative px-2 mb-2 "+U.a.classificationItem},n.createElement(D.a,{data:e,appLink:t,isLarge:!0}))}function z(e){return n.createElement(n.Fragment,null,e.classifications.map(t=>n.createElement(M,{key:t.id,classification:t,appLink:e.getItemAppLink(t)})))}var H=a(27),G=a(472),W=a(121),K=a(449),X=a(426),$=a(408),J=a(545),Y=a.n(J);function q({tag:e}){const t=Y.a.tagItem+" px-2 my-1 mr-1 cursor-pointer badge-light";return n.createElement("span",{className:t},e.name)}function Q({tags:e}){return e&&e.data?n.createElement("div",{className:Y.a.tagList},e.data.map(e=>n.createElement(q,{key:e.id,tag:e}))):n.createElement(n.Fragment,null)}var Z=a(32),ee=a(425),te=a(452),ae=a(407),ne=a(602),ie=a.n(ne);const re=e=>!!(e&&e.data&&e.data.length);function le(e){const{video:t,presentationAudiences:a,videoAppLink:i,seriesAppLink:r}=e;if(!t)return n.createElement(n.Fragment,null);const l=t.series&&!!t.series.id;return n.createElement(A.a.Provider,{value:"subjects.heroVideo"},n.createElement(H.Row,{className:"pb-3"},n.createElement(H.Col,{xs:6,className:"p-1"},n.createElement(G.a,{video:t,appLink:i,seriesAppLink:l?r:null,size:ee.a.Medium,textPosition:te.a.Independent,type:"static"})),n.createElement(H.Col,{xs:6,className:"p-1"},l&&n.createElement(W.a,{video:t,appLink:r,className:"text-reset"}),n.createElement(Z.a,{appLink:i},n.createElement("h4",null,t.name)),n.createElement(K.a,{className:"pb-1"},n.createElement(X.a,{type:X.b.Interactive,data:t.interactives}),n.createElement(X.a,{type:X.b.Rating,data:t.rating}),n.createElement(X.a,{type:X.b.ProductionYear,data:t.productionYear})),n.createElement("p",{className:"mb-1"},t.description),n.createElement($.b,{audiences:ae.a.getSortedPresentationAudiences(t.subjectPresentationAudiences.data,a),border:"dark"}),e.showExtraMetadata&&n.createElement(H.Row,{className:"pt-2"},n.createElement(H.Col,{xs:2},re(t.resources)&&n.createElement("p",{className:"font-weight-bold"},n.createElement(A.b,{phrase:"resourcesHeading"})),re(t.links)&&n.createElement("p",{className:"font-weight-bold"},n.createElement(A.b,{phrase:"linksHeading"})),re(t.clips)&&n.createElement("p",{className:"font-weight-bold"},n.createElement(A.b,{phrase:"clipsHeading"})),re(t.tags)&&n.createElement("p",{className:"font-weight-bold"},n.createElement(A.b,{phrase:"tagsHeading"}))),n.createElement(H.Col,{xs:10},re(t.resources)&&n.createElement("p",null,n.createElement(A.b,{phrase:"resources",options:{smartCount:t.resources.data.length}})),re(t.links)&&n.createElement("p",null,n.createElement(A.b,{phrase:"links",options:{smartCount:t.links.data.length}})),re(t.clips)&&n.createElement("p",null,n.createElement(A.b,{phrase:"clips",options:{smartCount:t.clips.data.length}})),re(t.tags)&&n.createElement(Q,{tags:t.tags}))))))}function oe(){return n.createElement("div",{className:"row pb-3"},n.createElement("div",{className:"col-6 p1"},n.createElement("div",{className:ie.a.partialHeroThumbnail+" partial-loading-background"})),n.createElement("div",{className:"col-6 p1"},n.createElement("div",{className:"partial-loading-background mb-1 "+ie.a.partialSeriesText}),n.createElement("div",{className:"partial-loading-background my-1 "+ie.a.partialVideoTitleText}),n.createElement("div",{className:"d-flex"},n.createElement("div",{className:"partial-loading-background my-1 mr-1 "+ie.a.partialBadge}),n.createElement("div",{className:"partial-loading-background my-1 ml-1 "+ie.a.partialBadge})),n.createElement("div",{className:"partial-loading-background my-1 "+ie.a.partialDescription}),n.createElement("div",{className:"partial-loading-background mt-2 "+ie.a.partialSubject})))}var se=a(441),ce=(a(505),a(503)),de=a(527),me=a(510),ue=a(546),pe=a(10),ve=a(3),fe=a(85),ge=a(547),Ee=a(63);function be(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,i=!1,r=void 0;try{for(var l,o=e[Symbol.iterator]();!(n=(l=o.next()).done)&&(a.push(l.value),!t||a.length!==t);n=!0);}catch(e){i=!0,r=e}finally{try{n||null==o.return||o.return()}finally{if(i)throw r}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return he(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 he(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 he(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,"getBannerActions",(function(){return Ne})),a.d(t,"ClassificationView",(function(){return we}));var ye=r.a.encloseNamespace("subjects.classification");function Ne(e,t){var a,n,i=!!(null===(n=null===(a=e.followers)||void 0===a?void 0:a.data)||void 0===n?void 0:n.length);return[{label:ye(i?"unfollow":"follow"),onClick:t,svgName:p.b.Bell,className:"btn ".concat(i?"btn-dark":"btn-white"),button:!0,tooltip:i?void 0:ye("followBtnTooltip")},{label:ye("share"),appLink:{application:ve.a.DEFAULT,action:pe.a.Default.SHARE,args:[e.id],params:{entityType:"subject"}},svgName:p.b.Share,className:"btn btn-white",button:!0}]}function we(e){var t,a,r,p,E,b,h,y,S,B,I,A,R,_,F,V=e.id,U=e.queryParams,M=be(n.useReducer(C.b,{}),2),H=M[0],G=M[1],W=be(n.useState(),2),K=(W[0],W[1]),X=Object(i.useDispatch)(),$=o.a.useBasicFetch(f.a.currentUser),J=o.a.useBasicFetch(v.a.config),Y=o.a.useBasicFetch(g.a.presentation()),q=o.a.useBasicFetch(w.a.presentationAudiences()),Q=o.a.useBasicFetch((null===(t=$.data)||void 0===t?void 0:t.id)&&g.a.classification(V,null===(a=$.data)||void 0===a?void 0:a.id,(function(e){e.status!==c.a.BadRequest&&e.status!==c.a.NotFound||l.a.ErrorHelper.throw(new fe.a)}))),Z=o.a.useBasicFetch(g.a.path(V)),ee=o.a.useBasicFetch(g.a.children(V)),te=s.a.keys(H),ae=s.a.values(H);te&&te.length||(te=[]);var ne=null===(p=null===(r=Y)||void 0===r?void 0:r.data)||void 0===p?void 0:p.id,ie=g.a.series(V,ne,te),re=g.a.playlists(V,ne,te),he=g.a.videos(V,ne,te),we=o.a.useGetResponse(ie&&ie.key),ke=o.a.useGetResponse(re&&re.key),Le=o.a.useGetResponse(he&&he.key),xe=o.a.useGetFetch(ie),Pe=o.a.useGetFetch(re),Oe=o.a.useGetFetch(he),Ce=te.length?te.join(":"):ne;function je(){var e,t;K(!0);var a=(null===(t=null===(e=Q.data.followers)||void 0===e?void 0:e.data)||void 0===t?void 0:t.length)?N.unfollow:N.follow;o.a.fetch(X,a([Q.data.id]))}n.useEffect((function(){ne&&(xe(),Pe(),Oe())}),[Ce]),n.useEffect((function(){K(!1)}),[null===(h=null===(b=null===(E=Q.data)||void 0===E?void 0:E.followers)||void 0===b?void 0:b.data)||void 0===h?void 0:h.length]),Object(L.a)({appLink:Object(ge.a)()(Q.data),paramBuilder:function(){return{a:ae.map((function(e){return e.name}))}},isValid:function(){var e;return!!(null===(e=Q.data)||void 0===e?void 0:e.id)},appLinkOptions:{replace:!0}},[ae.length]);var Se=!(!q.data||!q.data.length);Object(O.a)(U,q.data,G,[Se]);var Be=!!Q.data&&!!J.data,Ie=!!Q.data&&!!Z.data,Ae=!!ee.data,Re=!!q.data,_e=!!Q.data&&!!ke.data,Fe=!!Q.data&&!!Le.data,Te=!!Q.data&&!!we.data&&!!q.data,De=function(e,t,a,n){if(!(e&&t&&a&&n))return{heroVideo:null,videoList:a&&a.data};if(!e.data.length&&!t.data.length&&1===a.data.length)return{heroVideo:Ee.a.first(a.data),videoList:[]};var i=a.data.findIndex((function(e){return e.id===n.pinnedVideoMasterId}));return-1===i?{heroVideo:null,videoList:a.data}:{heroVideo:a.data[i],videoList:a.data.filter((function(e){return e.id!==n.pinnedVideoMasterId}))}}(we.data,ke.data,Le.data,Q.data),Ve=De.heroVideo,Ue=De.videoList;return n.createElement("div",{className:"bg-white"},Be?n.createElement(m.a,{heading:Q.data.name,banner:Q.data.banner,imageCdnUrl:J.data.imageCdnUrl,actions:(null===(y=Q.data)||void 0===y?void 0:y.comingSoon)?[]:Ne(Q.data,je)}):n.createElement(m.b,null),n.createElement("div",{className:"px-3"},n.createElement("div",{className:"py-3 mb-3 ".concat((null===(S=Q.data)||void 0===S?void 0:S.comingSoon)?"":"border-bottom")},Ie?n.createElement(u.b,{currentItem:Q.data,type:u.a.Static,getItemAppLink:Object(ge.a)(),data:Z.data,rootItem:{label:ye("dashboard"),appLink:Object(ge.b)()}}):n.createElement(u.c,null),Re&&_e&&Te&&Fe?n.createElement(j.a,{audiences:q.data,activeAudiences:H,setAudience:G}):n.createElement(j.b,null))),J.data&&(null===(B=Q.data)||void 0===B?void 0:B.comingSoon)?n.createElement(T,{data:Q.data,imageCdnUrl:J.data.imageCdnUrl,onToggleFollow:je}):n.createElement("div",{className:"px-3"},Ae&&_e&&Te&&Fe?function(e){if(e.data.length)return!0;for(var t=arguments.length,a=new Array(t>1?t-1:0),n=1;n<t;n++)a[n-1]=arguments[n];return a.some((function(e){return!!e.data.length}))}(ke.data,we.data,Le.data)||Ve?n.createElement("div",{className:"pb-3"},n.createElement(de.a,{collection:ee.data,childAppLink:Object(ge.a)()(),childComponent:D.a,headingPhraseKey:"topics"})):n.createElement("div",{className:"mx-n2"},n.createElement(z,{classifications:ee.data,getItemAppLink:Object(ge.a)()})):n.createElement(de.b,null),Te&&_e&&Fe&&Re?n.createElement(le,{video:Ve,presentationAudiences:q.data,videoAppLink:{application:ve.a.DEFAULT,action:pe.a.Default.PLAY_VIDEO,args:[null===(I=Ve)||void 0===I?void 0:I.id]},seriesAppLink:{application:ve.a.DEFAULT,action:pe.a.Default.SERIES,args:[null===(R=null===(A=Ve)||void 0===A?void 0:A.series)||void 0===R?void 0:R.id]}}):n.createElement(oe,null),n.createElement("div",null,_e&&Re?!!(null===(F=null===(_=ke.data)||void 0===_?void 0:_.data)||void 0===F?void 0:F.length)&&n.createElement("div",{className:"pb-2"},n.createElement("h4",null,ye("playlists")),n.createElement(P.a,{playlists:ke.data.data,getPlaylistAppLink:ge.c,presentationAudiences:q.data,itemClassName:"columns-of-five"})):n.createElement("div",{className:"pb-3"},n.createElement(x.a,{showHeading:!0,itemClassName:"columns-of-five"})),Te?n.createElement(se.a,{name:ye("series"),type:d.c.Row,contents:k.a.Series,collection:we.data,setData:function(e){return e.data},appLink:Object(ge.d)(Q.data),childComponent:function(e){return n.createElement(ue.b,Object.assign({audiences:q.data},e))},childAppLink:{application:ve.a.DEFAULT,action:pe.a.Default.SERIES},prefetched:!0}):n.createElement(ue.a,null),Fe?n.createElement(se.a,{name:ye("popular"),type:d.c.Row,contents:k.a.Videos,collection:Ue,childComponent:me.a,childAppLink:{application:ve.a.DEFAULT,action:pe.a.Default.PLAY_VIDEO},prefetched:!0}):n.createElement(ce.a,{type:d.c.Row}))))}}}]);
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[22],{
+
+/***/ "../../libs/shared/src/apps/playlists/components/empty-state/EmptyVideoList.tsx":
+/*!**************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/empty-state/EmptyVideoList.tsx ***!
+  \**************************************************************************************************************************/
+/*! exports provided: EmptyVideoListComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EmptyVideoListComponent", function() { return EmptyVideoListComponent; });
+/* 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 _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../common/src/backbone/utils/UrlHelper */ "../../libs/common/src/backbone/utils/UrlHelper.ts");
+/* harmony import */ var _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _constants_SharedServices__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../constants/SharedServices */ "../../libs/shared/src/constants/SharedServices.ts");
+/* harmony import */ var _constants_SupportArticles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../constants/SupportArticles */ "../../libs/shared/src/constants/SupportArticles.ts");
+/* harmony import */ var _components_empty_state_EmptyState__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../components/empty-state/EmptyState */ "../../libs/shared/src/components/empty-state/EmptyState.tsx");
+
+
+
+
+
+
+
+const getPhrase = _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace('playlists.emptyState');
+function EmptyVideoListComponent(props) {
+  const {
+    supportSiteUrl
+  } = props;
+  const imageUrlService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_3__["useService"])(_constants_SharedServices__WEBPACK_IMPORTED_MODULE_4__["SharedServices"].ImageUrl);
+  const imageUrls = imageUrlService.getImageUrls();
+  const supportArticleUrl = _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_1__["UrlHelper"].safeUrlConcat(supportSiteUrl, _constants_SupportArticles__WEBPACK_IMPORTED_MODULE_5__["SupportArticles"].ADD_TO_PLAYLIST);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_empty_state_EmptyState__WEBPACK_IMPORTED_MODULE_6__["EmptyState"], {
+    imageUrl: imageUrls.EmptyStates.VIDEOS,
+    heading: getPhrase('noVideosHeading'),
+    description: `<a href="${supportArticleUrl}" target="_blank">${getPhrase('noVideosInfo')}</a>`
+  });
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/playlists/hooks/UseHandlePlaylistError.ts":
+/*!****************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/hooks/UseHandlePlaylistError.ts ***!
+  \****************************************************************************************************************/
+/*! exports provided: useHandlePlaylistError */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useHandlePlaylistError", function() { return useHandlePlaylistError; });
+/* 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 _common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../common/src/backbone/enums/HttpStatus */ "../../libs/common/src/backbone/enums/HttpStatus.ts");
+/* harmony import */ var _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
+
+
+
+
+
+
+const namespace = 'playlists.hooks';
+
+function handlePlaylistError(statusCode, alertService, appLinks) {
+  let appLink;
+
+  switch (statusCode) {
+    case _common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_2__["HttpStatus"].Forbidden:
+      appLink = appLinks.forbidden;
+      break;
+
+    case _common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_2__["HttpStatus"].NotFound:
+      appLink = appLinks.notFound;
+  }
+
+  if (!appLink) {
+    alertService.error(_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'somethingWentWrong'))();
+    return;
+  }
+
+  _common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].AppLinkHelper.trigger(appLink);
+}
+
+function useHandlePlaylistError(response, appLinks = {}) {
+  const alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_4__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_5__["CommonServices"].ALERT);
+  Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(() => {
+    if (response.hasError) handlePlaylistError(response.statusCode, alertService, appLinks);
+  }, [response.hasError]);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/back-button/BackButton.tsx":
+/*!*******************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/back-button/BackButton.tsx ***!
+  \*******************************************************************************************************/
+/*! exports provided: BackButton */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BackButton", function() { return BackButton; });
+/* 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 _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+
+
+
+
+
+const namespace = 'shared.backButton';
+BackButton.defaultProps = {
+  color: 'black'
+};
+function BackButton({
+  backToName,
+  appLink,
+  color
+}) {
+  const backPhrase = backToName ? _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'backTo', {
+    backToName
+  }) : _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'back');
+  const colorClass = color === 'black' ? '' : 'text-light';
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_3__["AppLink"], {
+    appLink: appLink,
+    className: `d-inline-flex align-items-center h5 mb-0 ${colorClass}`
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].ChevronLeft,
+    size: _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].Medium
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: 'ml-1'
+  }, backPhrase));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/banner-header/BannerHeader.tsx":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/banner-header/BannerHeader.tsx ***!
+  \***********************************************************************************************************/
+/*! exports provided: BannerHeader, PartialBannerHeader */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BannerHeader", function() { return BannerHeader; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialBannerHeader", function() { return PartialBannerHeader; });
+/* 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 _back_button_BackButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../back-button/BackButton */ "../../libs/shared/src/components/back-button/BackButton.tsx");
+/* harmony import */ var _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/ImageHelper */ "../../libs/shared/src/utils/ImageHelper.ts");
+/* harmony import */ var _enums_Images__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var _actions_Actions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../actions/Actions */ "../../libs/shared/src/components/actions/Actions.tsx");
+/* harmony import */ var _banner_header_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./banner-header.scss */ "../../libs/shared/src/components/banner-header/banner-header.scss");
+/* harmony import */ var _banner_header_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_banner_header_scss__WEBPACK_IMPORTED_MODULE_5__);
+
+
+
+
+
+
+const BannerHeader = react__WEBPACK_IMPORTED_MODULE_0__["memo"](function (props) {
+  const {
+    heading,
+    banner,
+    imageCdnUrl,
+    actions,
+    sortComponent
+  } = props;
+  const url = _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_2__["ImageHelper"].createBannerUrl(banner, {
+    fallbackBaseUrl: imageCdnUrl,
+    fallbackCategoryName: heading,
+    type: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ImageType"].Banners
+  }, {
+    size: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ImageSize"].Large,
+    resizeType: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ResizeType"].Cover
+  });
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'banner',
+    style: {
+      backgroundImage: `url('${url}')`
+    }
+  }, props.backButtonAppLink && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pt-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_back_button_BackButton__WEBPACK_IMPORTED_MODULE_1__["BackButton"], {
+    appLink: props.backButtonAppLink,
+    backToName: props.backButtonText,
+    color: 'white'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", {
+    className: 'text-white text-shadow position-absolute m-0 pb-3'
+  }, heading), !!actions && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: _banner_header_scss__WEBPACK_IMPORTED_MODULE_5___default.a.actionsContainer
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_actions_Actions__WEBPACK_IMPORTED_MODULE_4__["Actions"], {
+    actions: actions,
+    sortComponent: sortComponent
+  })));
+}, (prevProps, nextProps) => prevProps.actions === nextProps.actions);
+const PartialBannerHeader = () => react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+  className: `partial-banner partial-loading-background`
+});
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/banner-header/banner-header.scss":
+/*!*************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/banner-header/banner-header.scss ***!
+  \*************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"actionsContainer":"cv--actionsContainer--286KF"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/empty-state/EmptyState.tsx":
+/*!*******************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/empty-state/EmptyState.tsx ***!
+  \*******************************************************************************************************/
+/*! exports provided: EmptyState */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EmptyState", function() { return EmptyState; });
+/* 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__);
+
+function EmptyState(props) {
+  const {
+    imageUrl,
+    heading,
+    description
+  } = props;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'empty-state-container'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'content-container'
+  }, imageUrl && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("img", {
+    src: imageUrl
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", null, heading), description && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    dangerouslySetInnerHTML: {
+      __html: description
+    }
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/infinite-scroll-footer/InfiniteScrollFooter.tsx":
+/*!****************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/infinite-scroll-footer/InfiniteScrollFooter.tsx ***!
+  \****************************************************************************************************************************/
+/*! exports provided: InfiniteScrollFooter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InfiniteScrollFooter", function() { return InfiniteScrollFooter; });
+/* 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 react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _infinite_scroll_footer_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./infinite-scroll-footer.scss */ "../../libs/shared/src/components/infinite-scroll-footer/infinite-scroll-footer.scss");
+/* harmony import */ var _infinite_scroll_footer_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_infinite_scroll_footer_scss__WEBPACK_IMPORTED_MODULE_4__);
+
+
+
+
+
+function InfiniteScrollFooter(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: `p-3 text-center ${_infinite_scroll_footer_scss__WEBPACK_IMPORTED_MODULE_4___default.a.container}`
+  }, props.isFetching ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Spinner"], {
+    as: 'span',
+    animation: 'border',
+    role: 'status',
+    className: _infinite_scroll_footer_scss__WEBPACK_IMPORTED_MODULE_4___default.a.spinner
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].ChevronDown,
+    className: 'svg-container cursor-pointer',
+    size: _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].Large,
+    onClick: props.onClick
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/infinite-scroll-footer/infinite-scroll-footer.scss":
+/*!*******************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/infinite-scroll-footer/infinite-scroll-footer.scss ***!
+  \*******************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"container":"cv--container--1_KC6","spinner":"cv--spinner--VXlcl"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/video-list/PartialVideoList.tsx":
+/*!************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/video-list/PartialVideoList.tsx ***!
+  \************************************************************************************************************/
+/*! exports provided: PartialVideoList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialVideoList", function() { return PartialVideoList; });
+/* 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__);
+
+function PartialVideoList(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/constants/SupportArticles.ts":
+/*!**********************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/constants/SupportArticles.ts ***!
+  \**********************************************************************************************/
+/*! exports provided: SupportArticles */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SupportArticles", function() { return SupportArticles; });
+const SupportArticles = {
+  ADD_TO_PLAYLIST: 'hc/articles/115005679748'
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/context/PageTitleContext.tsx":
+/*!**********************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/context/PageTitleContext.tsx ***!
+  \**********************************************************************************************/
+/*! exports provided: PageTitleContext, PageTitleContextProvider */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PageTitleContext", function() { return PageTitleContext; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PageTitleContextProvider", function() { return PageTitleContextProvider; });
+/* 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 _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _utils_PageTitleHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/PageTitleHelper */ "../../libs/shared/src/utils/PageTitleHelper.ts");
+
+
+
+const PageTitleContext = react__WEBPACK_IMPORTED_MODULE_0__["createContext"]({});
+const namespace = 'shared.context';
+
+const DEFAULT_TITLE = () => _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'defaultTitle');
+
+const PageTitleContextProvider = ({
+  children
+}) => {
+  const [currentPageTitle, setCurrentPageTitle] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](DEFAULT_TITLE);
+  const [previousPageTitle, setPreviousPageTitle] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](DEFAULT_TITLE);
+
+  const setPageTitle = title => {
+    if (title === currentPageTitle) return;
+    if (currentPageTitle !== previousPageTitle) setPreviousPageTitle(currentPageTitle);
+    setCurrentPageTitle(title);
+  };
+
+  const revertPageTitle = () => {
+    setCurrentPageTitle(previousPageTitle);
+  };
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => _utils_PageTitleHelper__WEBPACK_IMPORTED_MODULE_2__["PageTitleHelper"].setPageTitle(currentPageTitle), [currentPageTitle]);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](PageTitleContext.Provider, {
+    value: {
+      setPageTitle,
+      revertPageTitle
+    }
+  }, children);
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/flight-requests/FavouriteVideoRequests.ts ***!
+  \***********************************************************************************************************/
+/*! exports provided: FavouriteVideoRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FavouriteVideoRequests", function() { return FavouriteVideoRequests; });
+/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
+/* harmony import */ var _constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+function favouriteVideo(videoId, userId, success, error) {
+  return {
+    url: `/api/domain/v2/objects/${userId}`,
+    key: `favourite:video:${userId}:${videoId}`,
+    data: {
+      favouriteVideos: videoId
+    },
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].PUT,
+    invalidationKeys: [`favourite:videos:${userId}`, `video:is:favourited:${userId}`],
+    success,
+    error
+  };
+}
+
+function unfavouriteVideo(videoId, userId, success, error) {
+  return {
+    url: `/api/domain/v2/objects/${userId}/favouriteVideos/${videoId}`,
+    key: `favourite:video:${userId}:${videoId}`,
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].DELETE,
+    invalidationKeys: [`favourite:videos:${userId}`, `video:is:favourited:${userId}`],
+    success,
+    error
+  };
+}
+
+const FavouriteVideoRequests = {
+  favouriteVideos(userId, cursor) {
+    const query = `${_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__["SharedWithStatements"].VIDEO_COLLECTION}${addCursor(cursor)}`;
+    return {
+      url: `/api/domain/v2/objects/${userId}/favouriteVideos?query=${query}`,
+      key: `favourite:videos:${userId}${cursor ? `:${cursor}` : ''}`
+    };
+  },
+
+  updateIsVideoFavourited(videoId, userId, shouldFavourite, success, error) {
+    const requestFn = shouldFavourite ? favouriteVideo : unfavouriteVideo;
+    return requestFn(videoId, userId, success, error);
+  },
+
+  isFavourited(userId, ids) {
+    const sortedIds = ids.slice().sort();
+    const params = sortedIds.map(i => `id=${i}`);
+    return {
+      url: `/api/domain/v2/objects?query=favouritedBy{id:${userId}}&${params.join('&')}`,
+      key: `video:is:favourited:${userId}:by:id:${sortedIds.join(',')}`,
+      formatData: videos => {
+        var _a;
+
+        if (!((_a = videos) === null || _a === void 0 ? void 0 : _a.length)) return videos;
+
+        const setIsFavourited = video => {
+          var _a, _b;
+
+          const {
+            favouritedBy
+          } = video,
+                v = __rest(video, ["favouritedBy"]); // As we filtered by userId, if there are any users, set isFavourited to true.
+
+
+          return Object.assign(Object.assign({}, v), {
+            isFavourited: !!((_b = (_a = favouritedBy) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length)
+          });
+        };
+
+        return videos.map(setIsFavourited);
+      }
+    };
+  }
+
+};
+
+function addCursor(cursor) {
+  return cursor ? `&cursor=${cursor}` : '';
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseInfiniteList.ts":
+/*!******************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseInfiniteList.ts ***!
+  \******************************************************************************************/
+/*! exports provided: useInfiniteList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useInfiniteList", function() { return useInfiniteList; });
+/* 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 _UseSelectAllPages__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./UseSelectAllPages */ "../../libs/shared/src/hooks/UseSelectAllPages.ts");
+/* harmony import */ var _UseInfiniteScroll__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./UseInfiniteScroll */ "../../libs/shared/src/hooks/UseInfiniteScroll.ts");
+
+
+
+/**
+ * Hook to extract an infinite list from the application state,
+ * save it locally in state and only update when new data
+ * is fetched.
+ *
+ * @param getRequest - callback function to get the request for each page.
+ * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.
+ *
+ * @param fetchNext - callback function to fetch a page.
+ * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.
+ */
+
+function useInfiniteList(getRequest, fetchNext) {
+  const fetchNextFn = fetchNext;
+  const response = Object(_UseSelectAllPages__WEBPACK_IMPORTED_MODULE_1__["useSelectAllPages"])(getRequest && (cursor => getRequest(cursor).key));
+  Object(_UseInfiniteScroll__WEBPACK_IMPORTED_MODULE_2__["useInfiniteScroll"])(() => fetchNext && fetchNextFn(response.nextCursor), !!response.nextCursor, response.isFetching);
+  Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(() => {
+    if (response.shouldInitialFetch && fetchNext) fetchNextFn();
+  }, [response.shouldInitialFetch, fetchNext]);
+  return {
+    items: response.items,
+    hasMore: !!response.nextCursor,
+    isFetching: response.isFetching
+  };
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseInfiniteScroll.ts":
+/*!********************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseInfiniteScroll.ts ***!
+  \********************************************************************************************/
+/*! exports provided: useInfiniteScroll */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useInfiniteScroll", function() { return useInfiniteScroll; });
+/* 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 _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+
+
+const SCROLL_TOLERANCE = 400; // value in px
+
+function useInfiniteScroll(fetchNextPage, hasMore, isFetching) {
+  const handleScroll = () => {
+    if (isFetching) return;
+    const currentScrollHeight = window.innerHeight + document.documentElement.scrollTop;
+    const totalHeight = document.documentElement.scrollHeight - SCROLL_TOLERANCE;
+    if (currentScrollHeight < totalHeight) return;
+    fetchNextPage();
+  };
+
+  Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(() => {
+    const onScroll = _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].throttle(handleScroll, 200);
+    if (hasMore) window.addEventListener('scroll', onScroll);
+    return () => window.removeEventListener('scroll', onScroll);
+  }, [hasMore]);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseReorderedItems.ts":
+/*!********************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseReorderedItems.ts ***!
+  \********************************************************************************************/
+/*! exports provided: useReorderedItems */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useReorderedItems", function() { return useReorderedItems; });
+/* 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__);
+
+
+function isOrderEqual(arr1, arr2) {
+  let isEqual = true;
+  if (arr1.length !== arr2.length) return false;
+
+  for (let i = 0; i < arr1.length; i++) {
+    if (arr1[i].id !== arr2[i].id) {
+      isEqual = false;
+      break;
+    }
+  }
+
+  return isEqual;
+}
+/**
+ * This function can be used to temporarily store an array of reordered objects
+ * until the array obtained from the application store updates to the new order.
+ *
+ * @param items array of objects from application store.
+ */
+
+
+function useReorderedItems(items) {
+  const [reorderedItems, setReorderedItems] = Object(react__WEBPACK_IMPORTED_MODULE_0__["useState"])();
+  Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(() => {
+    if (!reorderedItems) return;
+    if (items.length !== reorderedItems.length || isOrderEqual(items, reorderedItems)) setReorderedItems(null);
+  }, [items]);
+  return [reorderedItems, setReorderedItems];
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseSelectAllPages.ts":
+/*!********************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseSelectAllPages.ts ***!
+  \********************************************************************************************/
+/*! exports provided: useSelectAllPages */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useSelectAllPages", function() { return useSelectAllPages; });
+/* 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 react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+
+
+
+
+
+const safeGetCursor = request => {
+  return request && request.data && request.data.pagination && request.data.pagination.cursors && request.data.pagination.cursors.next;
+};
+/**
+ * Hook to select all pages of a collection from the store and flatten them.
+ * It will not trigger any fetches.
+ *
+ * @param getKey - callback function to get the key for each page.
+ * Can be false if the key requires data that hasn't yet been fetched - e.g. user id.
+ */
+
+
+function useSelectAllPages(getKey) {
+  return Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useSelector"])(Object(react__WEBPACK_IMPORTED_MODULE_0__["useMemo"])(() => state => {
+    const getKeyFn = getKey;
+    let request = _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__["FunctionHelper"].isFunction(getKey) && _common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].getResponse(state, getKeyFn());
+    let isFetching = request && request.isFetching;
+    const shouldInitialFetch = request && request.shouldFetch;
+    let items = request && request.data && request.data.data;
+    let nextCursor = safeGetCursor(request); // Retrieve all pages that are currently in the store.
+
+    while (nextCursor) {
+      request = _common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].getResponse(state, getKeyFn(nextCursor));
+      isFetching = request.isFetching; // If next page hasn't been fetched, break.
+
+      if (request.shouldFetch) break;
+      let newItems = request.data && request.data.data;
+      newItems && items.push(...newItems);
+      nextCursor = safeGetCursor(request);
+    }
+
+    return {
+      shouldInitialFetch,
+      items,
+      nextCursor,
+      isFetching
+    };
+  }, [getKey]));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/useSetPageTitle.ts":
+/*!******************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/useSetPageTitle.ts ***!
+  \******************************************************************************************/
+/*! exports provided: useSetPageTitle */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useSetPageTitle", function() { return useSetPageTitle; });
+/* 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 _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _context_PageTitleContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../context/PageTitleContext */ "../../libs/shared/src/context/PageTitleContext.tsx");
+
+
+
+/**
+ * Hook function to set the page title using the useEffect hook.
+ * @param title - value to set the page title to.
+ * @param dependencies - values from the component (e.g. state, props and functions) that are used
+ * inside the effect hook.
+ */
+
+function useSetPageTitle(title, dependencies = []) {
+  const {
+    setPageTitle
+  } = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_context_PageTitleContext__WEBPACK_IMPORTED_MODULE_2__["PageTitleContext"]);
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => {
+    if (!title || !_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(setPageTitle)) return;
+    setPageTitle(title);
+  }, [title, ...dependencies]);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/utils/PageTitleHelper.ts":
+/*!******************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/PageTitleHelper.ts ***!
+  \******************************************************************************************/
+/*! exports provided: PageTitleHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PageTitleHelper", function() { return PageTitleHelper; });
+/* harmony import */ var _common_src_backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+
+const TITLE_LENGTH = 60;
+const SUFFIX = ' - ClickView';
+
+const trimTitle = title => {
+  if (title.length + SUFFIX.length <= TITLE_LENGTH) return title + SUFFIX;
+  return title.substring(0, TITLE_LENGTH - 3) + '...' + SUFFIX;
+};
+
+const PageTitleHelper = {
+  setPageTitle(title) {
+    if (!title) return;
+    _common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].LocationUtils.SetPageTitle(trimTitle(title));
+  }
+
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/utils/RatingHelper.ts":
+/*!***************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/RatingHelper.ts ***!
+  \***************************************************************************************/
+/*! exports provided: RatingHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RatingHelper", function() { return RatingHelper; });
+/* harmony import */ var _enums_UserRole__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../enums/UserRole */ "../../libs/shared/src/enums/UserRole.ts");
+
+const RatingHelper = {
+  getMaxAllowedRatingForUser(user) {
+    var _a, _b;
+
+    if (((_a = user) === null || _a === void 0 ? void 0 : _a.onlineRole) === _enums_UserRole__WEBPACK_IMPORTED_MODULE_0__["OnlineUserRole"].Staff) return;
+    return (_b = user) === null || _b === void 0 ? void 0 : _b.maxAllowedRating;
+  }
+
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/utils/RestrictionHelper.ts":
+/*!********************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/RestrictionHelper.ts ***!
+  \********************************************************************************************/
+/*! exports provided: RestrictionHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RestrictionHelper", function() { return RestrictionHelper; });
+const RestrictionHelper = {
+  mixinRestrictions(videos, restrictions) {
+    const videosWithRestrictions = [];
+    videos.forEach(video => {
+      var _a, _b;
+
+      const videoRestrictions = restrictions.find(r => r.objectId === video.id);
+      videosWithRestrictions.push(Object.assign(Object.assign({}, video), {
+        restrictions: (_b = (_a = videoRestrictions) === null || _a === void 0 ? void 0 : _a.restrictedObjects, _b !== null && _b !== void 0 ? _b : [])
+      }));
+    });
+    return videosWithRestrictions;
+  },
+
+  getVideoRestrictions(videoId, restrictions) {
+    var _a;
+
+    if (!videoId || !restrictions) return;
+    const videoRestrictions = restrictions.find(r => r.objectId.toString() === videoId.toString());
+    return (_a = videoRestrictions) === null || _a === void 0 ? void 0 : _a.restrictedObjects;
+  }
+
+};
+
+/***/ }),
+
+/***/ "./src/apps/playlists/components/playlist-header/PlaylistHeader.tsx":
+/*!**************************************************************************!*\
+  !*** ./src/apps/playlists/components/playlist-header/PlaylistHeader.tsx ***!
+  \**************************************************************************/
+/*! exports provided: PlaylistHeader */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistHeader", function() { return PlaylistHeader; });
+/* 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 _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_hooks_UseMediaQuery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseMediaQuery */ "../../libs/shared/src/hooks/UseMediaQuery.tsx");
+/* harmony import */ var _libs_shared_src_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/banner-header/BannerHeader */ "../../libs/shared/src/components/banner-header/BannerHeader.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+var namespace = 'playlists.playlistHeader';
+function PlaylistHeader(props) {
+  // Store isFollowing in local state so that it updates immediately.
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](props.isFollowing),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isFollowing = _React$useState2[0],
+      setIsFollowing = _React$useState2[1];
+
+  var isMobile = Object(_libs_shared_src_hooks_UseMediaQuery__WEBPACK_IMPORTED_MODULE_2__["useMediaQuery"])(_libs_shared_src_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_3__["MediaQueryStrings"].XS);
+  if (props.showPartialLoading) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  var description = props.playlist.description;
+  var application = props.application;
+  var args = [props.playlist.id];
+  var actions = [];
+
+  if (props.canEdit) {
+    actions.push({
+      label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'edit'),
+      appLink: {
+        application: application,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].Playlists.EDIT_PLAYLIST,
+        args: args
+      },
+      svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].Edit,
+      className: 'btn btn-light',
+      button: !isMobile
+    }, {
+      label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'delete'),
+      appLink: {
+        application: application,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_7__["Actions"].Playlists.DELETE_PLAYLIST,
+        args: args
+      },
+      svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].Share,
+      className: 'text-danger'
+    });
+  }
+
+  if (!props.canEdit) {
+    actions.push({
+      label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, isFollowing ? 'following' : 'follow'),
+      onClick: function onClick() {
+        setIsFollowing(!isFollowing);
+        props.follow(!isFollowing);
+      },
+      svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].Bell,
+      className: "btn btn-".concat(isFollowing ? 'dark' : 'light'),
+      button: !isMobile
+    });
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_5__["BannerHeader"], {
+    heading: props.playlist.name,
+    banner: props.playlist.banner,
+    imageCdnUrl: props.imageCdnUrl,
+    actions: actions.length && actions
+  }), !!description && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h4", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    namespace: namespace,
+    phrase: 'description'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, description)));
+}
+
+/***/ }),
+
+/***/ "./src/apps/playlists/components/video-list/SortableVideoListContainer.tsx":
+/*!*********************************************************************************!*\
+  !*** ./src/apps/playlists/components/video-list/SortableVideoListContainer.tsx ***!
+  \*********************************************************************************/
+/*! exports provided: SortableVideoListContainer */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SortableVideoListContainer", function() { return SortableVideoListContainer; });
+/* 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 _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _libs_common_src_backbone_errors_DevError__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/errors/DevError */ "../../libs/common/src/backbone/errors/DevError.ts");
+/* harmony import */ var _libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/video-list/VideoList */ "../../libs/shared/src/components/video-list/VideoList.tsx");
+/* harmony import */ var _libs_shared_src_components_video_list_PartialVideoList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/video-list/PartialVideoList */ "../../libs/shared/src/components/video-list/PartialVideoList.tsx");
+/* harmony import */ var _sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./sortable-video-list-container.scss */ "./src/apps/playlists/components/video-list/sortable-video-list-container.scss");
+/* harmony import */ var _sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6__);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+
+
+
+
+function SortableVideoListContainer(props) {
+  var onSortComplete = props.onSortComplete,
+      onSortStart = props.onSortStart,
+      showPartialLoading = props.showPartialLoading,
+      videoListProps = __rest(props, ["onSortComplete", "onSortStart", "showPartialLoading"]);
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      currentSortingIndex = _React$useState2[0],
+      setCurrentSortingIndex = _React$useState2[1];
+
+  var onSortStartHandler = function onSortStartHandler(index) {
+    if (_libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(onSortStart)) onSortStart(index);
+  };
+
+  var onSortEnd = function onSortEnd(sort) {
+    setCurrentSortingIndex(null);
+
+    if (!_libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(onSortComplete)) {
+      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].ErrorHelper["throw"](new _libs_common_src_backbone_errors_DevError__WEBPACK_IMPORTED_MODULE_3__["DevError"]('An onSortComplete callback function must be passed to SortableVideoListComponent'));
+      return;
+    }
+
+    onSortComplete(sort.oldIndex, sort.newIndex);
+  };
+
+  if (showPartialLoading) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_PartialVideoList__WEBPACK_IMPORTED_MODULE_5__["PartialVideoList"], null);
+  if (!props.canEdit) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_4__["VideoList"], Object.assign({}, videoListProps));
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_4__["SortableVideoList"], Object.assign({}, videoListProps, {
+    currentSortingIndex: currentSortingIndex,
+    updateBeforeSortStart: function updateBeforeSortStart(_ref) {
+      var index = _ref.index;
+      return setCurrentSortingIndex(index);
+    },
+    onSortStart: function onSortStart(_ref2) {
+      var index = _ref2.index;
+      return onSortStartHandler(index);
+    },
+    onSortEnd: onSortEnd,
+    lockAxis: 'y',
+    lockToContainerEdges: true,
+    lockOffset: ['0%', '100%'],
+    helperClass: "bg-white ".concat(_sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6___default.a.sortableItem),
+    distance: 1,
+    useDragHandle: true
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/playlists/components/video-list/sortable-video-list-container.scss":
+/*!*************************************************************************************!*\
+  !*** ./src/apps/playlists/components/video-list/sortable-video-list-container.scss ***!
+  \*************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"sortableItem":"cv--sortableItem--2eiPB"};
+
+/***/ }),
+
+/***/ "./src/apps/playlists/utils/PlaylistVideoActionAppLinkHelper.ts":
+/*!**********************************************************************!*\
+  !*** ./src/apps/playlists/utils/PlaylistVideoActionAppLinkHelper.ts ***!
+  \**********************************************************************/
+/*! exports provided: getVideoActionAppLink */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getVideoActionAppLink", function() { return getVideoActionAppLink; });
+/* harmony import */ var _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/video-actions/VideoActionsHelper */ "../../libs/shared/src/utils/video-actions/VideoActionsHelper.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+
+
+function getVideoActionAppLink(application, playlistId) {
+  return function (video, action) {
+    switch (action) {
+      case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_0__["VideoAction"].RemoveFromPlaylist:
+        return {
+          application: application,
+          action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_1__["Actions"].Playlists.REMOVE_VIDEO_FROM_PLAYLIST,
+          args: [video.id, playlistId]
+        };
+
+      case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_0__["VideoAction"].AddToPlaylist:
+        return {
+          application: application,
+          action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_1__["Actions"].Playlists.ADD_TO_PLAYLIST,
+          args: [video.id]
+        };
+      // TODO Replace this with proper appLink
+
+      case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_0__["VideoAction"].Share:
+        return {
+          application: application,
+          action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_1__["Actions"].Playlists.HOME
+        };
+    }
+  };
+}
+
+/***/ }),
+
+/***/ "./src/apps/playlists/views/playlist/PlaylistView.tsx":
+/*!************************************************************!*\
+  !*** ./src/apps/playlists/views/playlist/PlaylistView.tsx ***!
+  \************************************************************/
+/*! exports provided: PlaylistView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistView", function() { return PlaylistView; });
+/* 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 react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_shared_src_apps_playlists_components_empty_state_EmptyVideoList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/playlists/components/empty-state/EmptyVideoList */ "../../libs/shared/src/apps/playlists/components/empty-state/EmptyVideoList.tsx");
+/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/ConfigRequests */ "../../libs/shared/src/flight-requests/ConfigRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/FavouriteVideoRequests */ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/PlaylistRequests */ "../../libs/shared/src/flight-requests/PlaylistRequests.ts");
+/* harmony import */ var _libs_shared_src_hooks_useSetPageTitle__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/useSetPageTitle */ "../../libs/shared/src/hooks/useSetPageTitle.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseInfiniteList__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseInfiniteList */ "../../libs/shared/src/hooks/UseInfiniteList.ts");
+/* harmony import */ var _libs_shared_src_components_infinite_scroll_footer_InfiniteScrollFooter__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/infinite-scroll-footer/InfiniteScrollFooter */ "../../libs/shared/src/components/infinite-scroll-footer/InfiniteScrollFooter.tsx");
+/* harmony import */ var _libs_shared_src_utils_RestrictionHelper__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/RestrictionHelper */ "../../libs/shared/src/utils/RestrictionHelper.ts");
+/* harmony import */ var _libs_shared_src_utils_ReorderHelper__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/ReorderHelper */ "../../libs/shared/src/utils/ReorderHelper.ts");
+/* harmony import */ var _libs_shared_src_utils_RatingHelper__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/RatingHelper */ "../../libs/shared/src/utils/RatingHelper.ts");
+/* harmony import */ var _libs_shared_src_apps_playlists_hooks_UseHandlePlaylistError__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/playlists/hooks/UseHandlePlaylistError */ "../../libs/shared/src/apps/playlists/hooks/UseHandlePlaylistError.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseReorderedItems__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseReorderedItems */ "../../libs/shared/src/hooks/UseReorderedItems.ts");
+/* harmony import */ var _libs_shared_src_context_VideoActionsContext__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/context/VideoActionsContext */ "../../libs/shared/src/context/VideoActionsContext.tsx");
+/* harmony import */ var shared_hooks_useVideoMixin__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! shared/hooks/useVideoMixin */ "./src/shared/hooks/useVideoMixin.ts");
+/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
+/* harmony import */ var apps_playlists_components_playlist_header_PlaylistHeader__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! apps/playlists/components/playlist-header/PlaylistHeader */ "./src/apps/playlists/components/playlist-header/PlaylistHeader.tsx");
+/* harmony import */ var apps_playlists_components_video_list_SortableVideoListContainer__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! apps/playlists/components/video-list/SortableVideoListContainer */ "./src/apps/playlists/components/video-list/SortableVideoListContainer.tsx");
+/* harmony import */ var apps_playlists_utils_PlaylistVideoActionAppLinkHelper__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! apps/playlists/utils/PlaylistVideoActionAppLinkHelper */ "./src/apps/playlists/utils/PlaylistVideoActionAppLinkHelper.ts");
+/* harmony import */ var _PlaylistViewUtils__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./PlaylistViewUtils */ "./src/apps/playlists/views/playlist/PlaylistViewUtils.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function PlaylistView(props) {
+  var _a;
+
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_6__["ConfigRequests"].config);
+  var user = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_7__["UserRequests"].currentUser);
+  var isUserSignedIn = !_libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__["ObjectHelper"].isEmpty(user.data);
+  var maxAllowedRating = props.filterByRating ? isUserSignedIn && _libs_shared_src_utils_RatingHelper__WEBPACK_IMPORTED_MODULE_15__["RatingHelper"].getMaxAllowedRatingForUser(user.data) : null;
+  var playlistRequest = props.isShared ? !!user.data && _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_9__["PlaylistRequests"].getSharedPlaylist(props.playlistId, maxAllowedRating) : _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_9__["PlaylistRequests"].getPlaylist(props.playlistId);
+  var playlist = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(playlistRequest);
+  Object(_libs_shared_src_apps_playlists_hooks_UseHandlePlaylistError__WEBPACK_IMPORTED_MODULE_16__["useHandlePlaylistError"])(playlist);
+
+  var getVideosRequest = !!user.data && function (cursor) {
+    var request = props.isShared ? _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_9__["PlaylistRequests"].getSharedPlaylistVideos : _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_9__["PlaylistRequests"].getPlaylistVideos;
+    return request(props.playlistId, maxAllowedRating, cursor);
+  };
+
+  var following = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(!!user.data && _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_9__["PlaylistRequests"].getIsFollowingPlaylist(props.playlistId, user.data.id));
+
+  var fetchNext = function fetchNext(cursor) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].getFetch(dispatch, getVideosRequest(cursor))();
+  };
+
+  var _useInfiniteList = Object(_libs_shared_src_hooks_UseInfiniteList__WEBPACK_IMPORTED_MODULE_11__["useInfiniteList"])(getVideosRequest, fetchNext),
+      videos = _useInfiniteList.items,
+      hasMore = _useInfiniteList.hasMore,
+      isFetching = _useInfiniteList.isFetching;
+
+  Object(shared_hooks_useVideoMixin__WEBPACK_IMPORTED_MODULE_19__["useVideoMixin"])(videos); // Locally stored array of videos used to immediately reflect changes in order.
+
+  var _useReorderedItems = Object(_libs_shared_src_hooks_UseReorderedItems__WEBPACK_IMPORTED_MODULE_17__["useReorderedItems"])(videos),
+      _useReorderedItems2 = _slicedToArray(_useReorderedItems, 2),
+      reorderedVideos = _useReorderedItems2[0],
+      setReorderedVideos = _useReorderedItems2[1];
+
+  var restrictionsRequest = isUserSignedIn && !!videos && !!videos.length && shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_20__["VideoRequests"].getRestrictions(videos.map(function (v) {
+    return v.id;
+  }));
+  var restrictions = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useGetResponse(restrictionsRequest && restrictionsRequest.key);
+  var fetchRestrictions = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useGetFetch(restrictionsRequest);
+
+  if (restrictionsRequest && restrictions.shouldFetch) {
+    fetchRestrictions();
+  }
+
+  var videosWithRestrictions = isUserSignedIn ? !!restrictions.data && _libs_shared_src_utils_RestrictionHelper__WEBPACK_IMPORTED_MODULE_13__["RestrictionHelper"].mixinRestrictions(videos, restrictions.data) : videos;
+  Object(_libs_shared_src_hooks_useSetPageTitle__WEBPACK_IMPORTED_MODULE_10__["useSetPageTitle"])(!!playlist.data && playlist.data.name, [playlist.data]);
+
+  var onSortStart = function onSortStart(index) {
+    var video = videos[index];
+    if (video) _PlaylistViewUtils__WEBPACK_IMPORTED_MODULE_24__["logSortAction"](props.playlistId, video.id, _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["WorkflowPhase"].Start);
+  };
+
+  var onSortComplete = function onSortComplete(oldIdx, newIdx) {
+    if (oldIdx === newIdx) return;
+    var video = videosWithRestrictions[oldIdx];
+    if (!video) return;
+
+    var _ReorderHelper$reorde = _libs_shared_src_utils_ReorderHelper__WEBPACK_IMPORTED_MODULE_14__["ReorderHelper"].reorder(videosWithRestrictions, oldIdx, newIdx),
+        reorderedItems = _ReorderHelper$reorde.reorderedItems,
+        reorderRequest = _ReorderHelper$reorde.reorderRequest;
+
+    setReorderedVideos(reorderedItems);
+    _PlaylistViewUtils__WEBPACK_IMPORTED_MODULE_24__["logSortAction"](props.playlistId, video.id, _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["WorkflowPhase"].Complete);
+
+    var onError = function onError() {
+      setReorderedVideos(null);
+    };
+
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_9__["PlaylistRequests"].reorderVideos(props.playlistId, reorderRequest, null, onError));
+  };
+
+  var follow = function follow(shouldFollow) {
+    var req = shouldFollow ? _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_9__["PlaylistRequests"].followPlaylist : _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_9__["PlaylistRequests"].unfollowPlaylist;
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, req(props.playlistId, user.data.id));
+  };
+
+  var setFavourite = function setFavourite(videoId, shouldFavourite, onError) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_8__["FavouriteVideoRequests"].updateIsVideoFavourited(videoId, user.data.id, shouldFavourite, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_25__["AnalyticsHelper"].logUserAction({
+        id: videoId
+      }, {
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["EntityType"].Video,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["UserAction"].Favourite,
+        descriptor: shouldFavourite ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["ToggleDescriptor"].On : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["ToggleDescriptor"].Off,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["LocationContext"].VideoThumbnail,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["WorkflowPhase"].Complete
+      });
+    }, onError));
+  };
+
+  var canEdit = !!props.allowEdit && _PlaylistViewUtils__WEBPACK_IMPORTED_MODULE_24__["canEditPlaylist"](playlist.data, user.data);
+  var playlistIsEmpty = !!videos && videos.length === 0;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_context_VideoActionsContext__WEBPACK_IMPORTED_MODULE_18__["VideoActionsContext"].Provider, {
+    value: {
+      videoActions: _PlaylistViewUtils__WEBPACK_IMPORTED_MODULE_24__["getVideoActions"](canEdit),
+      getActionAppLink: Object(apps_playlists_utils_PlaylistVideoActionAppLinkHelper__WEBPACK_IMPORTED_MODULE_23__["getVideoActionAppLink"])(props.application, props.playlistId)
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'bg-white padding-gutter'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_playlists_components_playlist_header_PlaylistHeader__WEBPACK_IMPORTED_MODULE_21__["PlaylistHeader"], {
+    playlistId: props.playlistId,
+    playlist: playlist.data,
+    hasVideos: !playlistIsEmpty,
+    isFollowing: (_a = following.data) === null || _a === void 0 ? void 0 : _a.isFollowing,
+    follow: follow,
+    application: props.application,
+    canEdit: canEdit,
+    isShared: props.isShared,
+    showBreadcrumbs: props.showBreadcrumbs,
+    showDateMetadata: props.showDateMetadata,
+    playAllAppLink: props.playAllAppLink,
+    showPartialLoading: !playlist.data || !videos || !user.data || !config.data || !following.data,
+    lastUpdated: !!videos && _PlaylistViewUtils__WEBPACK_IMPORTED_MODULE_24__["getLastUpdatedDate"](videos),
+    imageCdnUrl: !!config.data && config.data.imageCdnUrl,
+    returnAppLink: props.returnAppLink
+  }), playlistIsEmpty ? !!config.data && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_playlists_components_empty_state_EmptyVideoList__WEBPACK_IMPORTED_MODULE_5__["EmptyVideoListComponent"], {
+    supportSiteUrl: config.data.supportSiteUrl
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_playlists_components_video_list_SortableVideoListContainer__WEBPACK_IMPORTED_MODULE_22__["SortableVideoListContainer"], {
+    videos: reorderedVideos || videosWithRestrictions,
+    playlistId: !!playlist.data && playlist.data.id,
+    onSortStart: onSortStart,
+    onSortComplete: onSortComplete,
+    isUserSignedIn: isUserSignedIn,
+    canEdit: canEdit,
+    showPartialLoading: !videosWithRestrictions || !user.data || !config.data,
+    getVideoAppLink: props.getVideoAppLink,
+    getSeriesAppLink: props.getSeriesAppLink,
+    fetchRestrictions: fetchRestrictions,
+    setFavourite: setFavourite
+  }), !!hasMore && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_infinite_scroll_footer_InfiniteScrollFooter__WEBPACK_IMPORTED_MODULE_12__["InfiniteScrollFooter"], {
+    isFetching: isFetching,
+    onClick: fetchNext
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/playlists/views/playlist/PlaylistViewUtils.ts":
+/*!****************************************************************!*\
+  !*** ./src/apps/playlists/views/playlist/PlaylistViewUtils.ts ***!
+  \****************************************************************/
+/*! exports provided: getLastUpdatedDate, getVideoActions, logSortAction, canEditPlaylist */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLastUpdatedDate", function() { return getLastUpdatedDate; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getVideoActions", function() { return getVideoActions; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "logSortAction", function() { return logSortAction; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canEditPlaylist", function() { return canEditPlaylist; });
+/* harmony import */ var _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
+/* harmony import */ var _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/video-actions/VideoActionsHelper */ "../../libs/shared/src/utils/video-actions/VideoActionsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+
+
+
+
+
+/**
+ * NOTE:
+ * This will be wrong if we increase the playlist limit from 100, or
+ * stop fetching all 100 videos at once.
+ */
+
+function getLastUpdatedDate(videos) {
+  var videoLastUpdatedDates = videos && videos.length && videos.map(function (v) {
+    return v.dateAssociated;
+  });
+  return videoLastUpdatedDates && videoLastUpdatedDates.length ? _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__["ArrayHelper"].max(videoLastUpdatedDates, function (date) {
+    return new Date(date).getTime();
+  }) : null;
+}
+function getVideoActions(canEdit) {
+  return [canEdit ? _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_2__["VideoAction"].RemoveFromPlaylist : _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_2__["VideoAction"].AddToPlaylist, _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_2__["VideoAction"].Share];
+}
+function logSortAction(playlistId, videoId, workflowPhase) {
+  _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_4__["AnalyticsHelper"].logUserAction({
+    id: videoId,
+    playlistId: playlistId
+  }, {
+    location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["LocationContext"].VideoList,
+    entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["EntityType"].Video,
+    actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["UserAction"].Move,
+    workflowPhase: workflowPhase
+  });
+}
+function canEditPlaylist(playlist, user) {
+  if (_libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__["ObjectHelper"].isEmpty(user) || !playlist || _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__["ObjectHelper"].isEmpty(playlist.owner)) return false;
+  return playlist.owner.id === user.id;
+}
+
+/***/ }),
+
+/***/ "./src/shared/hooks/useVideoMixin.ts":
+/*!*******************************************!*\
+  !*** ./src/shared/hooks/useVideoMixin.ts ***!
+  \*******************************************/
+/*! exports provided: useVideoMixin */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useVideoMixin", function() { return useVideoMixin; });
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../libs/shared/src/flight-requests/FavouriteVideoRequests */ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts");
+/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
+
+
+
+
+
+function fetchAttribute(videosFetched, request) {
+  var attribute = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useGetResponse(request && request.key);
+  var fetch = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useGetFetch(request);
+  if (videosFetched && attribute.shouldFetch) fetch();
+}
+
+function useVideoMixin(videos) {
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_1__["UserRequests"].currentUser);
+  var videoIds = videos && (Array.isArray(videos) ? videos.map(function (v) {
+    return v.id;
+  }) : videos.data.map(function (v) {
+    return v.id;
+  }));
+  var requests = [videoIds && shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_3__["VideoRequests"].videoRatings(videoIds), videoIds && currentUser.data && _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_2__["FavouriteVideoRequests"].isFavourited(currentUser.data.id, videoIds)];
+  requests.forEach(function (r) {
+    return fetchAttribute(!!videos, r);
+  });
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=22.chunk.js.map