@clickview/lite 0.0.26-dev.0 → 0.0.26-dev.1

package/dist/scripts/24-1b298386e9.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[24],{1001:function(e,t,a){"use strict";var n,r=a(0),i=a(69),l=a(1059),s=a(1122),c=a.n(s),o=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},u=r.memo((function(e){var t=e.forceLoad,a=e.extraClasses,n=void 0===a?"":a,i=o(e,["forceLoad","extraClasses"]),s=Object(l.a)(),u=s.ref,m=s.inView;if(!u)return r.createElement("img",Object.assign({className:"".concat(c.a.image," ").concat(n),alt:""},i));var d=i.src,p=o(i,["src"]),f=Object.assign(Object.assign({alt:""},p),m||t?{src:d}:{});return t||(f.ref=u),r.createElement("img",Object.assign({className:"".concat(c.a.image," ").concat(n)},f))})),m=a(58),d=a(211),p=a(1123),f=a.n(p);function y(e){var t="thumbnail ".concat(f.a.thumbnail),a="";return e.aspectRatio===n.SixteenByNine&&(a=f.a.sixteenByNine),e.aspectRatio===n.NineBySixteen&&(a=f.a.nineBySixteen),e.aspectRatio===n.OneByOne&&(a=f.a.oneByOne),e.aspectRatio===n.TwoByThree&&(a=f.a.twoByThree),a&&(t+=" ".concat(a)),e.className&&(t+=" ".concat(e.className)),t}function b(e){var t=e.data,a=e.imageOptions,n=e.appLink,l=e.preload,s=e.analyticsOptions,c=e.analyticsData,o=e.imageClassName,p="";"string"==typeof t?p=t:i.a.isObject(t)&&(p=t.url);var f=p&&a?d.a.createUrl(p,a):p;return r.createElement("div",{className:y(e),style:e.imageStyle},n?r.createElement(m.a,{appLink:n,analyticsData:c,analyticsOptions:s},e.children,f&&r.createElement(u,{src:f,forceLoad:l,extraClasses:o})):r.createElement(r.Fragment,null,e.children,f&&r.createElement(u,{src:f,forceLoad:l,extraClasses:o})))}a.d(t,"a",(function(){return n})),a.d(t,"b",(function(){return b})),function(e){e[e.SixteenByNine=0]="SixteenByNine",e[e.OneByOne=1]="OneByOne",e[e.TwoByThree=2]="TwoByThree",e[e.NineBySixteen=3]="NineBySixteen"}(n||(n={}))},1013:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(140),r=/([0-9]+)/gi,i=/(^\w+)/gi;var l={getSortedPresentationAudiences:function(e,t){var a=e.map((function(e){return e.id.toString()}));return t.filter((function(e){return a.includes(e.masterId.toString())}))},getMergedPresentationAudienceString:function(e){if(1===e.length)return e[0];var t=e.map((function(e){return e.name})).join(","),a=t.match(r),n=t.match(i);if(!a||!n)return e[0];var l=function(e){var t,a,n,r,i=!1,l=[];for(e=e.sort((function(e,t){return e-t})),n=0;n<e.length;n++)r=n+1,i||(t=e[n]),a=e[r],e[n]+1===a?i=!0:i?(l.push("".concat(t," - ").concat(e[n])),i=!1):(l.push("".concat(e[n])),i=!1);return l}(a.map((function(e){return+e}))||[]),s=n[0];return{name:"".concat(s," ").concat(l.join(" , "))}},sortMembersWithDuplicateNamesByAudience:function(e){var t=function(e){return e.length?(e.forEach((function(e){var i=+n.a.first(e.name.match(r));if(!t)return t=e,void(a=i);i<a&&(t=e)})),t):null;var t,a},a={},i=[];return e.forEach((function(e){if(!a[e.name])return a[e.name]=1,void i.push(e);i.push(e),a[e.name]++;var n=i.splice(i.length-a[e.name]).sort((function(e,a){var n=t(e.subjectPresentationAudiences.data),r=t(a.subjectPresentationAudiences.data);if(!n&&r)return 1;if(!r)return-1;var i=n.name.localeCompare(r.name);return 0===i?i:i>0?-1:1}));i=i.concat(n)})),i}}},1021:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);a(1067);function r(e){return e.audience?n.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 mt-1 ".concat("border-"+e.border)},e.audience.name):n.createElement(n.Fragment,null)}},1031:function(e,t,a){e.exports={playlistItem:"_6o0Z2",playlistItemGradient:"_2JLPt",playlistMetadata:"_3MCKL",playlistName:"_1Ukz7",partialHeading:"_13tO6",ownerAvatarContainer:"CwjTl"}},1032:function(e,t,a){"use strict";var n=a(0),r=a(123),i=a(9),l=a(211),s=a(1013),c=a(160),o=a(91),u=a(58),m=a(1001),d=a(994),p=a(1021),f=a(314),y=a(315),b=a(259),g=a(1068);function v(){return n.createElement("div",{className:g.avatar},n.createElement(b.b,null))}function h(e){var t,a,r,i,l=e.playlist.owner;if(!!(null===(t=e.playlist.cover)||void 0===t?void 0:t.url))return n.createElement(v,null);if(!(null===(a=l)||void 0===a?void 0:a.id)||!(null===(r=e.currentUser)||void 0===r?void 0:r.id))return n.createElement(n.Fragment,null);if(l.id.toString()===e.currentUser.id.toString())return n.createElement(n.Fragment,null);var s="string"==typeof l.avatar?l.avatar:null===(i=l.avatar)||void 0===i?void 0:i.url;return n.createElement(f.a,{imageUrl:s,imageCdnUrl:e.imageCdnUrl,initials:y.a.getInitials(l.name,l.surname)})}var w=a(1044),E=a(1031),S=a.n(E);a.d(t,"a",(function(){return O}));var C=i.a.encloseNamespace("playlists.playlistItem");function O(e){var t,a,i=l.a.createUrl(e.data.cover&&e.data.cover.url,{size:c.a.Medium,resizeType:c.c.Cover}),f=e.data.subjectPresentationAudiences&&e.data.subjectPresentationAudiences.data,y=f&&e.presentationAudiences&&s.a.getSortedPresentationAudiences(f,e.presentationAudiences),b=y&&s.a.getMergedPresentationAudienceString(y),g=!!e.showCount&&!!e.data.videos&&e.data.videos.count,v=!!e.showLastUpdated&&e.data.contentModifiedDate&&r.utc(e.data.contentModifiedDate),E=S.a.playlistItem,O=!!i||!!e.showFallbackImage;O&&(E+=" ".concat(S.a.playlistItemGradient)),!O&&e.bgColourClassNames&&(E+=" ".concat(S.a.playlistItem," ").concat(Object(w.a)(e.data,e.bgColourClassNames)));var j=Object.assign(Object.assign({},e.analyticsData),{id:null===(t=e.data)||void 0===t?void 0:t.id,name:null===(a=e.data)||void 0===a?void 0:a.name});return n.createElement(o.a.Provider,{value:"playlists.playlistItem"},n.createElement(u.a,{appLink:e.appLink,analyticsData:j,analyticsOptions:e.analyticsOptions},n.createElement(m.b,{data:i,className:E},!!e.showFallbackImage&&n.createElement(d.a,{type:d.b.Playlist}),n.createElement("div",{className:"text-white ".concat(S.a.playlistMetadata)},Number.isInteger(g)&&n.createElement(o.b,{phrase:"videos",options:{smartCount:g}}),n.createElement("h5",{className:"".concat(S.a.playlistName," text-shadow mb-0")},e.data.name),!!f&&!!f.length&&!!b&&n.createElement(p.a,{audience:b,border:"white"}),function(){if(!v)return n.createElement(n.Fragment,null);var e=v.isBefore(r.utc().subtract(1,"month"))?C("notUpdatedRecently"):C("lastUpdated",{timeAgo:v.fromNow()});return n.createElement("p",{className:"mb-0"},e)}()),!!e.showOwner&&!!e.imageCdnUrl&&n.createElement("div",{className:S.a.ownerAvatarContainer},n.createElement(h,{playlist:e.data,currentUser:e.currentUser,imageCdnUrl:e.imageCdnUrl})))))}},1059:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(953);function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var l,s=e[Symbol.iterator]();!(n=(l=s.next()).done)&&(a.push(l.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==s.return||s.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return i(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 i(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 i(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}function l(e){var t=r(n.useInView({triggerOnce:!0}),2),a=t[0],i=t[1];return!0!==e&&void 0!==window.IntersectionObserver||(i=!0,a=null),{ref:a,inView:i}}},1067:function(e,t,a){e.exports={audienceLabelListItem:"_2YGVO"}},1068:function(e,t,a){e.exports={avatar:"_1IfFN"}},1069:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(40),i=a(1031),l=a.n(i);function s(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return c(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 c(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(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}function o(e){var t=s(Array(e.numItems)),a=e.itemClassName||"";return n.createElement(n.Fragment,null,e.showHeading&&n.createElement("div",{className:"".concat(l.a.partialHeading," partial-loading-background")}),n.createElement(r.Row,null,t.map((function(e,t){return n.createElement(r.Col,{key:t,xs:6,sm:4,lg:3,className:a},n.createElement("div",{className:"py-2"},n.createElement("div",{className:"".concat(l.a.playlistItem," partial-loading-background")})))}))))}o.defaultProps={numItems:8}},1090:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=function(){return"/api/domain/v1/subjects/audiences?type=subject"},r={presentationAudiences:function(){return{bootstrapName:"presentationAudiences",url:n(),key:"presentation:audiences",normalize:!1}}}},1091:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(0),r=a(40),i=a(3),l=a(1032),s={actionType:i.n.Click,entity:i.d.Playlist,location:i.j.PlaylistListItem,descriptor:i.b.Cover};function c(e){return n.createElement(r.Row,null,e.playlists.map((function(t){return n.createElement(r.Col,{key:t.id,xs:6,sm:4,lg:3,className:"mb-3 ".concat(e.itemContainerClassName?e.itemContainerClassName:"")},n.createElement(l.a,{data:t,appLink:e.getPlaylistAppLink(t),imageCdnUrl:e.imageCdnUrl,currentUser:e.currentUser,presentationAudiences:e.presentationAudiences,bgColourClassNames:e.bgColourClassNames,showCount:e.showCount,showOwner:e.showOwner,showFallbackImage:e.showFallbackImage,showLastUpdated:e.showLastUpdated,analyticsData:e.analyticsData,analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),s)}))})))}},1122:function(e,t,a){e.exports={image:"_1YW-E"}},1123:function(e,t,a){e.exports={thumbnail:"_3lfBf",sixteenByNine:"_2LqZ8",nineBySixteen:"_136ry",oneByOne:"_2wYLa",twoByThree:"_1eC6Q"}},1124:function(e,t,a){e.exports={baseFallbackContainer:"_1wRjB",svgFallbackContainer:"_2t1jq",subjectFallbackContainer:"_12D74",videoFallback:"_6BPy-",subjectFallback:"_2Srdd",playlistFallback:"_1slQX",posterFallback:"i0o8n",fallbackThumbnailImage:"_2L_tV"}},1491:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a(76),i=a(140),l=a(9),s=a(19),c=a(989),o=a(1090),u=a(142),m=a(70),d=a(1066),p=a(304),f=a(1030),y=a(1091),b=a(1069),g=a(208),v=a(1214),h=a(20),w=l.a.encloseNamespace("playlists.emptyState");function E(){var e=Object(g.a)(h.b.ImageUrl).getImageUrls();return n.createElement(v.a,{imageUrl:e.EmptyStates.VIDEOS,heading:w("noPlaylistsHeading"),description:w("noPlaylistsInfo")})}var S=a(1045),C=a(971),O=a(996),j=a(91),N=a(45),k=a(116),P=a(58);function A(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var I="playlists.playlistSortSelect",x=N.a.memoize((function(){var e;return A(e={},k.a.RecentlyUpdated,{name:l.a.getPhrase(I,"recentlyUpdated")}),A(e,k.a.AtoZ,{name:l.a.getPhrase(I,"atoz")}),A(e,k.a.ZtoA,{name:l.a.getPhrase(I,"ztoa")}),A(e,k.a.Newest,{name:l.a.getPhrase(I,"newest")}),A(e,k.a.Oldest,{name:l.a.getPhrase(I,"oldest")}),e}));function F(e){var t=e.type,a=e.getSortAppLink,r=e.variant,i=x();return n.createElement("div",{className:"dropdown"},n.createElement("a",{className:"btn btn-".concat(r," ml-2 dropdown-toggle"),type:"button",id:"sort-select","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},i[t].name),n.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":"sort-select"},Object.values(k.a).map((function(e){var r="dropdown-item";return e===t&&(r+=" active"),n.createElement(P.a,{key:e,className:r,appLink:a(e)},i[e].name)}))))}F.defaultProps={variant:"light"};var L=a(17),U=a(961),B=a(101),_=a(161),T=a(7),D=a(13),M=a(1092);a.d(t,"PlaylistsView",(function(){return R}));function V(e){return{application:T.a.PLAYLISTS,action:D.a.Playlists.HOME,params:{sort:e}}}function R(e){var t=Object(r.useDispatch)(),a=Object(_.a)().hasPermissions,g=s.a.useBasicFetch(u.a.config()),v=s.a.useBasicFetch(m.a.currentUser()),h=s.a.useBasicFetch(o.a.presentationAudiences()),w=function(t){return c.a.getUserPlaylists(new C.a(e.sort,t,O.a.All))},N=function(e){s.a.getFetch(t,w(e))()},k=Object(f.a)((function(e){return w(e).key}));Object(p.a)(l.a.getPhrase("playlists.playlists","title")),Object(d.a)((function(){return N(k.nextCursor)}),!!k.nextCursor,k.isFetching),n.useEffect((function(){k.shouldInitialFetch&&N()}),[k.shouldInitialFetch]);var P=a(B.a.CreatePlaylists)?[{label:l.a.getPhrase("playlists.playlists","newPlaylist"),appLink:{application:T.a.PLAYLISTS,action:D.a.Playlists.NEW_PLAYLIST},svgName:L.b.Plus,className:"btn btn-secondary",button:!0}]:[];return i.a.isEmpty(k.items)?n.createElement(E,null):n.createElement("div",{className:"bg-white px-3"},n.createElement("div",{className:"d-flex justify-content-between"},n.createElement("h1",null,n.createElement(j.b,{namespace:"playlists.playlists",phrase:"title"})),n.createElement("div",null,n.createElement(U.a,{actions:P,sortComponent:n.createElement(F,{variant:"secondary",type:e.sort,getSortAppLink:V})}))),k.items&&v.data&&g.data&&(h.data||h.hasError)?n.createElement(y.a,{playlists:k.items,getPlaylistAppLink:e.getPlaylistAppLink,imageCdnUrl:g.data.imageCdnUrl,currentUser:v.data,presentationAudiences:h.data||[],bgColourClassNames:M.a,showCount:!0,showOwner:!0,showLastUpdated:!0}):n.createElement(b.a,null),!!k.items&&!(!k.nextCursor&&!k.isFetching)&&n.createElement(S.a,{isFetching:k.isFetching,onClick:function(){return N(k.nextCursor)}}))}},994:function(e,t,a){"use strict";a.d(t,"b",(function(){return n})),a.d(t,"a",(function(){return u}));var n,r,i=a(0),l=a(64),s=a(17),c=a(1124),o=a.n(c);function u(e){var t=e.type,a=e.mediaType,c=e.extraClasses,u=function(e){return e===n.Video?o.a.videoFallback:e===n.Playlist?o.a.playlistFallback:e===n.Series||e===n.TallSubject?o.a.posterFallback:e===n.Subject?"".concat(o.a.subjectFallback," svg-container d-inline-block"):""}(t),m=function(e){return e===n.Video?s.b.Play:e===n.Playlist?s.b.Playlist:e===n.Series?s.b.Series:e===n.Subject||e===n.TallSubject?s.b.Subject:""}(t),d=function(e){return e===n.Subject?l.b.ExtraLarge:l.b.Standard}(t),p="".concat(function(e,t){return t===n.Subject?o.a.subjectFallbackContainer:e===r.Svg?t===n.Video?"".concat(o.a.svgFallbackContainer," rounded-lg"):o.a.svgFallbackContainer:o.a.baseFallbackContainer}(a,t));return c&&(p+=" ".concat(e.extraClasses)),i.createElement("div",{className:p},a===r.Svg?i.createElement(l.a,{svgName:m,className:u,tagName:"div",size:d}):i.createElement("div",{className:o.a.fallbackThumbnailImage,style:{backgroundImage:"url('".concat(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={})),u.defaultProps={mediaType:r.Svg}}}]);