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

package/dist/scripts/9-fef5ef0698.chunk.js

@@ -1 +0,0 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[9],{401:function(e,t,a){"use strict";a.d(t,"b",(function(){return n})),a.d(t,"a",(function(){return p}));var n,r,i=a(0),s=a(75),o=a(31),l=a(9),c=a(8),u=a(440),d=a.n(u);function p(e){const{type:t,mediaType:a,extraClasses:u}=e,p=(Object(s.a)(c.b.ImageUrl).getImageUrls(),function(e){return e===n.Video?d.a.videoFallback:e===n.Playlist?d.a.playlistFallback:e===n.Series||e===n.TallSubject?d.a.posterFallback:e===n.Subject?d.a.subjectFallback:""}(t)),m=function(e,t){return e===n.Video?l.b.Play:e===n.Playlist?l.b.Playlist:e===n.Series?l.b.Series:e===n.Subject||e===n.TallSubject?l.b.Subject:""}(t);let y=""+function(e,t){return t===n.Subject?d.a.subjectFallbackContainer:e===r.Svg?d.a.svgFallbackContainer:d.a.baseFallbackContainer}(a,t);return u&&(y+=" "+e.extraClasses),i.createElement("div",{className:y},a===r.Svg?i.createElement(o.a,{svgName:m,className:p,tagName:"div"}):i.createElement("div",{className:d.a.fallbackThumbnailImage,style:{backgroundImage:`url('${m}')`}}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series",e[e.Subject=3]="Subject",e[e.TallSubject=4]="TallSubject"}(n||(n={})),function(e){e[e.Svg=0]="Svg",e[e.Image=1]="Image"}(r||(r={})),p.defaultProps={mediaType:r.Svg}},407:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(63),r=a(34);const i={reorder(e,t,a){if(t===a)return{reorderedItems:e,reorderRequest:null};const r=n.a.moveItem(e,t,a),i=a<e.length-1?r[a+1].id:null;return{reorderedItems:r,reorderRequest:{sourceMemberId:r[a].id,destinationMemberId:i}}},updateState(e,t,a){const i=[],s=r.a.deepClone(a),o=[e];let l=a[e];const c=!!l&&!!l.data&&l.data.length;for(;l&&Array.isArray(l.data);){i.push(...l.data);const t=l.pagination&&l.pagination.cursors&&l.pagination.cursors.next,n=!!t&&`${e}:${t}`;l=t&&a[n],l&&o.push(n)}if(!i.length)return a;const u=n.a.findIndex(i,e=>e.id===t.sourceMemberId),d=[...i],p=d.splice(u,1),m=t.destinationMemberId?n.a.findIndex(d,e=>e.id===t.destinationMemberId):d.length;return d.splice(m,0,p[0]),o.forEach(e=>{const t=d.splice(0,c);s[e].data=t}),s}}},408:function(e,t,a){"use strict";var n=a(0),r=a(34),i=a(389),s=a(438),o=a.n(s),l=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};function c(e){var{forceLoad:t}=e,a=l(e,["forceLoad"]);const[r,s]=i.useInView({triggerOnce:!0});if(void 0===window.IntersectionObserver&&!t)return n.createElement("img",Object.assign({alt:""},a));const{src:c}=a,u=l(a,["src"]),d=Object.assign(Object.assign({alt:""},u),s||t?{src:c}:{});return n.createElement("img",Object.assign({className:o.a.image,ref:r},d))}var u,d=a(33),p=a(411),m=a(439),y=a.n(m);function f(e){let t="thumbnail "+y.a.thumbnail,a="";return e.aspectRatio===u.SixteenByNine&&(a=y.a.sixteenByNine),e.aspectRatio===u.NineBySixteen&&(a=y.a.nineBySixteen),e.aspectRatio===u.OneByOne&&(a=y.a.oneByOne),e.aspectRatio===u.TwoByThree&&(a=y.a.twoByThree),a&&(t+=" "+a),e.className&&(t+=" "+e.className),t}function g(e){const{data:t,size:a,appLink:i,preload:s}=e;let o="";"string"==typeof t?o=t:r.a.isObject(t)&&(o=t.url);const l=o&&function(e,t=p.a.Small){return`${e}?size=${t}`}(o,a);return n.createElement("div",{className:f(e)},n.createElement(d.a,{appLink:i},e.children,l&&n.createElement(c,{src:l,forceLoad:s})))}a.d(t,"a",(function(){return u})),a.d(t,"b",(function(){return g})),function(e){e[e.SixteenByNine=0]="SixteenByNine",e[e.OneByOne=1]="OneByOne",e[e.TwoByThree=2]="TwoByThree",e[e.NineBySixteen=3]="NineBySixteen"}(u||(u={}))},409:function(e,t,a){"use strict";var n,r=a(15),i=a(25),s=a(407),o=a(114);a(41);o.a;class l extends o.a{constructor(e,t=""){super({collectionPrefix:"playlist:videos",id:e,cursor:t})}}!function(e){e[e.Queued=1]="Queued",e[e.Processing=2]="Processing",e[e.Processed=3]="Processed",e[e.Errored=4]="Errored"}(n||(n={}));const c={updatePlaylist:(e,t)=>a=>{const n=Object.assign({},a);return n.hasOwnProperty(e)&&(n[e]=Object.assign(Object.assign({},n[e]),t)),n},deletePlaylist:e=>t=>{const a=Object.assign({},t);return a.hasOwnProperty(e)&&delete a[e],a},incrementVideoCount:(e,t)=>a=>{const n=Object.assign({},a);return n.hasOwnProperty(e)?(n[e].videos||(n[e].videos={}),n[e].videos.count=n[e].videos.count?n[e].videos.count+t:t,n):a}};var u=a(122);a.d(t,"a",(function(){return y}));const d=e=>e?"&cursor="+e:"",p=e=>Number.isInteger(e)?"&maxRatingValue="+e:"",m=(e,t)=>`${e}${t?":"+t:""}`,y={getPlaylist:(e,t,a)=>({url:`/api/domain/v2/objects/${e}?query=${i.a.PLAYLIST}`,key:"playlist:"+e,success:t,error:a}),getSharedPlaylist:(e,t,a,n)=>({url:`${"/api/domain/v2/share/"+e}?query=${i.a.PLAYLIST}${p(t)}`,key:"shared:playlist:"+e,success:a,error:n}),getUserPlaylists:e=>({url:`/api/domain/v2/me/playlists?query={${u.a.getFilterFromSort(e.sort)},limit:100}${i.a.PLAYLIST_COLLECTION}${d(e.cursor)}`,key:e.toString()}),getPlaylistVideos(e,t,a){let n="orderBy:orderindex,limit:100";return Number.isInteger(t)&&(n+=",rating.value:0..."+t),{url:`/api/domain/v2/objects/${e}/videos?query={${n}}${i.a.VIDEO_COLLECTION}${d(a)}`,key:m(`playlist:${e}:videos`,a)}},getSharedPlaylistVideos:(e,t,a)=>({url:`/api/domain/v2/share/${e}/videos?query={orderBy:orderindex,limit:100}${i.a.VIDEO_COLLECTION}${d(a)}${p(t)}`,key:m(`shared:playlist:${e}:videos`,a)}),getVideoPlaylists:(e,t,a)=>({url:`/api/domain/v2/objects/${e}/playlists?query={limit:100,owner.id:[${t}]}`,key:m("video:playlists:"+e,a)}),getIsFollowingPlaylist:(e,t)=>({url:`/api/domain/v2/objects/${e}/followers?query={id:${t}}`,key:`playlist:${e}:following:${t}`,formatData:t=>{var a,n;return{objectId:e,isFollowing:!!(null===(n=null===(a=t)||void 0===a?void 0:a.data)||void 0===n?void 0:n.length)}},normalize:!1}),createPlaylist:(e,t,a,n)=>({key:"create:playlist",url:`/api/domain/v2/objects/${e}/playlists`,data:t,type:r.a.POST,success:a,error:n,invalidationKeys:"user:playlists"}),updatePlaylist:(e,t,a,n)=>({key:"update:playlist",url:"/api/domain/v2/objects/"+e,data:t,type:r.a.PUT,success:a,error:n,updateState:{keys:"playlist:"+e,updateData:c.updatePlaylist("playlist:"+e,t)}}),deletePlaylist:(e,t,a)=>({key:"delete:playlist",url:"/api/domain/v2/objects/"+e,type:r.a.DELETE,success:t,error:a,invalidationKeys:"user:playlists",updateState:{keys:"playlist:"+e,updateData:c.deletePlaylist("playlist:"+e)}}),addToPlaylist(e,t,a,n){const i=["user:playlists",new l(e).toString()];return t.forEach(e=>{i.push("video:playlists:"+e)}),{key:"add:to:playlist",url:`/api/domain/v2/objects/${e}/associate`,data:t,type:r.a.POST,success:a,error:n,invalidationKeys:i,updateState:{keys:"playlist:"+e,updateData:c.incrementVideoCount("playlist:"+e,t.length)}}},reorderVideos:(e,t,a,n)=>({key:"reorder:playlist",url:`/api/domain/v2/objects/${e}/videos/reorder`,data:t,type:r.a.PUT,success:a,error:n,invalidationKeys:"user:playlists",updateState:{keys:`playlist:${e}:videos`,updateData:a=>s.a.updateState(`playlist:${e}:videos`,t,a)}}),removePlaylistVideo:(e,t,a,n)=>({key:"remove:playlist:video",url:`/api/domain/v2/objects/${e}/dissociate?memberId=${t}`,type:r.a.DELETE,success:a,error:n,invalidationKeys:["user:playlists",`playlist:${e}:videos`]}),followPlaylist:(e,t)=>({url:"/api/domain/v2/objects/"+t,key:"follow:playlist:"+e,data:{followedPlaylists:e},type:r.a.PUT}),unfollowPlaylist:(e,t)=>({url:`/api/domain/v2/objects/${t}/followedplaylists/${e}`,key:"unfollow:playlist:"+e,type:r.a.DELETE}),getMigrationTask:(e,t)=>({url:"/api/playlist-app/migration-task",key:"migration:task",formatData:e=>e||{status:n.Processed},success:e,error:t})}},410:function(e,t,a){"use strict";var n=a(0),r=a(27),i=a(124),s=a(31),o=a(33),l=a(9),c=a(430),u=a.n(c);function d(e){let t="dropdown-item";return e&&(t+=" "+e),t}function p(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);const t="actions-dropdown-"+i.a.getRandomInt();let a="px-0 "+u.a.dropdownToggle;return e.dropdownToggleClassName&&(a+=" "+e.dropdownToggleClassName),n.createElement(r.Dropdown,{className:e.className?e.className:"",alignRight:!0},n.createElement(r.Dropdown.Toggle,{as:"button",type:"button",id:t,className:a},n.createElement(s.a,{svgName:l.b.More,size:s.b.Small})),n.createElement(r.Dropdown.Menu,null,e.actions.map((e,t)=>n.createElement(o.a,{key:t,appLink:e.appLink,className:d(e.className)},e.label))))}p.defaultProps={dropdownToggleClassName:"btn btn-light"};var m=a(112),y=a(80);function f(e){const{onClick:t,appLink:a,svgName:r,tooltip:i}=e.actionOptions;let s="ml-2";return e.actionOptions.className&&(s+=" "+e.actionOptions.className),i?n.createElement(y.a,{title:i},n.createElement(m.a,{appLink:a,svgName:r,onClick:t,className:s},e.children)):r?n.createElement(m.a,{onClick:t,appLink:a,svgName:r,className:s},e.children):a?n.createElement(o.a,{onClick:t,appLink:a,className:s},e.children):n.createElement("button",{onClick:t,className:s},e.children)}function g(e){const t=[],a=[];e.actions.forEach(e=>{e.button?t.push(e):a.push(e)});let r="d-flex";return e.className&&(r+=" "+e.className),n.createElement("div",{className:r},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:u.a.buttonList},t.map((e,t)=>n.createElement(f,{key:t,actionOptions:e},e.label))),e.sortComponent?e.sortComponent:"",!!a.length&&n.createElement(p,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return g}))},411:function(e,t,a){"use strict";var n;a.d(t,"a",(function(){return n})),function(e){e.Small="small",e.Medium="medium",e.Large="large",e.Raw="raw"}(n||(n={}))},412:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(5),i=a(31),s=a(33),o=a(9);function l({backToName:e,appLink:t,color:a}){const l=e?r.a.getPhrase("shared.backButton","backTo",{backToName:e}):r.a.getPhrase("shared.backButton","back"),c="black"===a?"":"text-light";return n.createElement(s.a,{appLink:t,className:"d-inline-flex align-items-center h5 mb-0 "+c},n.createElement(i.a,{svgName:o.b.ChevronLeft,size:i.b.Medium}),n.createElement("span",{className:"ml-1"},l))}l.defaultProps={color:"black"}},415:function(e,t,a){"use strict";a.d(t,"a",(function(){return u})),a.d(t,"b",(function(){return d}));var n=a(0),r=a(412),i=a(115),s=a(76),o=a(410),l=a(417),c=a.n(l);const u=n.memo((function(e){const{heading:t,banner:a,imageCdnUrl:l,actions:u,sortComponent:d}=e,p=i.a.createBannerUrl(a,{fallbackBaseUrl:l,fallbackCategoryName:t,type:s.b.Banners},{size:s.a.Large});return n.createElement("div",{className:"banner",style:{backgroundImage:`url('${p}')`}},e.backButtonAppLink&&n.createElement("div",{className:"pt-3"},n.createElement(r.a,{appLink:e.backButtonAppLink,backToName:e.backButtonText,color:"white"})),n.createElement("h1",{className:"text-white text-shadow position-absolute m-0 pb-3"},t),!!u&&n.createElement("div",{className:c.a.actionsContainer},n.createElement(o.a,{actions:u,sortComponent:d})))}),(e,t)=>e.actions===t.actions),d=()=>n.createElement("div",{className:"partial-banner partial-loading-background"})},417:function(e,t,a){e.exports={actionsContainer:"_286KF"}},418:function(e,t,a){"use strict";var n=a(0),r=a(32);a(5),a(2);const i=n.createContext({});function s(e,t=[]){const{setPageTitle:a}=n.useContext(i);n.useEffect(()=>{e&&r.a.isFunction(a)&&a(e)},[e,...t])}a.d(t,"a",(function(){return s}))},430:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},433:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));const n=/([0-9]+)/gi,r=/(^\w+)/gi;const i={getSortedPresentationAudiences(e,t){const a=e.map(e=>e.id.toString());return t.filter(e=>a.includes(e.masterId.toString()))},getMergedPresentationAudienceString(e){if(1===e.length)return e[0];const t=e.map(e=>e.name).join(","),a=t.match(n),i=t.match(r);if(!a||!i)return e[0];const s=function(e){let t,a,n=!1;const r=[];let i,s;for(e=e.sort(),i=0;i<e.length;i++)s=i+1,n||(t=e[i]),a=e[s],e[i]+1===a?n=!0:n?(r.push(`${t} - ${e[i]}`),n=!1):(r.push(""+e[i]),n=!1);return r}(a.map(e=>+e)||[]);return{name:`${i[0]} ${s.join(" , ")}`}}}},434:function(e,t,a){"use strict";a.d(t,"a",(function(){return s})),a.d(t,"b",(function(){return o}));var n=a(0),r=a(460),i=a.n(r);function s(e){return e.audience?n.createElement("div",{className:"border rounded-pill d-inline-block px-2 mt-1 "+("border-"+e.border)},e.audience.name):n.createElement(n.Fragment,null)}function o(e){return e.audiences&&e.audiences.length?n.createElement(n.Fragment,null,e.audiences.map((t,a)=>n.createElement("span",{key:a,className:i.a.audienceLabelListItem},n.createElement(s,{audience:t,border:e.border})))):n.createElement(n.Fragment,null)}},435:function(e,t,a){e.exports={basePlaylistItem:"_2nvrp",playlistItem:"_6o0Z2",playlistMetadata:"_3MCKL",partialHeading:"_13tO6"}},438:function(e,t,a){e.exports={image:"_1YW-E"}},439:function(e,t,a){e.exports={thumbnail:"_3lfBf",sixteenByNine:"_2LqZ8",nineBySixteen:"_136ry",oneByOne:"_2wYLa",twoByThree:"_1eC6Q"}},440:function(e,t,a){e.exports={baseFallbackContainer:"_1wRjB",svgFallbackContainer:"_2t1jq",subjectFallbackContainer:"_12D74",videoFallback:"_6BPy-",playlistFallback:"_1slQX",posterFallback:"i0o8n",subjectFallback:"_2Srdd",fallbackThumbnailImage:"_2L_tV"}},441:function(e,t,a){"use strict";a.d(t,"a",(function(){return y}));var n=a(0),r=a(115),i=a(433),s=a(76),o=a(44),l=a(33),c=a(408),u=a(401),d=a(434),p=a(435),m=a.n(p);function y(e){const t=r.a.createUrl(e.data.cover&&e.data.cover.url,{size:s.a.Medium,resizeType:s.c.Cover}),a=e.data.subjectPresentationAudiences&&e.data.subjectPresentationAudiences.data,p=!!e.showCount&&!!e.data.videos&&e.data.videos.count;return n.createElement(l.a,{appLink:e.appLink},n.createElement(c.b,{data:t,className:m.a.playlistItem},n.createElement(u.a,{type:u.b.Playlist}),n.createElement("div",{className:"text-white "+m.a.playlistMetadata},Number.isInteger(p)&&n.createElement(o.b,{namespace:"shared.playlistItem",phrase:"videos",options:{smartCount:p}}),n.createElement("h5",{className:"text-shadow mb-0"},e.data.name),!!a&&!!a.length&&n.createElement(d.b,{audiences:i.a.getSortedPresentationAudiences(a,e.presentationAudiences),border:"white"}))))}},449:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));const n=()=>"/api/domain/v1/subjects/audiences",r={presentationAudiences:()=>({bootstrapName:"presentationAudiences",url:n(),key:"presentation:audiences",normalize:!1})}},450:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(40),i=a(11),s=a(32);const o=e=>e&&e.data&&e.data.pagination&&e.data.pagination.cursors&&e.data.pagination.cursors.next;function l(e){return Object(r.useSelector)(Object(n.useMemo)(()=>t=>{const a=e;let n=s.a.isFunction(e)&&i.a.getResponse(t,a()),r=n&&n.isFetching;const l=n&&n.shouldFetch;let c=n&&n.data&&n.data.data,u=o(n);for(;u&&(n=i.a.getResponse(t,a(u)),r=n.isFetching,!n.shouldFetch);){let e=n.data&&n.data.data;e&&c.push(...e),u=o(n)}return{shouldInitialFetch:l,items:c,nextCursor:u,isFetching:r}},[e]))}},451:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(27),i=a(435),s=a.n(i);function o(e){const t=[...Array(e.numItems)],a=e.itemClassName||"";return n.createElement(n.Fragment,null,e.showHeading&&n.createElement("div",{className:s.a.partialHeading+" partial-loading-background"}),n.createElement(r.Row,null,t.map((e,t)=>n.createElement(r.Col,{key:t,xs:6,sm:4,md:3,lg:2,className:a},n.createElement("div",{className:"py-2"},n.createElement("div",{className:s.a.basePlaylistItem+" partial-loading-background"}))))))}o.defaultProps={numItems:8}},460:function(e,t,a){e.exports={audienceLabelListItem:"_2YGVO"}},480:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(0),r=a(27),i=a(441);function s(e){return n.createElement(r.Row,null,e.playlists.map(t=>n.createElement(r.Col,{key:t.id,xs:6,sm:4,lg:3,className:"mb-3 "+(e.itemClassName?e.itemClassName:"")},n.createElement(i.a,{key:t.id,data:t,appLink:e.getPlaylistAppLink(t),presentationAudiences:e.presentationAudiences,showCount:e.showCount}))))}},505:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0),r=a(32);function i(e,t,a){const i=()=>{if(a)return;window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-400||e()};Object(n.useEffect)(()=>{const e=r.a.throttle(i,200);return t&&window.addEventListener("scroll",e),()=>window.removeEventListener("scroll",e)},[t])}},506:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);function r(e){const{imageUrl:t,heading:a,description:r}=e;return n.createElement("div",{className:"empty-state-container"},n.createElement("div",{className:"content-container"},t&&n.createElement("img",{src:t}),n.createElement("h1",null,a),r&&n.createElement("p",{dangerouslySetInnerHTML:{__html:r}})))}},507:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(0),r=a(27),i=a(31),s=a(9),o=a(508),l=a.n(o);function c(e){return n.createElement("div",{className:"p-3 text-center "+l.a.container},e.isFetching?n.createElement(r.Spinner,{as:"span",animation:"border",role:"status",className:l.a.spinner}):n.createElement(i.a,{svgName:s.b.ChevronDown,className:"svg-container cursor-pointer",size:i.b.Large,onClick:e.onClick}))}},508:function(e,t,a){e.exports={container:"_1_KC6",spinner:"VXlcl"}},509:function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var n=a(114),r=a(41);function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){return(o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function l(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=u(e);if(t){var r=u(this).constructor;a=Reflect.construct(n,arguments,r)}else a=n.apply(this,arguments);return c(this,a)}}function c(e,t){return!t||"object"!==i(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function u(e){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var d=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&o(e,t)}(a,e);var t=l(a);function a(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:r.a.Newest,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return s(this,a),t.call(this,{collectionPrefix:"user:playlists",cursor:n,sort:e})}return a}(n.a)},638:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a(40),i=a(63),s=a(5),o=a(11),l=a(409),c=a(449),u=a(119),d=a(113),p=a(505),m=a(418),y=a(450),f=a(480),g=a(451),b=a(75),v=a(506),h=a(8);const E=s.a.encloseNamespace("playlists.emptyState");function k(){const e=Object(b.a)(h.b.ImageUrl).getImageUrls();return n.createElement(v.a,{imageUrl:e.EmptyStates.VIDEOS,heading:E("noPlaylistsHeading"),description:E("noPlaylistsInfo")})}var N=a(507),w=a(2),P=a(9),S=a(415),C=a(10),O=a(27),L=a(32),j=a(41),I=a(33);function T(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var x="playlists.playlistSortSelect",$=L.a.memoize((function(){var e;return T(e={},j.a.RecentlyUpdated,{name:s.a.getPhrase(x,"recentlyUpdated")}),T(e,j.a.AtoZ,{name:s.a.getPhrase(x,"atoz")}),T(e,j.a.Newest,{name:s.a.getPhrase(x,"newest")}),e}));function F(e){var t=e.type,a=e.getSortAppLink,r=$();return n.createElement(O.Dropdown,null,n.createElement(O.Dropdown.Toggle,{variant:"light",id:"sort-select",className:"ml-2"},r[t].name),n.createElement(O.Dropdown.Menu,null,Object.values(j.a).filter((function(e){return e!==t})).map((function(e){return n.createElement(I.a,{key:e,className:"dropdown-item",appLink:a(e)},r[e].name)}))))}function _(e){var t=w.a.AppLinkHelper.getCurrentAppLink(),a=[{label:s.a.getPhrase("playlists.playlistListHeader","newPlaylist"),appLink:{application:t.application,action:C.a.Playlists.NEW_PLAYLIST},svgName:P.b.Plus,className:"btn btn-light",button:!0}];return n.createElement("div",{className:"mb-3"},n.createElement(S.a,{heading:s.a.getPhrase("playlists.playlistListHeader","header"),banner:null,imageCdnUrl:e.imageCdnUrl,actions:a,sortComponent:n.createElement(F,{type:e.sortType,getSortAppLink:e.getSortAppLink})}))}var B=a(509);a.d(t,"PlaylistsView",(function(){return A}));function A(e){var t=Object(r.useDispatch)(),a=o.a.useBasicFetch(u.a.config),b=o.a.useBasicFetch(d.a.currentUser),v=o.a.useBasicFetch(c.a.presentationAudiences()),h=function(t){return l.a.getUserPlaylists(new B.a(e.sort,t))},E=function(e){o.a.getFetch(t,h(e))()},w=Object(y.a)((function(e){return h(e).key}));return Object(m.a)(s.a.getPhrase("playlists.playlists","title")),Object(p.a)((function(){return E(w.nextCursor)}),!!w.nextCursor,w.isFetching),n.useEffect((function(){w.shouldInitialFetch&&E()}),[w.shouldInitialFetch]),i.a.isEmpty(w.items)?n.createElement(k,null):n.createElement("div",{className:"bg-white padding-gutter"},!!a.data&&!!b.data&&n.createElement(_,{user:b.data,imageCdnUrl:a.data.imageCdnUrl,sortType:e.sort,getSortAppLink:e.getSortAppLink}),w.items&&(v.data||v.hasError)?n.createElement(f.a,{playlists:w.items,getPlaylistAppLink:e.getPlaylistAppLink,presentationAudiences:v.data||[],showCount:!0}):n.createElement(g.a,null),!!w.items&&!(!w.nextCursor&&!w.isFetching)&&n.createElement(N.a,{isFetching:w.isFetching,onClick:function(){return E(w.nextCursor)}}))}}}]);