mediacms/static/js/profile-playlists.js

!function(){var e,t={463:function(e,t,n){"use strict";n.d(t,{c:function(){return a}});var i=n(4571),r=n.n(i);function a(e,t){let n=r()(e,{});return""!==n.origin&&"null"!==n.origin&&n.origin||(n=r()(t+"/"+e.replace(/^\//g,""),{})),n.toString()}},878:function(e,t,n){"use strict";n.d(t,{c:function(){return c}});var i=n(9471),r=n(8713),a=n.n(r),s=n(6387),o=n(5321),l=n(2828);function c(e){const{thumbnail:t}=(0,s.useUser)(),n={"aria-label":"Account profile photo that opens list of options and settings pages links",className:"thumbnail"};switch(e.isButton?void 0!==e.onClick&&(n.onClick=e.onClick):n.type="span",e.size){case"small":case"large":n.className+=" "+e.size+"-thumb"}return i.createElement(o.i,n,t?i.createElement("img",{src:t,alt:""}):i.createElement(l.Z,{type:"person"}))}c.propTypes={isButton:a().bool,size:a().oneOf(["small","medium","large"]),onClick:a().func},c.defaultProps={isButton:!1,size:"medium"}},977:function(e,t,n){"use strict";n.d(t,{A:function(){return r}});var i=n(7143);function r(e,t){return i.register(e[t].bind(e)),e}},1003:function(e,t,n){"use strict";var i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MediaListHeader=void 0;var r=i(n(9471)),a=n(1838);t.MediaListHeader=function(e){var t=e.viewAllText||(0,a.translateString)("VIEW ALL");return r.default.createElement("div",{className:(e.className?e.className+" ":"")+"media-list-header",style:e.style},r.default.createElement("h2",null,e.title),e.viewAllLink?r.default.createElement("h3",null," ",r.default.createElement("a",{href:e.viewAllLink,title:t}," ",t||e.viewAllLink," ")," "):null)}},1453:function(e,t,n){"use strict";function i(e,t,n){var i=e[t];e[t]=e[n],e[n]=i}function r(e,t,n){var a;return e.length,t<n&&(a=function(e,t,n,r){for(var a=e[t],s=n,o=n;o<r;o++)e[o]<a&&(i(e,o,s),s++);return i(e,r,s),s}(e,n,t,n),r(e,t,a-1),r(e,a+1,n)),e}n.d(t,{g:function(){return r}})},1702:function(e,t,n){"use strict";n.d(t,{R:function(){return a},e:function(){return s}});var i=n(6403),r=n(8354);const a=function(e,t,n){return void 0===e[t]||(0,r.tR)(e[t])?null:(0,i.m)(["Invalid prop `"+t+"` of type `"+typeof e[t]+"` supplied to `"+(n||"N/A")+"`, expected `positive integer or zero` ("+e[t]+")."])},s=function(e,t,n){return void 0===e[t]||(0,r.q6)(e[t])?null:(0,i.m)(["Invalid prop `"+t+"` of type `"+typeof e[t]+"` supplied to `"+(n||"N/A")+"`, expected `positive integer` ("+e[t]+")."])}},1936:function(e,t,n){"use strict";n.d(t,{PageHeader:function(){return i.z},PageMain:function(){return r.P},PageSidebar:function(){return a.E}});var i=n(1254),r=n(3212),a=n(795);n(1470)},2828:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});var i=n(9471);const r=({type:e})=>e?i.createElement("i",{className:"material-icons","data-icon":e}):null},2901:function(e,t,n){"use strict";n.d(t,{AP:function(){return s},cp:function(){return a}});var i=n(9471);const r=i.forwardRef((e,t)=>void 0!==e.children?i.createElement("div",{ref:t,className:"popup"+(void 0!==e.className?" "+e.className:""),style:e.style},e.children):null);function a(e){return void 0!==e.children?i.createElement("div",{className:"popup-top"+(void 0!==e.className?" "+e.className:""),style:e.style},e.children):null}function s(e){return void 0!==e.children?i.createElement("div",{className:"popup-main"+(void 0!==e.className?" "+e.className:""),style:e.style},e.children):null}t.Ay=r},3135:function(e,t,n){"use strict";var i=n(9471),r=n(8713),a=n.n(r),s=n(2828);function o(e){const[t,n]=(0,i.useState)(e.active);return i.createElement("div",{className:"mi-filters-toggle"},i.createElement("button",{className:t?"active":"","aria-label":"Filter",onClick:function(){n(!t),void 0!==e.onClick&&e.onClick()}},i.createElement(s.Z,{type:"filter_list"}),i.createElement("span",{className:"filter-button-label"},i.createElement("span",{className:"filter-button-label-text"},"FILTERS"))))}o.propTypes={onClick:a().func,active:a().bool},o.defaultProps={active:!1}},3818:function(e,t,n){"use strict";n(9471);var i=n(8713),r=n.n(i);r().string,r().array.isRequired,r().string,r().number,r().number,r().number,r().func,r().func},5050:function(e,t,n){"use strict";n.r(t)},5305:function(e,t,n){"use strict";n.d(t,{V:function(){return o}});var i=n(9471),r=n(9834),a=n(8713),s=n.n(a);function o(e){const t=(0,i.useRef)(null),[n,a]=(0,i.useState)(null);let s=[];function o(t,n){var i;n.preventDefault(),n.stopPropagation(),i=s[t].id,void 0!==e.pages[i]&&a(i)}return(0,i.useEffect)(()=>{void 0!==e.pages[e.initPage]?a(e.initPage):Object.keys(e.pages).length?a(Object.keys(e.pages)[0]):a(null)},[e.initPage]),(0,i.useEffect)(()=>{!function(){let e=0;for(;e<s.length;)s[e].elem.removeEventListener("click",s[e].listener),e+=1;s=[]}(),n&&(function(){let n,i,a=(0,r.findDOMNode)(t.current),l=a.querySelectorAll(e.pageChangeSelector);if(l.length)for(n=0;n<l.length;)i=l[n].getAttribute(e.pageIdSelectorAttr),i=i?i.trim():i,i&&(s[n]={id:i,elem:l[n]},s[n].listener=(e=>t=>o(e,t))(n),s[n].elem.addEventListener("click",s[n].listener)),n+=1;e.focusFirstItemOnPageChange&&a.focus()}(),"function"==typeof e.pageChangeCallback&&e.pageChangeCallback(n))},[n]),n?i.createElement("div",{ref:t},i.cloneElement(e.pages[n])):null}o.propTypes={initPage:s().string,pages:s().object.isRequired,pageChangeSelector:s().string.isRequired,pageIdSelectorAttr:s().string.isRequired,focusFirstItemOnPageChange:s().bool,pageChangeCallback:s().func},o.defaultProps={focusFirstItemOnPageChange:!0}},5321:function(e,t,n){"use strict";n.d(t,{i:function(){return o}});var i=n(9471),r=n(8713),a=n.n(r);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},s.apply(null,arguments)}function o(e){const t=i.createElement("span",null,i.createElement("span",null,e.children)),n={tabIndex:e.tabIndex||null,title:e.title||null,className:"circle-icon-button"+(void 0!==e.className?" "+e.className:"")+(e.buttonShadow?" button-shadow":"")};return void 0!==e["data-page-id"]&&(n["data-page-id"]=e["data-page-id"]),void 0!==e["aria-label"]&&(n["aria-label"]=e["aria-label"]),"link"===e.type?i.createElement("a",s({},n,{href:e.href||null,rel:e.rel||null}),t):"span"===e.type?i.createElement("span",s({},n,{onClick:e.onClick||null}),t):i.createElement("button",s({},n,{onClick:e.onClick||null}),t)}o.propTypes={type:a().oneOf(["button","link","span"]),buttonShadow:a().bool,className:a().string},o.defaultProps={type:"button",buttonShadow:!1}},6089:function(e,t,n){"use strict";n.d(t,{$:function(){return o}});var i=n(9471),r=n(6371);let a=[];function s(e){const[t,n]=(0,i.useState)(!1),[r,a]=(0,i.useState)(!0);let s=null,o=null;return(0,i.useEffect)(()=>(s=setTimeout(function(){o=setTimeout(function(){a(!1),o=null},1e3),s=null,n(!0),e.onHide(e.id)},5e3),()=>{s&&clearTimeout(s),o&&clearTimeout(o)}),[]),r?i.createElement("div",{className:"notification-item"+(t?" hidden":"")},i.createElement("div",null,i.createElement("span",null,e.children||"No message"))):null}function o(){const[e,t]=(0,i.useState)(a.length);function n(){t(r.default.get("notifications-size")+a.length)}function o(e){const t=[];a.map(n=>{n[0]!==e&&t.push(n)}),a=t}return(0,i.useEffect)(()=>(n(),r.default.on("added_notification",n),()=>r.default.removeListener("added_notification",n)),[]),e?i.createElement("div",{className:"notifications"},i.createElement("div",null,function(){const e=r.default.get("notifications");return[...a.map(e=>i.createElement(s,{key:e[0],id:e[0],onHide:o},e[1])),...e.map(e=>(a.push(e),i.createElement(s,{key:e[0],id:e[0],onHide:o},e[1])))]}())," "):null}},6190:function(e,t,n){"use strict";var i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.MediaListRow=void 0;var r=i(n(9471)),a=n(1003);t.MediaListRow=function(e){return r.default.createElement("div",{className:(e.className?e.className+" ":"")+"media-list-row",style:e.style},e.title?r.default.createElement(a.MediaListHeader,{title:e.title,viewAllLink:e.viewAllLink,viewAllText:e.viewAllText}):null,e.children||null)}},6371:function(e,t,n){"use strict";n.r(t);var i=n(9032),r=n.n(i),a=n(7154),s=n(1838),o=n(3997);function l(){let e=new Uint32Array(3);return window.crypto.getRandomValues(e),(performance.now().toString(36)+Array.from(e).map(e=>e.toString(36)).join("")).replace(/./g,""+Math.random()+Intl.DateTimeFormat().resolvedOptions().timeZone+Date.now())}let c,u=null,d=null;class f extends(r()){constructor(e){super(),d=(0,o.$)(window.MediaCMS),c=new a.BrowserCache(d.site.id,86400),u={mediaAutoPlay:c.get("media-auto-play")},u.mediaAutoPlay=null===u.mediaAutoPlay||u.mediaAutoPlay,this.browserEvents=(0,s.BrowserEvents)(),this.browserEvents.doc(this.onDocumentVisibilityChange.bind(this)),this.browserEvents.win(this.onWindowResize.bind(this),this.onWindowScroll.bind(this)),this.notifications=function(e){let t=[];function n(e){"string"==typeof e&&t.push([l(),e])}return e.map(n),{size:function(){return t.length},push:n,clear:function(){t=[]},messages:function(){return[...t]}}}(void 0!==window.MediaCMS&&void 0!==window.MediaCMS.notifications?window.MediaCMS.notifications:[])}onDocumentVisibilityChange(){this.emit("document_visibility_change")}onWindowScroll(){this.emit("window_scroll")}onWindowResize(){this.emit("window_resize")}initPage(e){u.currentPage=e}get(e){let t;switch(e){case"browser-cache":t=c;break;case"media-auto-play":t=u.mediaAutoPlay;break;case"config-contents":t=d.contents;break;case"config-enabled":t=d.enabled;break;case"config-media-item":t=d.media.item;break;case"config-options":t=d.options;break;case"config-site":t=d.site;break;case"api-playlists":n=e.split("-")[1],t=d.api[n]||null;break;case"notifications-size":t=this.notifications.size();break;case"notifications":t=this.notifications.messages(),this.notifications.clear();break;case"current-page":t=u.currentPage}var n;return t}actions_handler(e){switch(e.type){case"INIT_PAGE":this.initPage(e.page),this.emit("page_init");break;case"TOGGLE_AUTO_PLAY":u.mediaAutoPlay=!u.mediaAutoPlay,c.set("media-auto-play",u.mediaAutoPlay),this.emit("switched_media_auto_play");break;case"ADD_NOTIFICATION":this.notifications.push(e.notification),this.emit("added_notification")}}}t.default=(0,s.exportStore)(new f,"actions_handler")},6403:function(e,t,n){"use strict";n.d(t,{g:function(){return s},m:function(){return a}});var i=n(8004);function r(e,t,n){let i;switch(n){case TypeError:case RangeError:case SyntaxError:case ReferenceError:i=new n(t[0]);break;default:i=new Error(t[0])}return e(i.message,...t.slice(1)),i}function a(e,t){return r(i.z,e,t)}function s(e,t){return r(i.R,e,t)}},6568:function(e,t,n){"use strict";n.d(t,{x:function(){return s}});var i=n(9471),r=n(8713),a=n.n(r);function s(e){let t="spinner-loader";switch(e.size){case"tiny":case"x-small":case"small":case"large":case"x-large":t+=" "+e.size}return i.createElement("div",{className:t},i.createElement("svg",{className:"circular",viewBox:"25 25 50 50"},i.createElement("circle",{className:"path",cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:"1.5",strokeMiterlimit:"10"})))}s.propTypes={size:a().oneOf(["tiny","x-small","small","medium","large","x-large"])},s.defaultProps={size:"medium"}},7143:function(e,t,n){const i=n(2063).Dispatcher;e.exports=new i},7201:function(e,t,n){"use strict";n.d(t,{S:function(){return c}});var i=n(9471),r=n(8713),a=n.n(r),s=n(2828);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},o.apply(null,arguments)}function l(e){let t=[];const n=e.itemAttr||{};void 0===n.className?n.className="":n.className&&(n.className+=" ");let r=e.text?e.icon&&"right"!==e.iconPos?1:0:-1,a=e.icon?e.text&&"right"===e.iconPos?1:0:-1;switch(-1<r&&(t[r]=i.createElement("span",{key:"Text"},e.text)),-1<a&&(t[a]=i.createElement("span",{key:"Icon",className:"right"===e.iconPos?"menu-item-icon-right":"menu-item-icon"},i.createElement(s.Z,{type:e.icon}))),e.itemType){case"link":t=i.createElement("a",o({},e.linkAttr||{},{href:e.link,title:e.text||null}),t),n.className+="link-item"+(e.active?" active":"");break;case"button":case"open-subpage":t=i.createElement("button",o({},e.buttonAttr||{},{key:"button"}),t);break;case"label":t=i.createElement("button",o({},e.buttonAttr||{},{key:"button"}),i.createElement("span",null,e.text||null)),n.className="label-item";break;case"div":t=i.createElement("div",o({},e.divAttr||{},{key:"div"}),e.text||null)}return""!==n.className&&(n.className=" "+n.className),n.className=n.className.trim(),i.createElement("li",n,t)}function c(e){const t=e.items.map((e,t)=>i.createElement(l,o({key:t},e)));return t.length?i.createElement("div",{className:"nav-menu"+(e.removeVerticalPadding?" pv0":"")},i.createElement("nav",null,i.createElement("ul",null,t))):null}l.propTypes={itemType:a().oneOf(["link","open-subpage","button","label","div"]),link:a().string,icon:a().string,iconPos:a().oneOf(["left","right"]),text:a().string,active:a().bool,divAttr:a().object,buttonAttr:a().object,itemAttr:a().object,linkAttr:a().object},l.defaultProps={itemType:"link",iconPos:"left",active:!1},c.propTypes={removeVerticalPadding:a().bool,items:a().arrayOf(a().shape(l.propTypes)).isRequired},c.defaultProps={removeVerticalPadding:!1}},7256:function(e,t,n){"use strict";n.d(t,{P:function(){return o}});var i=n(9471),r=n(8713),a=n.n(r),s=n(2828);function o(e){return e.options.map(t=>i.createElement("div",{key:t.id,className:t.id===e.selected?"active":""},i.createElement("button",{onClick:e.onSelect,filter:e.id,value:t.id},i.createElement("span",null,t.title),t.id===e.selected?i.createElement(s.Z,{type:"close"}):null)))}o.propTypes={id:a().string.isRequired,selected:a().string.isRequired,onSelect:a().func.isRequired}},7664:function(e,t,n){"use strict";n.d(t,{CircleIconButton:function(){return i.i},FilterOptions:function(){return r.P},MaterialIcon:function(){return a.Z},NavigationContentApp:function(){return s.V},NavigationMenuList:function(){return o.S},Notifications:function(){return l.$},PopupMain:function(){return c.AP},PopupTop:function(){return c.cp},SpinnerLoader:function(){return u.x},UserThumbnail:function(){return d.c}});var i=n(5321),r=n(7256),a=(n(3135),n(2828)),s=n(5305),o=n(7201),l=n(6089),c=(n(3818),n(2901)),u=n(6568),d=n(878)},7731:function(e,t,n){"use strict";n.d(t,{LazyLoadItemListAsync:function(){return d}});var i=n(9471),r=n(7460),a=n(5338),s=n(4685),o=n(2495),l=n(4433),c=n(5633);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},u.apply(null,arguments)}function d(e){const[t,n,s,d,f,m,p,g,h,v,y,b,E]=(0,a.useItemListLazyLoad)(e);return(0,i.useEffect)(()=>(d(new c.B(e.pageItems,e.maxItems,e.firstItemRequestUrl,e.requestUrl,m,p,e.onResponseDataLoaded)),r.PageStore.on("window_scroll",g),r.PageStore.on("document_visibility_change",h),g(),()=>{r.PageStore.removeListener("window_scroll",g),r.PageStore.removeListener("document_visibility_change",h),s&&(s.cancelAll(),d(null))}),[]),(0,i.useEffect)(()=>{e.onItemsUpdate&&t.length>0&&e.onItemsUpdate(t)},[t]),n?t.length?i.createElement("div",{className:f.listOuter},b(),i.createElement("div",{ref:v,className:"items-list-wrap"},i.createElement("div",{ref:y,className:f.list},t.map((t,n)=>i.createElement(l.c,u({key:n},(0,l.k)(e,t,n),{showSelection:e.showSelection,hasAnySelection:e.hasAnySelection,isSelected:e.selectedMedia&&e.selectedMedia.has(t.friendly_token||t.uid||t.id),onSelectionChange:e.onMediaSelection,mediaId:t.friendly_token||t.uid||t.id}))))),E()):null:i.createElement(o.e,{className:f.listOuter})}d.propTypes={...s.ItemListAsync.propTypes},d.defaultProps={...s.ItemListAsync.defaultProps,pageItems:2}},8004:function(e,t,n){"use strict";n.d(t,{R:function(){return a},z:function(){return s}});var i=n(5697);const r=(...e)=>i[e[0]](...e.slice(1)),a=(...e)=>r("warn",...e),s=(...e)=>r("error",...e)},8354:function(e,t,n){"use strict";n.d(t,{Et:function(){return a},F5:function(){return l},Fq:function(){return s},be:function(){return r},en:function(){return i},ep:function(){return o},p7:function(){return d},q6:function(){return c},tR:function(){return u}});const i=(e,t)=>e>t,r=e=>0===e,a=e=>!isNaN(e)&&e===0+e,s=e=>e===Math.trunc(e),o=e=>i(e,0),l=e=>a(e)&&o(e),c=e=>s(e)&&o(e),u=e=>s(e)&&(o(e)||r(e)),d=(e,t)=>t?d(t,e%t):e},8482:function(e,t,n){"use strict";n.d(t,{n:function(){return r}});var i=n(1463);function r(e){const t=e.getDate(),n=i.A[e.getMonth()].substring(0,3),r=e.getFullYear(),a=e.getHours(),s=e.getMinutes(),o=e.getSeconds();let l=n+" "+t+", "+r;return l+=" "+(a<10?"0":"")+a,l+=":"+(s<10?"0":"")+s,l+=":"+(o<10?"0":"")+o,l}},9222:function(e,t,n){"use strict";var i=n(2985),r=n(9471),a=n(8790),s=n(7460),o=n(2855),l=n(1177),c=n(239),u=n(7731),d=n(7545);class f extends d.R{constructor(e){super(e,"author-playlists"),this.state={loadedAuthor:!1,loadedPlaylists:!1,playlistsCount:-1},this.getPlaylistsCountFunc=this.getPlaylistsCountFunc.bind(this)}getPlaylistsCountFunc(e){this.setState({loadedPlaylists:!0,playlistsCount:e})}pageContent(){return[this.state.author?r.createElement(l.A,{key:"ProfilePagesHeader",author:this.state.author,type:"playlists"}):null,this.state.author?r.createElement(c.A,{key:"ProfilePagesContent"},r.createElement(a.ApiUrlConsumer,null,e=>r.createElement(o.MediaListWrapper,{title:-1<this.state.playlistsCount?"Created playlists":void 0,className:"profile-playlists-content items-list-ver"},r.createElement(u.LazyLoadItemListAsync,{requestUrl:e.user.playlists+this.state.author.username,itemsCountCallback:this.getPlaylistsCountFunc,hideViews:!s.PageStore.get("config-media-item").displayViews,hideAuthor:!s.PageStore.get("config-media-item").displayAuthor,hideDate:!s.PageStore.get("config-media-item").displayPublishDate})))):null]}}(0,i.C)("page-profile-playlists",f)}},n={};function i(e){var r=n[e];if(void 0!==r)return r.exports;var a=n[e]={exports:{}};return t[e].call(a.exports,a,a.exports,i),a.exports}i.m=t,e=[],i.O=function(t,n,r,a){if(!n){var s=1/0;for(u=0;u<e.length;u++){n=e[u][0],r=e[u][1],a=e[u][2];for(var o=!0,l=0;l<n.length;l++)(!1&a||s>=a)&&Object.keys(i.O).every(function(e){return i.O[e](n[l])})?n.splice(l--,1):(o=!1,a<s&&(s=a));if(o){e.splice(u--,1);var c=r();void 0!==c&&(t=c)}}return t}a=a||0;for(var u=e.length;u>0&&e[u-1][2]>a;u--)e[u]=e[u-1];e[u]=[n,r,a]},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},i.d=function(e,t){for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.j=956,function(){var e={956:0};i.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,a,s=n[0],o=n[1],l=n[2],c=0;if(s.some(function(t){return 0!==e[t]})){for(r in o)i.o(o,r)&&(i.m[r]=o[r]);if(l)var u=l(i)}for(t&&t(n);c<s.length;c++)a=s[c],i.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return i.O(u)},n=self.webpackChunkmediacms_frontend=self.webpackChunkmediacms_frontend||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}();var r=i.O(void 0,[276],function(){return i(9222)});r=i.O(r)}();