@clickview/lite 0.24.3-rc.2 → 0.25.0

package/dist/scripts/{9526-314e5f11cd-lite.chunk.js → 7201-ab1af5ded2-lite.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[9526],{89043:(e,t,n)=>{n.d(t,{p:()=>w,v:()=>S});var a=n(1024),r=n(30314),i={renderInPortalIfExists:function(e,t){return t?(0,r.createPortal)(e,t):e}},o=n(23481),l=n(83914),s=n(8493),c=n(58130),u="shared.backButton";function d(e){var t=Object.assign({textShadow:!0},e),n=t.backToName,r=t.appLink,i=t.color,d=t.extraClasses,m=t.textShadow,p=n?o.T.getPhrase(u,"backTo",{backToName:n}):o.T.getPhrase(u,"back"),f="black"===i?"":"text-white",v=m?"text-shadow":"";return a.createElement(s.F,{appLink:r,className:"d-inline-flex align-items-center h5 mb-0 ".concat(d," ").concat(f," ").concat(v)},a.createElement(l.x,{svgName:c.vn.ChevronLeft,size:l.S.Medium}),a.createElement("span",{className:"ml-1"},p))}d.defaultProps={color:"black",extraClasses:""};var m=n(67453),p=n(54610),f=n(10587),v=n(83657),y=n(94232),h=n(79967);const g={bannerContent:"sSCTB",actionsContainer:"Z5WI2",container:"M51HJ",logoContainer:"vkeJk",headingLarge:"_8pnV",heading:"JXVBH"};var b="".concat(f.y[p.__.Banners].width,":").concat(f.y[p.__.Banners].height);function E(e){return e.length<160?"h1":g.headingLarge}var w=a.memo((function(e){var t,n=e.heading,r=e.banner,o=e.imageCdnUrl,l=e.actions,s=e.sortComponent,c=e.blockColourClass,u=a.useContext(y.n),f=(0,h.k)().xxl?1920:1200,w=e.imageOptions||{width:f,ratio:b,resizeType:p.Nq.Cover},S=!!r&&!!o&&m.j.createBannerUrl(r,{fallbackBaseUrl:o,fallbackCategoryName:n,type:p.__.Banners},w),C={className:"banner banner-header",style:S?{backgroundImage:"url('".concat(S,"')")}:{}};!r&&c&&(delete C.style,C.className+=" ".concat(c));var A=e.detailsComponent;return i.renderInPortalIfExists(a.createElement("div",Object.assign({},C),a.createElement("div",{className:"container ".concat(g.container," position-relative inner-banner")},e.backButtonAppLink&&a.createElement("div",{className:"pt-3"},a.createElement(d,{appLink:e.backButtonAppLink,backToName:e.backButtonText,extraClasses:e.backButtonClasses,color:"white"})),a.createElement("div",{className:g.bannerContent},a.createElement("h1",{className:"text-white text-shadow ".concat(g.heading," ").concat(E(n))},n,A&&a.createElement(A,null)),!!l&&a.createElement("div",{className:g.actionsContainer},a.createElement(v.e,{actions:l,sortComponent:s,actionsDropdownClassName:e.actionsDropdownClassName}))),!!(null===(t=e.logo)||void 0===t?void 0:t.url)&&a.createElement("div",{className:g.logoContainer},a.createElement("img",{src:m.j.createUrl(e.logo.url,{size:p.h2.Small}),className:"rounded-circle"})))),null==u?void 0:u.container)}),(function(e,t){var n,a;return e.actions===t.actions&&e.heading===t.heading&&(null===(n=e.logo)||void 0===n?void 0:n.url)===(null===(a=t.logo)||void 0===a?void 0:a.url)}));function S(){var e=a.useContext(y.n);return i.renderInPortalIfExists(a.createElement("div",{className:"partial-banner partial-loading-background ".concat(g.banner)}),null==e?void 0:e.container)}},49935:(e,t,n)=>{n.d(t,{Oo:()=>d,b2:()=>m});var a=n(1024),r=n(8493),i=n(5859),o=n(86764),l=n(3747),s=n(83914),c=n(58130),u=function(e){var t=e.breadcrumb,n=t.name,i=t.appLink,o=t.active,l=e.withBackIcon;return a.createElement("li",{className:"breadcrumb-item".concat(o?" active":"")},o?a.createElement("strong",null,n):a.createElement(r.F,{appLink:i},l&&a.createElement(s.x,{svgName:c.vn.ChevronLeft,size:s.S.Small}),a.createElement("span",{className:l?"ml-2":""},n)))},d=function(e){var t=e.breadcrumbs,n=(0,l.a)(o.r.XS),r=null==t?void 0:t.length;return!r||n&&r<2?a.createElement(a.Fragment,null):n?a.createElement("ol",{className:"breadcrumb m-0 p-0"},a.createElement(u,{breadcrumb:t[r-2],withBackIcon:!0})):a.createElement("ol",{className:"breadcrumb m-0 p-0"},t.map((function(e,t){return a.createElement(u,{key:t,breadcrumb:e})})))},m=a.memo((function(e){var t=e.numItems,n=void 0===t?3:t;return(0,l.a)(o.r.XS)?a.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},i.u.getPartialLoadingItems({numItems:n}).map((function(e,t){var n=e.width;return a.createElement("li",{key:t,className:"breadcrumb-item"},a.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:n},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},71020:(e,t,n)=>{n.d(t,{_:()=>u});var a=n(1024),r=n(99910),i=n(64038),o=n(83914),l=n(58130);const s={container:"VwD1b",spinner:"eJ85e"};function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function u(e){var t,n,u=(t=i.useInView(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}(t,n)||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.")}()),d=u[0],m=u[1];return a.useEffect((function(){var t;e.fetchOnScroll&&m&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[m,e.isFetching]),a.createElement("div",{className:"p-3 text-center ".concat(s.container),ref:d},e.isFetching?a.createElement(r.Spinner,{as:"span",animation:"border",role:"status",className:s.spinner}):a.createElement(o.x,{svgName:l.vn.ChevronDown,className:"svg-container cursor-pointer",size:o.S.Large,onClick:function(){var t;return null===(t=e.fetchNext)||void 0===t?void 0:t.call(e,e.nextCursor)}}))}u.defaultProps={fetchOnScroll:!1}},74696:(e,t,n)=>{n.d(t,{S:()=>c});var a=n(1024),r=n.n(a),i=n(99910),o=n(79967),l=n(9977);const s={partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function c(e){return r().createElement(r().Fragment,null,Array(e.numVideos).fill(null).map((function(t,n){return r().createElement(u,Object.assign({key:n},e))})))}function u(e){var t=(0,o.k)(),n="sm"===l.O.getSize(t,"md"),a=e.withReordering&&!t.xs;return r().createElement(i.Row,{noGutters:!0,className:"".concat(n?"":"py-2")},r().createElement(i.Col,Object.assign({},l.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(n?"pb-2 pr-2":"mb-1 px-2")}),r().createElement(i.Row,null,!!a&&r().createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},r().createElement("div",{className:"partial-loading-background ".concat(s.partialDragHandle)})),r().createElement(i.Col,{xs:l.O.getThumbnailColSize(a)},r().createElement("div",{className:"partial-loading-background ".concat(n?"rounded":"rounded-lg"," ").concat(s.partialThumbnail)})))),r().createElement(i.Col,Object.assign({},l.O.getDetailsColumns(),{className:n?"pb-2":"px-2"}),r().createElement("div",{className:"partial-loading-background mb-1 ".concat(s.partialName)}),r().createElement("div",{className:"partial-loading-background ".concat(s.partialDescription)})))}c.defaultProps={numVideos:15}},94644:(e,t,n)=>{n.d(t,{r:()=>u});var a=n(81886),r=n(50242),i=n(67058),o=n(49075),l=n(14553),s=n(49267),c={notFound:i.d,forbidden:{rating:l.q,yearLevel:l.q,region:s.a,privacy:l.q},badRequest:o._};function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var i;i="number"==typeof e?e:e.status;var o=Object.assign(Object.assign({},c),t);i&&a.Q.ErrorHelper.isStatusCodeError(i)&&(i!==r.o.NotFound?i!==r.o.Forbidden?n.badRequest||a.Q.ErrorHelper.throw(new o.badRequest):n.forbidden||a.Q.ErrorHelper.throw(new o.forbidden.privacy):n.notFound||a.Q.ErrorHelper.throw(new o.notFound))}}},91286:(e,t,n)=>{n.d(t,{v:()=>o});var a=n(1024),r=n(94644);function i(e){return e.map((function(e){return e.statusCode})).join(":")}function o(e,t,n){var o=Array.isArray(e)?e:[e];(0,a.useEffect)((function(){o.forEach((function(e){(0,r.r)(e.statusCode,t,n)}))}),[i(o),t,n])}},63936:(e,t,n)=>{n.d(t,{K:()=>c});var a=n(1024),r=n(50242),i=n(79014),o=n(45719),l=n(8843);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function c(e,t,n,c,u,d){var m,p,f=(m=(0,a.useState)(0),p=2,function(e){if(Array.isArray(e))return e}(m)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(m,p)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}(m,p)||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.")}()),v=f[0],y=f[1],h=t,g=(0,o.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),c,u);return(0,l.M)({fetchNextPage:function(){if(t&&e&&g)return y((function(e){return e+1})),h(g.nextCursor)},hasMore:!!(null==g?void 0:g.nextCursor),isFetching:null==g?void 0:g.isFetching,scrollContainer:d}),(0,a.useEffect)((function(){g&&g.shouldInitialFetch&&t&&(h(),y((function(e){return e+1})))}),[null==g?void 0:g.shouldInitialFetch,t]),(0,a.useEffect)((function(){var e,t;if((null==g?void 0:g.statusCode)&&i.q.isFunction(n)){var a=+(null===(t=null===(e=g.statusCode)||void 0===e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));a!==r.k.ClientError&&a!==r.k.ServerError||n(v,g.statusCode)}}),[null==g?void 0:g.statusCode]),{items:null==g?void 0:g.items,hasMore:!!(null==g?void 0:g.nextCursor),nextCursor:null==g?void 0:g.nextCursor,isFetching:null==g?void 0:g.isFetching,totalItems:null==g?void 0:g.totalItems}}},8843:(e,t,n)=>{n.d(t,{M:()=>o});var a=n(1024),r=n(79014),i=400;function o(e){var t=function(){if(!e.isFetching){if(e.scrollContainer){var t=e.scrollContainer;if(t.getBoundingClientRect().height+t.scrollTop<t.scrollHeight-i)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-i)return;e.fetchNextPage()}};(0,a.useEffect)((function(){var n=r.q.throttle(t,200),a=e.scrollContainer||window;return e.hasMore&&a.addEventListener("scroll",n),function(){return a.removeEventListener("scroll",n)}}),[e.hasMore,e.fetchNextPage,e.scrollContainer])}},5859:(e,t,n)=>{function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,{u:()=>i});var r={numItems:5,minWidth:50,maxWidth:100},i={getPartialLoadingItems:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.assign(Object.assign({},r),t);return(e=Array(n.numItems),function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,t):void 0}}(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.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*n.maxWidth),n.minWidth),"px")}}))}}},19526:(e,t,n)=>{n.r(t),n.d(t,{PlaylistView:()=>Fe});var a=n(1024),r=n.n(a),i=n(58566),o=n(20354),l=n(23481),s=n(65858),c=n(39151),u=n(31949),d=n(63936),m=n(71020),p=n(54569);function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var v=n(51365),y=n(69883),h=n(91286),g=n(21750),b=n(22902),E=n(16714),w=n(11025),S=n(183),C=n(49087),A=n(97037),I=n(59991),O=n(45739),k=n(89454),N=n(25925),P=n(68677),x=n(97816),j=n(67753),L=n(97291),F=n(14070),T=n(28400),D=n(3747),U=n(86764),B=n(89043),M=n(49935),V=n(110),H=n(83345),_=n(89725),R="playlists.playlistHeaderDetails",W=function(e){var t=e.className;return r().createElement("span",{className:t},"•")};function q(e){var t=e._liteOwner;if(t)return t.name&&t.surname?T.m.toTitleCase(t.name+" "+t.surname.substring(0,1)):t.name?t.name.split(" ")[0]:void 0}function Y(e){var t,n,a,r=0;return(null===(t=e.videos)||void 0===t?void 0:t.count)&&(r+=e.videos.count),(null===(n=e.clips)||void 0===n?void 0:n.count)&&(r+=e.clips.count),(null===(a=e.interactives)||void 0===a?void 0:a.count)&&(r+=e.interactives.count),r}function z(e){var t,n,a=C.G.isOwner(e.playlist,e.currentUser),i=null===(t=e.playlist.followers)||void 0===t?void 0:t.count,o=function(e){if(!e.contentModifiedDate)return"";var t=new Date,n=V.O.convertUTCToLocal(e.contentModifiedDate);return V.O.isBefore(n,V.O.subtract(t,1,"month"))?"":V.O.fromNow(n)}(e.playlist);return r().createElement("div",{className:e.detailsClassName},!e.hideOwnerName&&!a&&r().createElement(r().Fragment,null,(null===(n=e.playlist._isClickViewPlaylist)||void 0===n?void 0:n.value)?r().createElement(r().Fragment,null,r().createElement("div",{className:e.clickViewAvatarClassName},r().createElement(_.F,null)),r().createElement("span",null,"ClickView")):r().createElement(H.x,{namespace:R,phrase:"createdBy",options:{user:q(e.playlist)}}),r().createElement(W,{className:e.separatorClassName})),r().createElement(H.x,{namespace:R,phrase:"videos",options:{smartCount:Y(e.playlist)}}),i>0&&r().createElement(r().Fragment,null,r().createElement(W,{className:e.separatorClassName}),r().createElement(H.x,{namespace:R,phrase:"followers",options:{smartCount:i}})),!!o&&r().createElement(r().Fragment,null,r().createElement(W,{className:e.separatorClassName}),r().createElement(H.x,{namespace:R,phrase:"lastUpdated",options:{timeAgo:o}})))}var G=n(9085),$=n(7733),Q=n(62756);const J={partialDescription:"vDX0m"};function X(){return r().createElement(r().Fragment,null,r().createElement(B.v,null),r().createElement("div",{className:"mb-2"},r().createElement("div",{className:"partial-loading-background my-2 border-bottom ".concat(J.partialDescription)})))}var Z=n(58130),K=n(49985),ee=l.T.encloseNamespace("playlists.playlistHeader"),te={getPlaylistActions:function(e,t){var n,a,r,i,o,l,c=t.isAuthenticated,u=t.isPlugin,d=t.isMobile,m=t.setIsFollowing,p=t.isFollowing,f=t.setShowFollowSpinner,v=t.showFollowSpinner,y={id:e.playlist.id,name:e.playlist.name,followerCount:null===(n=e.playlist.followers)||void 0===n?void 0:n.count,videoCount:null===(a=e.playlist.videos)||void 0===a?void 0:a.count,interactiveCount:null===(r=e.playlist.interactives)||void 0===r?void 0:r.count,clipCount:null===(i=e.playlist.clips)||void 0===i?void 0:i.count,isClickViewPlaylist:null===(o=e.playlist._isClickViewPlaylist)||void 0===o?void 0:o.value},h={location:s.LocationContext.Banner,entity:s.EntityType.Playlist,workflowPhase:s.WorkflowPhase.Start},g=[];if(!c)return g;var b=C.G.isOwner(e.playlist,e.currentUser);return u||(e.playAllAppLink&&g.push({label:ee("playAll"),appLink:e.playAllAppLink,svgName:Z.vn.Play,className:d?"":"btn btn-outline-dark mr-2",button:!d,analyticsData:y,analyticsOptions:Object.assign(Object.assign({},h),{actionType:s.UserAction.Play})}),e.hasStudentExp||g.push({label:ee("share"),appLink:{application:L.O.DEFAULT,action:F.e.Default.SHARE,args:[e.playlist.id],params:{entityType:"playlist"}},svgName:Z.vn.Share2,className:d?"":"btn btn-outline-dark mr-2",button:!d,analyticsData:y,analyticsOptions:Object.assign(Object.assign({},h),{actionType:s.UserAction.Share,eventVersion:s.EventVersion.V3})})),e.hasStudentExp||b||g.push({label:ee(p?"unfollow":"follow"),onClick:function(){m(!p),f(!0),e.follow(!p,(function(){f(!1),K.k.logUserAction(y,Object.assign(Object.assign({},h),{actionType:s.UserAction.Follow,descriptor:p?s.ToggleDescriptor.Off:s.ToggleDescriptor.On,workflowPhase:s.WorkflowPhase.Complete}))}),(function(){f(!1),m(p)}))},svgName:p?Z.vn.Check:Z.vn.Bell,className:d?"":"btn follow-btn btn-".concat(p?"outline-dark":"dark"," mr-2"),button:!d,showSpinner:v}),b&&(g.push({label:ee("edit"),appLink:{application:L.O.PLAYLISTS,action:F.e.Playlists.EDIT_PLAYLIST,args:[e.playlist.id]},svgName:Z.vn.Edit,button:!1,analyticsData:y,analyticsOptions:Object.assign(Object.assign({},h),{actionType:s.UserAction.Edit})}),g.push({label:ee("delete"),appLink:{application:L.O.PLAYLISTS,action:F.e.Playlists.DELETE_PLAYLIST,args:[e.playlist.id]},svgName:Z.vn.Delete,className:"text-danger",button:!1,analyticsData:y,analyticsOptions:Object.assign(Object.assign({},h),{actionType:s.UserAction.Delete})})),(null===(l=e.playlist._isClickViewPlaylist)||void 0===l?void 0:l.value)&&g.push({label:ee("copy"),appLink:{application:L.O.PLAYLISTS,action:F.e.Playlists.COPY_PLAYLIST,args:[e.playlist.id]},button:!1,analyticsData:y,analyticsOptions:Object.assign(Object.assign({},h),{actionType:s.UserAction.Copy})}),g}};const ne={clickViewAvatar:"PHe9c"};function ae(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return re(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?re(e,t):void 0}}(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 re(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var ie=function(e){return{application:L.O.SUBJECT,action:F.e.Subjects.CLASSIFICATION,args:[e.id,T.m.slugify(e.name)]}};function oe(e){var t,n=(0,Q.G)().isPlugin,r=ae(a.useState(e.isFollowing),2),i=r[0],o=r[1],l=ae(a.useState(!1),2),s=l[0],c=l[1];a.useEffect((function(){return o(e.isFollowing)}),[e.isFollowing]);var u=(0,D.a)(U.r.XS);if(e.showPartialLoading)return a.createElement(X,null);var d=e.playlist.description,m=te.getPlaylistActions(e,{isAuthenticated:e.currentUser.isAuthenticated,isPlugin:n,isMobile:u,setIsFollowing:o,isFollowing:i,setShowFollowSpinner:c,showFollowSpinner:s});return a.createElement(a.Fragment,null,a.createElement(B.p,{heading:e.playlist.name,banner:e.playlist.banner,imageCdnUrl:e.imageCdnUrl,actions:m.length&&m,actionsDropdownClassName:"btn btn-outline-dark",blockColourClass:(0,G.x)(e.playlist.name,$.o),detailsComponent:function(){return a.createElement(z,{playlist:e.playlist,currentUser:e.currentUser,detailsClassName:"mb-n1 font-size-normal font-weight-normal mt-1",clickViewAvatarClassName:ne.clickViewAvatar,separatorClassName:"mx-1"})}}),(!!d||!!(null===(t=e.topicPath)||void 0===t?void 0:t.length))&&a.createElement("div",{className:"border-bottom py-3"},function(){var t,n;if(!(null===(t=e.topicPath)||void 0===t?void 0:t.length))return a.createElement(a.Fragment,null);if(!e.playlist||!e.topicPath)return a.createElement(M.b2,null);var r=null!==(n=e.rootBreadcrumbs)&&void 0!==n?n:[];return e.topicPath.forEach((function(e){r.push({name:e.name,appLink:ie(e)})})),r.push({name:e.playlist.name,active:!0}),a.createElement("div",{className:"pb-2"},a.createElement(M.Oo,{breadcrumbs:r}))}(),!!d&&a.createElement("p",{className:"mb-0"},d)))}var le=n(81886),se=n(79014),ce=n(56050),ue=n(4632),de=n(74696),me=n(83914);function pe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var fe=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function ve(e){var t,n,r=e.onSortComplete,i=e.onSortStart,o=e.showPartialLoading,l=fe(e,["onSortComplete","onSortStart","showPartialLoading"]),s=(t=a.useState(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return pe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?pe(e,t):void 0}}(t,n)||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.")}()),c=s[0],u=s[1];return o?a.createElement(de.S,{withReordering:e.canEdit||e.showIndexes}):e.canEdit?a.createElement(ue.NB,Object.assign({},l,{currentSortingIndex:c,onSortStart:function(t){var n=e.videos.findIndex((function(e){return e.id.toString()===t.active.id.toString()}));u(n),se.q.isFunction(i)&&i(n)},onSortEnd:function(t){u(null);var n=t.active,a=t.over,i=e.videos.findIndex((function(e){return e.id.toString()===n.id.toString()})),o=e.videos.findIndex((function(e){return e.id.toString()===a.id.toString()}));se.q.isFunction(r)?r(i,o):le.Q.ErrorHelper.throw(new ce.H("An onSortComplete callback function must be passed to SortableVideoListComponent"))},dragHandleIcon:Z.vn.Hamburger,dragHandleIconSize:me.S.XXL,presentationAudiences:e.presentationAudiences})):a.createElement(ue.E4,Object.assign({},l))}var ye=n(23232),he=n(99742),ge="playlists.playlistEmptyState";function be(){return r().createElement(H.D.Provider,{value:ge},r().createElement(ye.u,null,r().createElement(ye.u.Image,{src:he.W.EmptyStates.Playlists.PLAYLIST_VIDEOS}),r().createElement(ye.u.Heading,null,r().createElement(H.x,{phrase:"heading"})),r().createElement(ye.u.Info,null,r().createElement(H.x,{phrase:"info"}))))}n(75896);var Ee=n(9680),we=n(81493),Se=n(65986);function Ce(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var Ae=l.T.encloseNamespace("playlists.playlist");function Ie(e,t,n){K.k.logUserAction({id:t,playlistId:e},{location:s.LocationContext.VideoList,entity:s.EntityType.Video,actionType:s.UserAction.Move,workflowPhase:n})}var Oe={notFound:we.N,forbidden:{privacy:Ee.J}},ke=n(7179),Ne=n(1666),Pe=n(86698);function xe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var je="playlists.playlist",Le=l.T.encloseNamespace(je);function Fe(e){var t,n,r,T,D,U,B,M,V,H,_=(0,i.useDispatch)(),R=(0,y.Z)(),W=o.a.useBasicFetch(c.L.config()),q=o.a.useBasicFetch(u.N.currentUser()),Y=o.a.useBasicFetch((null===(t=q.data)||void 0===t?void 0:t.isAuthenticated)&&Ne.h.yearGroups(q.data.customerId)),z=o.a.useBasicFetch(e.classificationId&&g.x.path(e.classificationId)),G=o.a.useBasicFetch(e.classificationId&&g.x.classification(e.classificationId,null===(n=q.data)||void 0===n?void 0:n.id)),$=(0,Pe.y)(N.R.Subject,null===(r=G.data)||void 0===r?void 0:r.presentationId),Q=$.presentation,J=$.availablePresentations,X=$.hasLoaded,K=o.a.useBasicFetch(X&&k.O.presentationAudiences(null==Q?void 0:Q.id)),ee=(0,A.c)(s.LocationContext.VideoThumbnail),te=ee.setFavourite,ne=ee.canFavourite,ae=(0,b.T)().hasPermissions,re=e.shareId?I.C.getSharedPlaylist(e.playlistId,e.shareId):I.C.getPlaylist(e.playlistId),ie=o.a.useBasicFetch(re),le=function(e,t){var n=(0,Se._)(Se.i.VideoItem);return C.G.isOwner(e,t)?function(t){var a,r=w.M.getCanBeConsumed(t).canConsume,i={label:Ae("removeFromPlaylist"),button:!1,svgName:Z.vn.Delete,appLink:{application:L.O.PLAYLISTS,action:F.e.Playlists.REMOVE_VIDEO_FROM_PLAYLIST,args:[t.id,e.id],params:{typeId:t.typeId}},className:"text-danger",analyticsOptions:{entity:s.EntityType.Video,actionType:s.UserAction.Dissociate,location:s.LocationContext.VideoListItem,workflowPhase:s.WorkflowPhase.Start,descriptor:s.AssocDescriptor.Playlist},analyticsData:{id:t.id,playlistId:e.id}};return r?[].concat(function(e){if(Array.isArray(e))return Ce(e)}(a=n(t))||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(a)||function(e,t){if(e){if("string"==typeof e)return Ce(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ce(e,t):void 0}}(a)||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.")}(),[i]):[i]}:n}(ie.data,q.data);(0,h.v)(ie,Oe);var se=function(t){return e.shareId?I.C.getSharedPlaylistVideos(e.playlistId,e.shareId,t):I.C.getPlaylistVideos(e.playlistId,t)},ce=o.a.useBasicFetch((null===(T=q.data)||void 0===T?void 0:T.id)&&I.C.getIsFollowingPlaylist(e.playlistId,null===(D=q.data)||void 0===D?void 0:D.id)),ue=function(e){o.a.getFetch(_)(se(e))},de=(0,d.K)(se,ue),me=de.items,pe=de.hasMore,fe=de.isFetching;(0,x.V)(null!==(U=null==me?void 0:me.filter(w.M.isVideo))&&void 0!==U?U:[],{hasCurriculumLinks:!0});var ye,he,ge,Ee,we,Fe,Te=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return xe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?xe(e,t):void 0}}(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.")}()}((ye=me,we=(0,a.useState)(),Fe=2,he=function(e){if(Array.isArray(e))return e}(we)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(we,Fe)||function(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}(we,Fe)||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.")}(),ge=he[0],Ee=he[1],(0,a.useEffect)((function(){ge&&(ye.length!==ge.length||function(e,t){var n=!0;if(e.length!==t.length)return!1;for(var a=0;a<e.length;a++)if(e[a].id!==t[a].id){n=!1;break}return n}(ye,ge))&&Ee(null)}),[ye]),[ge,Ee]),2),De=Te[0],Ue=Te[1];(0,ke.P)({id:e.playlistId,app:"playlists",shareId:e.shareId}),(0,P.M)({content:ie.data});var Be,Me=!!me&&0===me.length,Ve=function(t,n){return j.W.getAppLink(t,{contextId:e.playlistId,context:S.Q.Playlist,shareId:e.shareId,playNext:n})},He=!(null===(B=q.data)||void 0===B?void 0:B.isAuthenticated)||!!ce.hasCompleted,_e=null==me?void 0:me.find((function(e){var t;return null===(t=w.M.getCanBeConsumed(e))||void 0===t?void 0:t.canConsume})),Re=C.G.isOwner(ie.data,q.data),We=me&&q.data&&W.data;return a.createElement(v.M.Provider,{value:(null===(M=q.data)||void 0===M?void 0:M.isAuthenticated)&&le},a.createElement("div",{className:"bg-white px-3"},a.createElement(oe,{playlist:ie.data,currentUser:q.data,isFollowing:null===(V=ce.data)||void 0===V?void 0:V.isFollowing,follow:function(t,n,a){var r,i=t?I.C.followPlaylist:I.C.unfollowPlaylist;o.a.fetch(_,i(e.playlistId,null===(r=q.data)||void 0===r?void 0:r.id,n,(function(){a(),R.error(l.T.getPhrase(je,t?"followError":"unfollowError"))})))},playAllAppLink:_e&&Ve(_e,!0),showPartialLoading:!ie.data||!We||!He,imageCdnUrl:!!W.data&&W.data.imageCdnUrl,rootBreadcrumbs:(Be=[{name:Le("discover"),appLink:{application:L.O.DASHBOARD,action:F.e.Dashboard.HOME}}],z.data&&Be.push({name:O.i.getExploreAllTopicsTitle(null==Q?void 0:Q.name,null==J?void 0:J.length),appLink:{application:L.O.SUBJECT,action:F.e.Subjects.CLASSIFICATION_ALL,params:{presentationId:null==Q?void 0:Q.id}}}),Be),topicPath:z.data,hasStudentExp:ae(E.C.StudentExperience)}),a.createElement("div",{className:"mt-2"},Me?a.createElement(be,null):a.createElement(ve,{videos:De||me,yearGroups:Y.data,playlistId:!!ie.data&&ie.data.id,onSortStart:function(t){var n=me[t];n&&Ie(e.playlistId,n.id,s.WorkflowPhase.Start)},onSortComplete:function(t,n){if(t!==n){var a=me[t];if(a){var r=p.l.reorder(me,t,n),i=r.reorderedItems,l=r.reorderRequest;Ue(i),Ie(e.playlistId,a.id,s.WorkflowPhase.Complete),o.a.fetch(_,I.C.reorderVideos(e.playlistId,l,null,(function(){Ue(null)})))}}},canEdit:Re,showPartialLoading:!We,getVideoAppLink:function(e){return Ve(e,!1)},getSeriesAppLink:e.getSeriesAppLink,setFavourite:te,canFavourite:ne,showSignIn:!(null===(H=q.data)||void 0===H?void 0:H.isAuthenticated),canRemovePrivateVideos:Re,presentationAudiences:K.data,showIndexes:!0})),(pe||fe)&&a.createElement(m._,{isFetching:fe,fetchNext:ue})))}},87821:(e,t,n)=>{n.d(t,{p:()=>r});var a=n(33192),r={userVideoHistory:function(e,t,n,r){var i="video:history",o="{gateway}/v1/users/me/watch-history";return e&&(i+=":".concat(e),o+="?cursor=".concat(e)),{key:i,url:o,formatData:function(e){return{data:e.data.map((function(e){var t=a.utc(e.lastTimeWatched).local().format(),n=a(t).format("YYYY-MM-DD");return Object.assign(Object.assign({},e),{lastTimeWatched:t,lastDateWatched:n})})),pagination:e.pagination}},success:t,error:n,always:r}},videoHistory:function(e,t,n,a,r){var i=e.sort().map((function(e){return"videoId=".concat(e)}));return{key:"video:history:videos:".concat(i.join("&")),url:"{gateway}/v1/videos/history?".concat(i.join("&")),normalizeOptions:{namespace:t},formatData:function(e){return(null==e?void 0:e.length)?e.map((function(e){return{id:e.videoId,lastProgressPoint:e.lastProgressPoint}})):e},success:n,error:a,always:r}}}},97816:(e,t,n)=>{n.d(t,{V:()=>f});var a=n(1024),r=n.n(a),i=n(20354),o=n(31949),l=n(1575),s=n(21750),c=n(87821),u=n(63419);function d(e){return function(e){if(Array.isArray(e))return m(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(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 m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var p={ratings:!1,favourites:!1,watchHistory:!1,hasCurriculumLinks:!1};function f(e){var t,n,a,m=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},f=Object.assign(Object.assign({},p),m),v=f.ratings,y=f.favourites,h=f.watchHistory,g=f.hasCurriculumLinks,b=i.a.useBasicFetch(o.N.currentUser()),E=e&&(Array.isArray(e)?e.filter(Boolean).map((function(e){return e.id})):e.data.filter(Boolean).map((function(e){return e.id}))),w=b.data;t=r().useMemo((function(){if(!(null==w?void 0:w.isAuthenticated))return[];var e=[];return v&&(e=[].concat(d(e),[!!(null==E?void 0:E.length)&&l.R.videoRatings(E,m.flightNamespace)])),y&&(e=[].concat(d(e),[!!(null==E?void 0:E.length)&&w&&u.P.isFavourited(w.id,E,m.flightNamespace)])),h&&(e=[].concat(d(e),[!!(null==E?void 0:E.length)&&w&&c.p.videoHistory(E,m.flightNamespace)])),g&&(e=[].concat(d(e),[!!(null==E?void 0:E.length)&&s.x.hasCurriculumLinks(E,null,m.flightNamespace)])),e.filter(Boolean)}),[null==E?void 0:E.length]),n=!!e,a=i.a.useGetFetch(),r().useEffect((function(){n&&t.length&&t.forEach((function(e){a(e)}))}),[t.length])}}}]);
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7201],{89043:(e,t,n)=>{n.d(t,{p:()=>w,v:()=>S});var a=n(1024),r=n(30314),i={renderInPortalIfExists:function(e,t){return t?(0,r.createPortal)(e,t):e}},o=n(23481),l=n(83914),s=n(8493),c=n(58130),u="shared.backButton";function d(e){var t=Object.assign({textShadow:!0},e),n=t.backToName,r=t.appLink,i=t.color,d=t.extraClasses,m=t.textShadow,p=n?o.T.getPhrase(u,"backTo",{backToName:n}):o.T.getPhrase(u,"back"),f="black"===i?"":"text-white",v=m?"text-shadow":"";return a.createElement(s.F,{appLink:r,className:"d-inline-flex align-items-center h5 mb-0 ".concat(d," ").concat(f," ").concat(v)},a.createElement(l.x,{svgName:c.vn.ChevronLeft,size:l.S.Medium}),a.createElement("span",{className:"ml-1"},p))}d.defaultProps={color:"black",extraClasses:""};var m=n(67453),p=n(54610),f=n(10587),v=n(83657),y=n(94232),h=n(79967);const g={bannerContent:"sSCTB",actionsContainer:"Z5WI2",container:"M51HJ",logoContainer:"vkeJk",headingLarge:"_8pnV",heading:"JXVBH"};var b="".concat(f.y[p.__.Banners].width,":").concat(f.y[p.__.Banners].height);function E(e){return e.length<160?"h1":g.headingLarge}var w=a.memo((function(e){var t,n=e.heading,r=e.banner,o=e.imageCdnUrl,l=e.actions,s=e.sortComponent,c=e.blockColourClass,u=a.useContext(y.n),f=(0,h.k)().xxl?1920:1200,w=e.imageOptions||{width:f,ratio:b,resizeType:p.Nq.Cover},S=!!r&&!!o&&m.j.createBannerUrl(r,{fallbackBaseUrl:o,fallbackCategoryName:n,type:p.__.Banners},w),C={className:"banner banner-header",style:S?{backgroundImage:"url('".concat(S,"')")}:{}};!r&&c&&(delete C.style,C.className+=" ".concat(c));var A=e.detailsComponent;return i.renderInPortalIfExists(a.createElement("div",Object.assign({},C),a.createElement("div",{className:"container ".concat(g.container," position-relative inner-banner")},e.backButtonAppLink&&a.createElement("div",{className:"pt-3"},a.createElement(d,{appLink:e.backButtonAppLink,backToName:e.backButtonText,extraClasses:e.backButtonClasses,color:"white"})),a.createElement("div",{className:g.bannerContent},a.createElement("h1",{className:"text-white text-shadow ".concat(g.heading," ").concat(E(n))},n,A&&a.createElement(A,null)),!!l&&a.createElement("div",{className:g.actionsContainer},a.createElement(v.e,{actions:l,sortComponent:s,actionsDropdownClassName:e.actionsDropdownClassName}))),!!(null===(t=e.logo)||void 0===t?void 0:t.url)&&a.createElement("div",{className:g.logoContainer},a.createElement("img",{src:m.j.createUrl(e.logo.url,{size:p.h2.Small}),className:"rounded-circle"})))),null==u?void 0:u.container)}),(function(e,t){var n,a;return e.actions===t.actions&&e.heading===t.heading&&(null===(n=e.logo)||void 0===n?void 0:n.url)===(null===(a=t.logo)||void 0===a?void 0:a.url)}));function S(){var e=a.useContext(y.n);return i.renderInPortalIfExists(a.createElement("div",{className:"partial-banner partial-loading-background ".concat(g.banner)}),null==e?void 0:e.container)}},49935:(e,t,n)=>{n.d(t,{Oo:()=>d,b2:()=>m});var a=n(1024),r=n(8493),i=n(5859),o=n(86764),l=n(3747),s=n(83914),c=n(58130),u=function(e){var t=e.breadcrumb,n=t.name,i=t.appLink,o=t.active,l=e.withBackIcon;return a.createElement("li",{className:"breadcrumb-item".concat(o?" active":"")},o?a.createElement("strong",null,n):a.createElement(r.F,{appLink:i},l&&a.createElement(s.x,{svgName:c.vn.ChevronLeft,size:s.S.Small}),a.createElement("span",{className:l?"ml-2":""},n)))},d=function(e){var t=e.breadcrumbs,n=(0,l.a)(o.r.XS),r=null==t?void 0:t.length;return!r||n&&r<2?a.createElement(a.Fragment,null):n?a.createElement("ol",{className:"breadcrumb m-0 p-0"},a.createElement(u,{breadcrumb:t[r-2],withBackIcon:!0})):a.createElement("ol",{className:"breadcrumb m-0 p-0"},t.map((function(e,t){return a.createElement(u,{key:t,breadcrumb:e})})))},m=a.memo((function(e){var t=e.numItems,n=void 0===t?3:t;return(0,l.a)(o.r.XS)?a.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},i.u.getPartialLoadingItems({numItems:n}).map((function(e,t){var n=e.width;return a.createElement("li",{key:t,className:"breadcrumb-item"},a.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:n},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},71020:(e,t,n)=>{n.d(t,{_:()=>u});var a=n(1024),r=n(99910),i=n(64038),o=n(83914),l=n(58130);const s={container:"VwD1b",spinner:"eJ85e"};function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function u(e){var t,n,u=(t=i.useInView(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}(t,n)||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.")}()),d=u[0],m=u[1];return a.useEffect((function(){var t;e.fetchOnScroll&&m&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[m,e.isFetching]),a.createElement("div",{className:"p-3 text-center ".concat(s.container),ref:d},e.isFetching?a.createElement(r.Spinner,{as:"span",animation:"border",role:"status",className:s.spinner}):a.createElement(o.x,{svgName:l.vn.ChevronDown,className:"svg-container cursor-pointer",size:o.S.Large,onClick:function(){var t;return null===(t=e.fetchNext)||void 0===t?void 0:t.call(e,e.nextCursor)}}))}u.defaultProps={fetchOnScroll:!1}},74696:(e,t,n)=>{n.d(t,{S:()=>c});var a=n(1024),r=n.n(a),i=n(99910),o=n(79967),l=n(9977);const s={partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function c(e){return r().createElement(r().Fragment,null,Array(e.numVideos).fill(null).map((function(t,n){return r().createElement(u,Object.assign({key:n},e))})))}function u(e){var t=(0,o.k)(),n="sm"===l.O.getSize(t,"md"),a=e.withReordering&&!t.xs;return r().createElement(i.Row,{noGutters:!0,className:"".concat(n?"":"py-2")},r().createElement(i.Col,Object.assign({},l.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(n?"pb-2 pr-2":"mb-1 px-2")}),r().createElement(i.Row,null,!!a&&r().createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},r().createElement("div",{className:"partial-loading-background ".concat(s.partialDragHandle)})),r().createElement(i.Col,{xs:l.O.getThumbnailColSize(a)},r().createElement("div",{className:"partial-loading-background ".concat(n?"rounded":"rounded-lg"," ").concat(s.partialThumbnail)})))),r().createElement(i.Col,Object.assign({},l.O.getDetailsColumns(),{className:n?"pb-2":"px-2"}),r().createElement("div",{className:"partial-loading-background mb-1 ".concat(s.partialName)}),r().createElement("div",{className:"partial-loading-background ".concat(s.partialDescription)})))}c.defaultProps={numVideos:15}},94644:(e,t,n)=>{n.d(t,{r:()=>u});var a=n(81886),r=n(50242),i=n(67058),o=n(49075),l=n(14553),s=n(49267),c={notFound:i.d,forbidden:{rating:l.q,yearLevel:l.q,region:s.a,privacy:l.q},badRequest:o._};function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var i;i="number"==typeof e?e:e.status;var o=Object.assign(Object.assign({},c),t);i&&a.Q.ErrorHelper.isStatusCodeError(i)&&(i!==r.o.NotFound?i!==r.o.Forbidden?n.badRequest||a.Q.ErrorHelper.throw(new o.badRequest):n.forbidden||a.Q.ErrorHelper.throw(new o.forbidden.privacy):n.notFound||a.Q.ErrorHelper.throw(new o.notFound))}}},91286:(e,t,n)=>{n.d(t,{v:()=>o});var a=n(1024),r=n(94644);function i(e){return e.map((function(e){return e.statusCode})).join(":")}function o(e,t,n){var o=Array.isArray(e)?e:[e];(0,a.useEffect)((function(){o.forEach((function(e){(0,r.r)(e.statusCode,t,n)}))}),[i(o),t,n])}},63936:(e,t,n)=>{n.d(t,{K:()=>c});var a=n(1024),r=n(50242),i=n(79014),o=n(45719),l=n(8843);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function c(e,t,n,c,u,d){var m,p,f=(m=(0,a.useState)(0),p=2,function(e){if(Array.isArray(e))return e}(m)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(m,p)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}(m,p)||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.")}()),v=f[0],y=f[1],h=t,g=(0,o.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),c,u);return(0,l.M)({fetchNextPage:function(){if(t&&e&&g)return y((function(e){return e+1})),h(g.nextCursor)},hasMore:!!(null==g?void 0:g.nextCursor),isFetching:null==g?void 0:g.isFetching,scrollContainer:d}),(0,a.useEffect)((function(){g&&g.shouldInitialFetch&&t&&(h(),y((function(e){return e+1})))}),[null==g?void 0:g.shouldInitialFetch,t]),(0,a.useEffect)((function(){var e,t;if((null==g?void 0:g.statusCode)&&i.q.isFunction(n)){var a=+(null===(t=null===(e=g.statusCode)||void 0===e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));a!==r.k.ClientError&&a!==r.k.ServerError||n(v,g.statusCode)}}),[null==g?void 0:g.statusCode]),{items:null==g?void 0:g.items,hasMore:!!(null==g?void 0:g.nextCursor),nextCursor:null==g?void 0:g.nextCursor,isFetching:null==g?void 0:g.isFetching,totalItems:null==g?void 0:g.totalItems}}},8843:(e,t,n)=>{n.d(t,{M:()=>o});var a=n(1024),r=n(79014),i=400;function o(e){var t=function(){if(!e.isFetching){if(e.scrollContainer){var t=e.scrollContainer;if(t.getBoundingClientRect().height+t.scrollTop<t.scrollHeight-i)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-i)return;e.fetchNextPage()}};(0,a.useEffect)((function(){var n=r.q.throttle(t,200),a=e.scrollContainer||window;return e.hasMore&&a.addEventListener("scroll",n),function(){return a.removeEventListener("scroll",n)}}),[e.hasMore,e.fetchNextPage,e.scrollContainer])}},5859:(e,t,n)=>{function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,{u:()=>i});var r={numItems:5,minWidth:50,maxWidth:100},i={getPartialLoadingItems:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.assign(Object.assign({},r),t);return(e=Array(n.numItems),function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,t):void 0}}(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.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*n.maxWidth),n.minWidth),"px")}}))}}},19526:(e,t,n)=>{n.r(t),n.d(t,{PlaylistView:()=>Fe});var a=n(1024),r=n.n(a),i=n(58566),o=n(20354),l=n(23481),s=n(65858),c=n(39151),u=n(31949),d=n(63936),m=n(71020),p=n(54569);function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var v=n(51365),y=n(69883),h=n(91286),g=n(21750),b=n(22902),E=n(16714),w=n(11025),S=n(183),C=n(49087),A=n(97037),I=n(59991),O=n(45739),k=n(89454),N=n(25925),P=n(68677),x=n(97816),j=n(67753),L=n(97291),F=n(14070),T=n(28400),D=n(3747),M=n(86764),U=n(89043),V=n(49935),B=n(110),H=n(83345),_=n(89725),R="playlists.playlistHeaderDetails",W=function(e){var t=e.className;return r().createElement("span",{className:t},"•")};function q(e){var t=e._liteOwner;if(t)return t.name&&t.surname?T.m.toTitleCase(t.name+" "+t.surname.substring(0,1)):t.name?t.name.split(" ")[0]:void 0}function Y(e){var t,n,a,r=0;return(null===(t=e.videos)||void 0===t?void 0:t.count)&&(r+=e.videos.count),(null===(n=e.clips)||void 0===n?void 0:n.count)&&(r+=e.clips.count),(null===(a=e.interactives)||void 0===a?void 0:a.count)&&(r+=e.interactives.count),r}function z(e){var t,n,a=C.G.isOwner(e.playlist,e.currentUser),i=null===(t=e.playlist.followers)||void 0===t?void 0:t.count,o=function(e){if(!e.contentModifiedDate)return"";var t=new Date,n=B.O.convertUTCToLocal(e.contentModifiedDate);return B.O.isBefore(n,B.O.subtract(t,1,"month"))?"":B.O.fromNow(n)}(e.playlist);return r().createElement("div",{className:e.detailsClassName},!e.hideOwnerName&&!a&&r().createElement(r().Fragment,null,(null===(n=e.playlist._isClickViewPlaylist)||void 0===n?void 0:n.value)?r().createElement(r().Fragment,null,r().createElement("div",{className:e.clickViewAvatarClassName},r().createElement(_.F,null)),r().createElement("span",null,"ClickView")):r().createElement(H.x,{namespace:R,phrase:"createdBy",options:{user:q(e.playlist)}}),r().createElement(W,{className:e.separatorClassName})),r().createElement(H.x,{namespace:R,phrase:"videos",options:{smartCount:Y(e.playlist)}}),i>0&&r().createElement(r().Fragment,null,r().createElement(W,{className:e.separatorClassName}),r().createElement(H.x,{namespace:R,phrase:"followers",options:{smartCount:i}})),!!o&&r().createElement(r().Fragment,null,r().createElement(W,{className:e.separatorClassName}),r().createElement(H.x,{namespace:R,phrase:"lastUpdated",options:{timeAgo:o}})))}var G=n(9085),$=n(7733),Q=n(62756);const J={partialDescription:"vDX0m"};function X(){return r().createElement(r().Fragment,null,r().createElement(U.v,null),r().createElement("div",{className:"mb-2"},r().createElement("div",{className:"partial-loading-background my-2 border-bottom ".concat(J.partialDescription)})))}var Z=n(58130),K=n(49985),ee=l.T.encloseNamespace("playlists.playlistHeader"),te={getPlaylistActions:function(e,t){var n,a,r,i,o,l,c=t.isAuthenticated,u=t.isPlugin,d=t.isMobile,m=t.setIsFollowing,p=t.isFollowing,f=t.setShowFollowSpinner,v=t.showFollowSpinner,y={id:e.playlist.id,name:e.playlist.name,followerCount:null===(n=e.playlist.followers)||void 0===n?void 0:n.count,videoCount:null===(a=e.playlist.videos)||void 0===a?void 0:a.count,interactiveCount:null===(r=e.playlist.interactives)||void 0===r?void 0:r.count,clipCount:null===(i=e.playlist.clips)||void 0===i?void 0:i.count,isClickViewPlaylist:null===(o=e.playlist._isClickViewPlaylist)||void 0===o?void 0:o.value},h={location:s.LocationContext.Banner,entity:s.EntityType.Playlist,workflowPhase:s.WorkflowPhase.Start},g=[];if(!c)return g;var b=C.G.isOwner(e.playlist,e.currentUser);return u||(e.playAllAppLink&&g.push({label:ee("playAll"),appLink:e.playAllAppLink,svgName:Z.vn.Play,className:d?"":"btn btn-outline-dark mr-2",button:!d,analyticsData:y,analyticsOptions:Object.assign(Object.assign({},h),{actionType:s.UserAction.Play})}),e.hasStudentExp||g.push({label:ee("share"),appLink:{application:L.O.DEFAULT,action:F.e.Default.SHARE,args:[e.playlist.id],params:{entityType:"playlist"}},svgName:Z.vn.Share2,className:d?"":"btn btn-outline-dark mr-2",button:!d,analyticsData:y,analyticsOptions:Object.assign(Object.assign({},h),{actionType:s.UserAction.Share,eventVersion:s.EventVersion.V3})})),e.hasStudentExp||b||g.push({label:ee(p?"unfollow":"follow"),onClick:function(){m(!p),f(!0),e.follow(!p,(function(){f(!1),K.k.logUserAction(y,Object.assign(Object.assign({},h),{actionType:s.UserAction.Follow,descriptor:p?s.ToggleDescriptor.Off:s.ToggleDescriptor.On,workflowPhase:s.WorkflowPhase.Complete}))}),(function(){f(!1),m(p)}))},svgName:p?Z.vn.Check:Z.vn.Bell,className:d?"":"btn follow-btn btn-".concat(p?"outline-dark":"dark"," mr-2"),button:!d,showSpinner:v}),b&&(g.push({label:ee("edit"),appLink:{application:L.O.PLAYLISTS,action:F.e.Playlists.EDIT_PLAYLIST,args:[e.playlist.id]},svgName:Z.vn.Edit,button:!1,analyticsData:y,analyticsOptions:Object.assign(Object.assign({},h),{actionType:s.UserAction.Edit})}),g.push({label:ee("delete"),appLink:{application:L.O.PLAYLISTS,action:F.e.Playlists.DELETE_PLAYLIST,args:[e.playlist.id]},svgName:Z.vn.Delete,className:"text-danger",button:!1,analyticsData:y,analyticsOptions:Object.assign(Object.assign({},h),{actionType:s.UserAction.Delete})})),(null===(l=e.playlist._isClickViewPlaylist)||void 0===l?void 0:l.value)&&g.push({label:ee("copy"),appLink:{application:L.O.PLAYLISTS,action:F.e.Playlists.COPY_PLAYLIST,args:[e.playlist.id]},button:!1,analyticsData:y,analyticsOptions:Object.assign(Object.assign({},h),{actionType:s.UserAction.Copy})}),g}};const ne={clickViewAvatar:"PHe9c"};function ae(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return re(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?re(e,t):void 0}}(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 re(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var ie=function(e){return{application:L.O.SUBJECT,action:F.e.Subjects.CLASSIFICATION,args:[e.id,T.m.slugify(e.name)]}};function oe(e){var t,n=(0,Q.G)().isPlugin,r=ae(a.useState(e.isFollowing),2),i=r[0],o=r[1],l=ae(a.useState(!1),2),s=l[0],c=l[1];a.useEffect((function(){return o(e.isFollowing)}),[e.isFollowing]);var u=(0,D.a)(M.r.XS);if(e.showPartialLoading)return a.createElement(X,null);var d=e.playlist.description,m=te.getPlaylistActions(e,{isAuthenticated:e.currentUser.isAuthenticated,isPlugin:n,isMobile:u,setIsFollowing:o,isFollowing:i,setShowFollowSpinner:c,showFollowSpinner:s});return a.createElement(a.Fragment,null,a.createElement(U.p,{heading:e.playlist.name,banner:e.playlist.banner,imageCdnUrl:e.imageCdnUrl,actions:m.length&&m,actionsDropdownClassName:"btn btn-outline-dark",blockColourClass:(0,G.x)(e.playlist.name,$.o),detailsComponent:function(){return a.createElement(z,{playlist:e.playlist,currentUser:e.currentUser,detailsClassName:"mb-n1 font-size-normal font-weight-normal mt-1",clickViewAvatarClassName:ne.clickViewAvatar,separatorClassName:"mx-1"})}}),(!!d||!!(null===(t=e.topicPath)||void 0===t?void 0:t.length))&&a.createElement("div",{className:"border-bottom py-3"},function(){var t,n;if(!(null===(t=e.topicPath)||void 0===t?void 0:t.length))return a.createElement(a.Fragment,null);if(!e.playlist||!e.topicPath)return a.createElement(V.b2,null);var r=null!==(n=e.rootBreadcrumbs)&&void 0!==n?n:[];return e.topicPath.forEach((function(e){r.push({name:e.name,appLink:ie(e)})})),r.push({name:e.playlist.name,active:!0}),a.createElement("div",{className:"pb-2"},a.createElement(V.Oo,{breadcrumbs:r}))}(),!!d&&a.createElement("p",{className:"mb-0"},d)))}var le=n(81886),se=n(79014),ce=n(56050),ue=n(4632),de=n(74696),me=n(83914);function pe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var fe=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function ve(e){var t,n,r=e.onSortComplete,i=e.onSortStart,o=e.showPartialLoading,l=fe(e,["onSortComplete","onSortStart","showPartialLoading"]),s=(t=a.useState(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return pe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?pe(e,t):void 0}}(t,n)||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.")}()),c=s[0],u=s[1];return o?a.createElement(de.S,{withReordering:e.canEdit||e.showIndexes}):e.canEdit?a.createElement(ue.NB,Object.assign({},l,{currentSortingIndex:c,onSortStart:function(t){var n=e.videos.findIndex((function(e){return e.id.toString()===t.active.id.toString()}));u(n),se.q.isFunction(i)&&i(n)},onSortEnd:function(t){u(null);var n=t.active,a=t.over,i=e.videos.findIndex((function(e){return e.id.toString()===n.id.toString()})),o=e.videos.findIndex((function(e){return e.id.toString()===a.id.toString()}));se.q.isFunction(r)?r(i,o):le.Q.ErrorHelper.throw(new ce.H("An onSortComplete callback function must be passed to SortableVideoListComponent"))},dragHandleIcon:Z.vn.Hamburger,dragHandleIconSize:me.S.XXL,presentationAudiences:e.presentationAudiences})):a.createElement(ue.E4,Object.assign({},l))}var ye=n(23232),he=n(99742),ge="playlists.playlistEmptyState";function be(){return r().createElement(H.D.Provider,{value:ge},r().createElement(ye.u,null,r().createElement(ye.u.Image,{src:he.W.EmptyStates.Playlists.PLAYLIST_VIDEOS}),r().createElement(ye.u.Heading,null,r().createElement(H.x,{phrase:"heading"})),r().createElement(ye.u.Info,null,r().createElement(H.x,{phrase:"info"}))))}n(75896);var Ee=n(9680),we=n(81493),Se=n(65986);function Ce(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var Ae=l.T.encloseNamespace("playlists.playlist");function Ie(e,t,n){K.k.logUserAction({id:t,playlistId:e},{location:s.LocationContext.VideoList,entity:s.EntityType.Video,actionType:s.UserAction.Move,workflowPhase:n})}var Oe={notFound:we.N,forbidden:{privacy:Ee.J}},ke=n(7179),Ne=n(1666),Pe=n(86698);function xe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var je="playlists.playlist",Le=l.T.encloseNamespace(je);function Fe(e){var t,n,r,T,D,M,U,V,B,H,_=(0,i.useDispatch)(),R=(0,y.Z)(),W=o.a.useBasicFetch(c.L.config()),q=o.a.useBasicFetch(u.N.currentUser()),Y=o.a.useBasicFetch((null===(t=q.data)||void 0===t?void 0:t.isAuthenticated)&&Ne.h.yearGroups(q.data.customerId)),z=o.a.useBasicFetch(e.classificationId&&g.x.path(e.classificationId)),G=o.a.useBasicFetch(e.classificationId&&g.x.classification(e.classificationId,null===(n=q.data)||void 0===n?void 0:n.id)),$=(0,Pe.y)(N.R.Subject,null===(r=G.data)||void 0===r?void 0:r.presentationId),Q=$.presentation,J=$.availablePresentations,X=$.hasLoaded,K=o.a.useBasicFetch(X&&k.O.presentationAudiences(null==Q?void 0:Q.id)),ee=(0,A.c)(s.LocationContext.VideoThumbnail),te=ee.setFavourite,ne=ee.canFavourite,ae=(0,b.T)().hasPermissions,re=e.shareId?I.C.getSharedPlaylist(e.playlistId,e.shareId):I.C.getPlaylist(e.playlistId),ie=o.a.useBasicFetch(re),le=function(e,t){var n=(0,Se._)(Se.i.VideoItem);return C.G.isOwner(e,t)?function(t){var a,r=w.M.getCanBeConsumed(t).canConsume,i={label:Ae("removeFromPlaylist"),button:!1,svgName:Z.vn.Delete,appLink:{application:L.O.PLAYLISTS,action:F.e.Playlists.REMOVE_VIDEO_FROM_PLAYLIST,args:[t.id,e.id],params:{typeId:t.typeId}},className:"text-danger",analyticsOptions:{entity:s.EntityType.Video,actionType:s.UserAction.Dissociate,location:s.LocationContext.VideoListItem,workflowPhase:s.WorkflowPhase.Start,descriptor:s.AssocDescriptor.Playlist},analyticsData:{id:t.id,playlistId:e.id}};return r?[].concat(function(e){if(Array.isArray(e))return Ce(e)}(a=n(t))||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(a)||function(e,t){if(e){if("string"==typeof e)return Ce(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ce(e,t):void 0}}(a)||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.")}(),[i]):[i]}:n}(ie.data,q.data);(0,h.v)(ie,Oe);var se=function(t){return e.shareId?I.C.getSharedPlaylistVideos(e.playlistId,e.shareId,t):I.C.getPlaylistVideos(e.playlistId,t)},ce=o.a.useBasicFetch((null===(T=q.data)||void 0===T?void 0:T.id)&&I.C.getIsFollowingPlaylist(e.playlistId,null===(D=q.data)||void 0===D?void 0:D.id)),ue=function(e){o.a.getFetch(_)(se(e))},de=(0,d.K)(se,ue),me=de.items,pe=de.hasMore,fe=de.isFetching;(0,x.V)(null!==(M=null==me?void 0:me.filter(w.M.isVideo))&&void 0!==M?M:[],{hasCurriculumLinks:!0});var ye,he,ge,Ee,we,Fe,Te=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return xe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?xe(e,t):void 0}}(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.")}()}((ye=me,we=(0,a.useState)(),Fe=2,he=function(e){if(Array.isArray(e))return e}(we)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],s=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(we,Fe)||function(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}(we,Fe)||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.")}(),ge=he[0],Ee=he[1],(0,a.useEffect)((function(){ge&&(ye.length!==ge.length||function(e,t){var n=!0;if(e.length!==t.length)return!1;for(var a=0;a<e.length;a++)if(e[a].id!==t[a].id){n=!1;break}return n}(ye,ge))&&Ee(null)}),[ye]),[ge,Ee]),2),De=Te[0],Me=Te[1];(0,ke.P)({id:e.playlistId,app:"playlists",shareId:e.shareId}),(0,P.M)({content:ie.data});var Ue,Ve=!!me&&0===me.length,Be=function(t,n){return j.W.getAppLink(t,{contextId:e.playlistId,context:S.Q.Playlist,shareId:e.shareId,playNext:n})},He=!(null===(U=q.data)||void 0===U?void 0:U.isAuthenticated)||!!ce.hasCompleted,_e=null==me?void 0:me.find((function(e){var t;return null===(t=w.M.getCanBeConsumed(e))||void 0===t?void 0:t.canConsume})),Re=C.G.isOwner(ie.data,q.data),We=me&&q.data&&W.data;return a.createElement(v.M.Provider,{value:(null===(V=q.data)||void 0===V?void 0:V.isAuthenticated)&&le},a.createElement("div",{className:"bg-white px-3"},a.createElement(oe,{playlist:ie.data,currentUser:q.data,isFollowing:null===(B=ce.data)||void 0===B?void 0:B.isFollowing,follow:function(t,n,a){var r,i=t?I.C.followPlaylist:I.C.unfollowPlaylist;o.a.fetch(_,i(e.playlistId,null===(r=q.data)||void 0===r?void 0:r.id,n,(function(){a(),R.error(l.T.getPhrase(je,t?"followError":"unfollowError"))})))},playAllAppLink:_e&&Be(_e,!0),showPartialLoading:!ie.data||!We||!He,imageCdnUrl:!!W.data&&W.data.imageCdnUrl,rootBreadcrumbs:(Ue=[{name:Le("discover"),appLink:{application:L.O.DASHBOARD,action:F.e.Dashboard.HOME}}],z.data&&Ue.push({name:O.i.getExploreAllTopicsTitle(null==Q?void 0:Q.name,null==J?void 0:J.length),appLink:{application:L.O.SUBJECT,action:F.e.Subjects.CLASSIFICATION_ALL,params:{presentationId:null==Q?void 0:Q.id}}}),Ue),topicPath:z.data,hasStudentExp:ae(E.C.StudentExperience)}),a.createElement("div",{className:"mt-2"},Ve?a.createElement(be,null):a.createElement(ve,{videos:De||me,yearGroups:Y.data,playlistId:!!ie.data&&ie.data.id,onSortStart:function(t){var n=me[t];n&&Ie(e.playlistId,n.id,s.WorkflowPhase.Start)},onSortComplete:function(t,n){if(t!==n){var a=me[t];if(a){var r=p.l.reorder(me,t,n),i=r.reorderedItems,l=r.reorderRequest;Me(i),Ie(e.playlistId,a.id,s.WorkflowPhase.Complete),o.a.fetch(_,I.C.reorderVideos(e.playlistId,l,null,(function(){Me(null)})))}}},canEdit:Re,showPartialLoading:!We,getVideoAppLink:function(e){return Be(e,!1)},getSeriesAppLink:e.getSeriesAppLink,setFavourite:te,canFavourite:ne,showSignIn:!(null===(H=q.data)||void 0===H?void 0:H.isAuthenticated),canRemovePrivateVideos:Re,presentationAudiences:K.data,showIndexes:!0})),(pe||fe)&&a.createElement(m._,{isFetching:fe,fetchNext:ue})))}},87821:(e,t,n)=>{n.d(t,{p:()=>r});var a=n(33192),r={userVideoHistory:function(e,t,n,r){var i="video:history",o="{gateway}/v1/users/me/watch-history";return e&&(i+=":".concat(e),o+="?cursor=".concat(e)),{key:i,url:o,formatData:function(e){return{data:e.data.map((function(e){var t=a.utc(e.lastTimeWatched).local().format(),n=a(t).format("YYYY-MM-DD");return Object.assign(Object.assign({},e),{lastTimeWatched:t,lastDateWatched:n})})),pagination:e.pagination}},success:t,error:n,always:r}},videoHistory:function(e,t,n,a,r){var i=e.sort().map((function(e){return"videoId=".concat(e)}));return{key:"video:history:videos:".concat(i.join("&")),url:"{gateway}/v1/videos/history?".concat(i.join("&")),normalizeOptions:{namespace:t},formatData:function(e){return(null==e?void 0:e.length)?e.map((function(e){return{id:e.videoId,lastProgressPoint:e.lastProgressPoint}})):e},success:n,error:a,always:r}}}},41063:(e,t,n)=>{n.d(t,{b:()=>o});var a=n(22902),r=n(37802),i=n(16714);function o(){var e=(0,a.T)().hasPermissions;return(0,r.r)(null).manageVideoAccess&&e(i.C.ManageVideoAccess)}},97816:(e,t,n)=>{n.d(t,{V:()=>f});var a=n(1024),r=n.n(a),i=n(20354),o=n(31949),l=n(1575),s=n(21750),c=n(87821),u=n(63419);function d(e){return function(e){if(Array.isArray(e))return m(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(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 m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var p={ratings:!1,favourites:!1,watchHistory:!1,hasCurriculumLinks:!1};function f(e){var t,n,a,m=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},f=Object.assign(Object.assign({},p),m),v=f.ratings,y=f.favourites,h=f.watchHistory,g=f.hasCurriculumLinks,b=i.a.useBasicFetch(o.N.currentUser()),E=e&&(Array.isArray(e)?e.filter(Boolean).map((function(e){return e.id})):e.data.filter(Boolean).map((function(e){return e.id}))),w=b.data;t=r().useMemo((function(){if(!(null==w?void 0:w.isAuthenticated))return[];var e=[];return v&&(e=[].concat(d(e),[!!(null==E?void 0:E.length)&&l.R.videoRatings(E,m.flightNamespace)])),y&&(e=[].concat(d(e),[!!(null==E?void 0:E.length)&&w&&u.P.isFavourited(w.id,E,m.flightNamespace)])),h&&(e=[].concat(d(e),[!!(null==E?void 0:E.length)&&w&&c.p.videoHistory(E,m.flightNamespace)])),g&&(e=[].concat(d(e),[!!(null==E?void 0:E.length)&&s.x.hasCurriculumLinks(E,null,m.flightNamespace)])),e.filter(Boolean)}),[null==E?void 0:E.length]),n=!!e,a=i.a.useGetFetch(),r().useEffect((function(){n&&t.length&&t.forEach((function(e){a(e)}))}),[t.length])}}}]);

package/dist/scripts/{5746-45f4140447-lite.chunk.js → 7954-65a6a51e46-lite.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[5746],{71020:(e,t,n)=>{n.d(t,{_:()=>u});var r=n(1024),a=n(99910),i=n(64038),o=n(83914),l=n(58130);const c={container:"VwD1b",spinner:"eJ85e"};function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e){var t,n,u=(t=i.useInView(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}(t,n)||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.")}()),d=u[0],m=u[1];return r.useEffect((function(){var t;e.fetchOnScroll&&m&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[m,e.isFetching]),r.createElement("div",{className:"p-3 text-center ".concat(c.container),ref:d},e.isFetching?r.createElement(a.Spinner,{as:"span",animation:"border",role:"status",className:c.spinner}):r.createElement(o.x,{svgName:l.vn.ChevronDown,className:"svg-container cursor-pointer",size:o.S.Large,onClick:function(){var t;return null===(t=e.fetchNext)||void 0===t?void 0:t.call(e,e.nextCursor)}}))}u.defaultProps={fetchOnScroll:!1}},74696:(e,t,n)=>{n.d(t,{S:()=>s});var r=n(1024),a=n.n(r),i=n(99910),o=n(79967),l=n(9977);const c={partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function s(e){return a().createElement(a().Fragment,null,Array(e.numVideos).fill(null).map((function(t,n){return a().createElement(u,Object.assign({key:n},e))})))}function u(e){var t=(0,o.k)(),n="sm"===l.O.getSize(t,"md"),r=e.withReordering&&!t.xs;return a().createElement(i.Row,{noGutters:!0,className:"".concat(n?"":"py-2")},a().createElement(i.Col,Object.assign({},l.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(n?"pb-2 pr-2":"mb-1 px-2")}),a().createElement(i.Row,null,!!r&&a().createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},a().createElement("div",{className:"partial-loading-background ".concat(c.partialDragHandle)})),a().createElement(i.Col,{xs:l.O.getThumbnailColSize(r)},a().createElement("div",{className:"partial-loading-background ".concat(n?"rounded":"rounded-lg"," ").concat(c.partialThumbnail)})))),a().createElement(i.Col,Object.assign({},l.O.getDetailsColumns(),{className:n?"pb-2":"px-2"}),a().createElement("div",{className:"partial-loading-background mb-1 ".concat(c.partialName)}),a().createElement("div",{className:"partial-loading-background ".concat(c.partialDescription)})))}s.defaultProps={numVideos:15}},94644:(e,t,n)=>{n.d(t,{r:()=>u});var r=n(81886),a=n(50242),i=n(67058),o=n(49075),l=n(14553),c=n(49267),s={notFound:i.d,forbidden:{rating:l.q,yearLevel:l.q,region:c.a,privacy:l.q},badRequest:o._};function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var i;i="number"==typeof e?e:e.status;var o=Object.assign(Object.assign({},s),t);i&&r.Q.ErrorHelper.isStatusCodeError(i)&&(i!==a.o.NotFound?i!==a.o.Forbidden?n.badRequest||r.Q.ErrorHelper.throw(new o.badRequest):n.forbidden||r.Q.ErrorHelper.throw(new o.forbidden.privacy):n.notFound||r.Q.ErrorHelper.throw(new o.notFound))}}},81409:(e,t,n)=>{n.d(t,{o:()=>o});var r=n(1024),a=n.n(r);function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e,t){var n,r,o,l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],c=(r=a().useState(!1),o=2,function(e){if(Array.isArray(e))return e}(r)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(r,o)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}(r,o)||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.")}())[1];return a().useEffect((function(){var n=e();if(n)return n.off("add remove change"),n.on("add remove change",(function(){c((function(e){return!e}))})),t&&n.on("remove",t),function(){n.off("add remove change")}}),l),null===(n=e())||void 0===n?void 0:n.toJSON()}},63936:(e,t,n)=>{n.d(t,{K:()=>s});var r=n(1024),a=n(50242),i=n(79014),o=n(45719),l=n(8843);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e,t,n,s,u,d){var m,f,p=(m=(0,r.useState)(0),f=2,function(e){if(Array.isArray(e))return e}(m)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(m,f)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}(m,f)||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.")}()),v=p[0],g=p[1],h=t,y=(0,o.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),s,u);return(0,l.M)({fetchNextPage:function(){if(t&&e&&y)return g((function(e){return e+1})),h(y.nextCursor)},hasMore:!!(null==y?void 0:y.nextCursor),isFetching:null==y?void 0:y.isFetching,scrollContainer:d}),(0,r.useEffect)((function(){y&&y.shouldInitialFetch&&t&&(h(),g((function(e){return e+1})))}),[null==y?void 0:y.shouldInitialFetch,t]),(0,r.useEffect)((function(){var e,t;if((null==y?void 0:y.statusCode)&&i.q.isFunction(n)){var r=+(null===(t=null===(e=y.statusCode)||void 0===e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));r!==a.k.ClientError&&r!==a.k.ServerError||n(v,y.statusCode)}}),[null==y?void 0:y.statusCode]),{items:null==y?void 0:y.items,hasMore:!!(null==y?void 0:y.nextCursor),nextCursor:null==y?void 0:y.nextCursor,isFetching:null==y?void 0:y.isFetching,totalItems:null==y?void 0:y.totalItems}}},8843:(e,t,n)=>{n.d(t,{M:()=>o});var r=n(1024),a=n(79014),i=400;function o(e){var t=function(){if(!e.isFetching){if(e.scrollContainer){var t=e.scrollContainer;if(t.getBoundingClientRect().height+t.scrollTop<t.scrollHeight-i)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-i)return;e.fetchNextPage()}};(0,r.useEffect)((function(){var n=a.q.throttle(t,200),r=e.scrollContainer||window;return e.hasMore&&r.addEventListener("scroll",n),function(){return r.removeEventListener("scroll",n)}}),[e.hasMore,e.fetchNextPage,e.scrollContainer])}},99355:(e,t,n)=>{n.r(t),n.d(t,{MyVideosView:()=>de});var r=n(1024),a=n.n(r),i=n(58566),o=n(20354),l=n(23481),c=n(81886),s=n(70624),u=n(31949),d=n(83345),m=n(4632),f=n(51365),p=n(65858),v=n(28400),g=n(74696),h=n(71020),y=n(99910);const E={alert:"hdlVY"};function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function S(e){var t,n,a=e.children,i=(t=r.useState(!localStorage.getItem(e.localStorageKey)),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}(t,n)||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.")}()),o=i[0],l=i[1];return o?r.createElement(y.Alert,{className:E.alert,variant:e.variant,onClose:function(){localStorage.setItem(e.localStorageKey,"1"),l(!1)},dismissible:!0},a):r.createElement(r.Fragment,null)}S.defaultProps={variant:"info"};var C=n(63936),w=n(94644),O=n(69883),x=n(1575),A=n(11025),I=n(22902),N=n(16714),k=n(1666),P=n(68677),V=n(57322),j=n(97291),D=n(14070),F=n(97037),L=n(67753),T=n(62756),M=n(97816),U=n(44110),H=n(81409),_=n(97117),R=n(83914),B=n(58130),q=n(78276),G=n(54610),Q=n(5960),W=n(8493),Y=n(5465),z=n(9977),K=n(79967),$=l.T.encloseNamespace("upload.uploadingItem");function Z(e){switch(e){case _.f.Uploading:return"text-success";case _.f.Processing:return"text-info";case _.f.Errored:return"text-danger"}}function J(e){switch(e){case _.f.Uploading:return"success";case _.f.Processing:return"info";case _.f.Errored:return"danger"}}function X(e){var t,n,a=e.item,i=a.status,o=a.progress,l=a.name,c=(0,K.k)(),s="sm"===z.O.getSize(c,"md"),u=r.useCallback((function(){e.onClickAlternate(e.item)}),[e.item.status]),d=r.useCallback((function(){e.onClickDelete(e.item)}),[]),m=null;return(null===(t=e.item.video)||void 0===t?void 0:t.status)===Q.X.Published&&(m={application:j.O.VIDEOS,action:D.e.Videos.PLAY_VIDEO,args:[e.item.videoId,v.m.slugify(e.item.video.name)]}),r.createElement(y.Row,{noGutters:!0,className:s?"":"py-2"},r.createElement(y.Col,Object.assign({},z.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(s?"pb-2 pr-2":"mb-1 px-2")}),r.createElement("div",{className:"position-relative overflow-hidden ".concat(s?"rounded":"rounded-lg")},r.createElement(W.F,{appLink:m},r.createElement(q.Z,{data:null!==(n=e.item.thumbnailUrl)&&void 0!==n?n:"",imageType:G.__.Thumbnails,imageOptions:{size:G.h2.Medium}},r.createElement(Y.oy,{type:Y.mS.Video}))))),r.createElement(y.Col,Object.assign({},z.O.getDetailsColumns(),{className:s?"pb-2":"px-2"}),r.createElement(W.F,{appLink:m},r.createElement("h5",{className:"m-0 pb-1"},l)),r.createElement("span",{className:Z(i)},function(e,t){var n=Math.round(t)||0;switch(e){case _.f.Uploading:return"".concat($("uploading")," ").concat(n,"%");case _.f.Processing:return 0===n?r.createElement("em",null,$("waitingToBeProcessed")):r.createElement("em",null,$("processing")," ",n,"%");case _.f.Errored:return $("error")}}(i,o)),r.createElement("div",{className:"d-flex"},r.createElement(y.ProgressBar,{className:"flex-grow-1 align-self-center",variant:J(i),now:o}),r.createElement(R.x,{className:"svg-container cursor-pointer ml-2",svgName:i===_.f.Errored?B.vn.Retry:B.vn.Edit,onClick:u}),r.createElement(R.x,{className:"svg-container cursor-pointer ml-2",svgName:B.vn.Delete,onClick:d}))))}var ee=n(26859),te=n(23232),ne=n(99742),re="default.myVideosEmptyState";function ae(){return a().createElement(d.D.Provider,{value:re},a().createElement(te.u,null,a().createElement(te.u.Image,{src:ne.W.EmptyStates.MY_VIDEOS}),a().createElement(te.u.Heading,null,a().createElement(d.x,{phrase:"heading"})),a().createElement(te.u.Info,null,a().createElement(d.x,{phrase:"info"}))))}function ie(){return a().createElement(d.D.Provider,{value:re},a().createElement(te.u,null,a().createElement(te.u.Image,{src:ne.W.EmptyStates.MY_VIDEOS_PUBLIC}),a().createElement(te.u.Heading,null,a().createElement(d.x,{phrase:"publicHeading"})),a().createElement(te.u.Info,null,a().createElement(d.x,{phrase:"publicInfo"})),a().createElement(te.u.Cta,{text:l.T.getPhrase(re,"publicCta"),appLink:{application:j.O.SIGN_UP,action:D.e.SignUp.SIGN_UP},analyticsData:{},analyticsOptions:{actionType:p.UserAction.Click,location:p.LocationContext.MyVideoLanding,entity:p.EntityType.AppLink,workflowPhase:p.WorkflowPhase.Start,descriptor:p.SignUpDescriptors.SignUp}})))}var oe=n(65986),le="default.myVideos";const ce={uploadingList:"hlq9T"};var se="default.myVideos",ue=function(e){return{application:j.O.SERIES,action:D.e.Series.SERIES,args:[e.id,v.m.slugify(e.name)]}};function de(){var e;(0,P.M)({title:l.T.getPhrase(se,"pageTitle")});var t,n=(0,O.Z)(),a=(0,i.useDispatch)(),v=(0,F.c)(p.LocationContext.VideoThumbnail),y=v.setFavourite,E=v.canFavourite,b=(0,I.T)(),R=b.hasPermissions,B=b.hasLocalPermissions,q=(0,T.G)().isPlugin,G=o.a.useBasicFetch(u.N.currentUser()),Q=o.a.useBasicFetch((null===(e=G.data)||void 0===e?void 0:e.isAuthenticated)&&k.h.yearGroups(G.data.customerId)),W=(t=(0,oe._)(oe.i.VideoItem),function(e){return A.M.getCanBeConsumed(e).canConsume?t(e):[{label:l.T.getPhrase(le,"delete"),button:!1,appLink:{application:j.O.VIDEOS,action:D.e.Videos.DELETE_VIDEO,args:[e.id]},className:"btn btn-link text-danger",analyticsOptions:{entity:p.EntityType.Video,actionType:p.UserAction.Delete,location:p.LocationContext.VideoListItem,workflowPhase:p.WorkflowPhase.Start},analyticsData:{id:e.id}}]}),Y=R(N.C.UploadVideo),z=(0,U.i)(),K=function(e){return x.R.myVideos(G.data.id,e)},$=function(e){return o.a.getFetch(a)(K(e))},Z=!B(N.E.ViewMyVideosLanding)&&G.hasCompleted,J=(0,C.K)(!!Z&&K,$,(function(e,t){if(1===e)return(0,w.r)(t);n.error(l.T.getPhrase(se,"error"))})),te=J.items,ne=J.hasMore,re=J.isFetching,de=(0,s.G)(Y&&V.K.CombineUploads),me=function(e,t,n){var r=(0,s.G)(e&&"combine:uploads:service");return(0,H.o)((function(){return e?null==r?void 0:r.getCollection():null}),(function(){G.data&&$()}),n)}(Y,0,[G.data]),fe=r.useCallback((function(e){c.Q.AppLinkHelper.trigger({application:j.O.UPLOAD,action:D.e.Upload.CANCEL_UPLOAD,args:[e.id],params:{name:e.name,status:e.status}})}),[]),pe=r.useCallback((function(e){switch(e.status){case _.f.Errored:return void de.retryItem(e);case _.f.Processing:return void c.Q.AppLinkHelper.trigger({application:j.O.VIDEOS,action:D.e.Videos.EDIT_VIDEO,args:[e.videoId]});case _.f.Uploading:de.editUpload(e)}}),[]),ve=null==me?void 0:me.reduce((function(e,t){return e[t.videoId]=!0,e}),{}),ge=null==te?void 0:te.filter((function(e){return!ve[e.id]}));return(0,M.V)(null==ge?void 0:ge.filter(A.M.isVideo),{hasCurriculumLinks:!0}),B(N.E.ViewMyVideosLanding)?r.createElement(ie,null):r.createElement(f.M.Provider,{value:W},r.createElement("div",{className:"px-3"},r.createElement("div",{className:"d-flex justify-content-between"},r.createElement("h1",{className:"h2"},r.createElement(d.x,{namespace:se,phrase:"header"})),r.createElement("div",{className:"d-sm-none"},r.createElement(ee.c,{canUpload:R(N.C.UploadVideo)}))),r.createElement("div",null,r.createElement("p",{className:"h6"},r.createElement(d.x,{namespace:se,phrase:"description"})),!q&&r.createElement(S,{localStorageKey:"uploadInfoDismissed"},r.createElement(d.x,{namespace:se,phrase:"alertMessage"}),r.createElement("br",null),r.createElement("small",null,r.createElement(d.x,{namespace:se,phrase:"alertSecondaryMessage"}))),!!(null==me?void 0:me.length)&&r.createElement("div",{className:"position-relative ".concat(ce.uploadingList)},me.map((function(e){return r.createElement(X,{item:e,onClickAlternate:pe,onClickDelete:fe,key:e.id})}))),G.data&&ge?ge.length||me.length?r.createElement(r.Fragment,null,r.createElement(m.E4,{videos:ge,yearGroups:Q.data,getVideoAppLink:L.W.getAppLink,getSeriesAppLink:ue,setFavourite:y,canFavourite:E,presentationAudiences:z.data,canRemovePrivateVideos:!0}),(ne||re)&&r.createElement(h._,{isFetching:re,fetchNext:$})):r.createElement(ae,null):r.createElement(g.S,null))))}},87821:(e,t,n)=>{n.d(t,{p:()=>a});var r=n(33192),a={userVideoHistory:function(e,t,n,a){var i="video:history",o="{gateway}/v1/users/me/watch-history";return e&&(i+=":".concat(e),o+="?cursor=".concat(e)),{key:i,url:o,formatData:function(e){return{data:e.data.map((function(e){var t=r.utc(e.lastTimeWatched).local().format(),n=r(t).format("YYYY-MM-DD");return Object.assign(Object.assign({},e),{lastTimeWatched:t,lastDateWatched:n})})),pagination:e.pagination}},success:t,error:n,always:a}},videoHistory:function(e,t,n,r,a){var i=e.sort().map((function(e){return"videoId=".concat(e)}));return{key:"video:history:videos:".concat(i.join("&")),url:"{gateway}/v1/videos/history?".concat(i.join("&")),normalizeOptions:{namespace:t},formatData:function(e){return(null==e?void 0:e.length)?e.map((function(e){return{id:e.videoId,lastProgressPoint:e.lastProgressPoint}})):e},success:n,error:r,always:a}}}},44110:(e,t,n)=>{n.d(t,{i:()=>l});var r=n(20354),a=n(25925),i=n(89454),o=n(86698),l=function(e){var t=(0,o.y)(a.R.Subject,null,e,!!e).presentation;return r.a.useBasicFetch(!!t&&i.O.presentationAudiences(t.id))}},97816:(e,t,n)=>{n.d(t,{V:()=>p});var r=n(1024),a=n.n(r),i=n(20354),o=n(31949),l=n(1575),c=n(21750),s=n(87821),u=n(63419);function d(e){return function(e){if(Array.isArray(e))return m(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(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 m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var f={ratings:!1,favourites:!1,watchHistory:!1,hasCurriculumLinks:!1};function p(e){var t,n,r,m=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},p=Object.assign(Object.assign({},f),m),v=p.ratings,g=p.favourites,h=p.watchHistory,y=p.hasCurriculumLinks,E=i.a.useBasicFetch(o.N.currentUser()),b=e&&(Array.isArray(e)?e.filter(Boolean).map((function(e){return e.id})):e.data.filter(Boolean).map((function(e){return e.id}))),S=E.data;t=a().useMemo((function(){if(!(null==S?void 0:S.isAuthenticated))return[];var e=[];return v&&(e=[].concat(d(e),[!!(null==b?void 0:b.length)&&l.R.videoRatings(b,m.flightNamespace)])),g&&(e=[].concat(d(e),[!!(null==b?void 0:b.length)&&S&&u.P.isFavourited(S.id,b,m.flightNamespace)])),h&&(e=[].concat(d(e),[!!(null==b?void 0:b.length)&&S&&s.p.videoHistory(b,m.flightNamespace)])),y&&(e=[].concat(d(e),[!!(null==b?void 0:b.length)&&c.x.hasCurriculumLinks(b,null,m.flightNamespace)])),e.filter(Boolean)}),[null==b?void 0:b.length]),n=!!e,r=i.a.useGetFetch(),a().useEffect((function(){n&&t.length&&t.forEach((function(e){r(e)}))}),[t.length])}}}]);
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7954],{71020:(e,t,n)=>{n.d(t,{_:()=>u});var r=n(1024),a=n(99910),i=n(64038),o=n(83914),l=n(58130);const c={container:"VwD1b",spinner:"eJ85e"};function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e){var t,n,u=(t=i.useInView(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}(t,n)||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.")}()),d=u[0],m=u[1];return r.useEffect((function(){var t;e.fetchOnScroll&&m&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[m,e.isFetching]),r.createElement("div",{className:"p-3 text-center ".concat(c.container),ref:d},e.isFetching?r.createElement(a.Spinner,{as:"span",animation:"border",role:"status",className:c.spinner}):r.createElement(o.x,{svgName:l.vn.ChevronDown,className:"svg-container cursor-pointer",size:o.S.Large,onClick:function(){var t;return null===(t=e.fetchNext)||void 0===t?void 0:t.call(e,e.nextCursor)}}))}u.defaultProps={fetchOnScroll:!1}},74696:(e,t,n)=>{n.d(t,{S:()=>s});var r=n(1024),a=n.n(r),i=n(99910),o=n(79967),l=n(9977);const c={partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function s(e){return a().createElement(a().Fragment,null,Array(e.numVideos).fill(null).map((function(t,n){return a().createElement(u,Object.assign({key:n},e))})))}function u(e){var t=(0,o.k)(),n="sm"===l.O.getSize(t,"md"),r=e.withReordering&&!t.xs;return a().createElement(i.Row,{noGutters:!0,className:"".concat(n?"":"py-2")},a().createElement(i.Col,Object.assign({},l.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(n?"pb-2 pr-2":"mb-1 px-2")}),a().createElement(i.Row,null,!!r&&a().createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},a().createElement("div",{className:"partial-loading-background ".concat(c.partialDragHandle)})),a().createElement(i.Col,{xs:l.O.getThumbnailColSize(r)},a().createElement("div",{className:"partial-loading-background ".concat(n?"rounded":"rounded-lg"," ").concat(c.partialThumbnail)})))),a().createElement(i.Col,Object.assign({},l.O.getDetailsColumns(),{className:n?"pb-2":"px-2"}),a().createElement("div",{className:"partial-loading-background mb-1 ".concat(c.partialName)}),a().createElement("div",{className:"partial-loading-background ".concat(c.partialDescription)})))}s.defaultProps={numVideos:15}},94644:(e,t,n)=>{n.d(t,{r:()=>u});var r=n(81886),a=n(50242),i=n(67058),o=n(49075),l=n(14553),c=n(49267),s={notFound:i.d,forbidden:{rating:l.q,yearLevel:l.q,region:c.a,privacy:l.q},badRequest:o._};function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var i;i="number"==typeof e?e:e.status;var o=Object.assign(Object.assign({},s),t);i&&r.Q.ErrorHelper.isStatusCodeError(i)&&(i!==a.o.NotFound?i!==a.o.Forbidden?n.badRequest||r.Q.ErrorHelper.throw(new o.badRequest):n.forbidden||r.Q.ErrorHelper.throw(new o.forbidden.privacy):n.notFound||r.Q.ErrorHelper.throw(new o.notFound))}}},81409:(e,t,n)=>{n.d(t,{o:()=>o});var r=n(1024),a=n.n(r);function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e,t){var n,r,o,l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],c=(r=a().useState(!1),o=2,function(e){if(Array.isArray(e))return e}(r)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(r,o)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}(r,o)||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.")}())[1];return a().useEffect((function(){var n=e();if(n)return n.off("add remove change"),n.on("add remove change",(function(){c((function(e){return!e}))})),t&&n.on("remove",t),function(){n.off("add remove change")}}),l),null===(n=e())||void 0===n?void 0:n.toJSON()}},63936:(e,t,n)=>{n.d(t,{K:()=>s});var r=n(1024),a=n(50242),i=n(79014),o=n(45719),l=n(8843);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e,t,n,s,u,d){var m,f,p=(m=(0,r.useState)(0),f=2,function(e){if(Array.isArray(e))return e}(m)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(m,f)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}(m,f)||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.")}()),v=p[0],g=p[1],h=t,y=(0,o.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),s,u);return(0,l.M)({fetchNextPage:function(){if(t&&e&&y)return g((function(e){return e+1})),h(y.nextCursor)},hasMore:!!(null==y?void 0:y.nextCursor),isFetching:null==y?void 0:y.isFetching,scrollContainer:d}),(0,r.useEffect)((function(){y&&y.shouldInitialFetch&&t&&(h(),g((function(e){return e+1})))}),[null==y?void 0:y.shouldInitialFetch,t]),(0,r.useEffect)((function(){var e,t;if((null==y?void 0:y.statusCode)&&i.q.isFunction(n)){var r=+(null===(t=null===(e=y.statusCode)||void 0===e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));r!==a.k.ClientError&&r!==a.k.ServerError||n(v,y.statusCode)}}),[null==y?void 0:y.statusCode]),{items:null==y?void 0:y.items,hasMore:!!(null==y?void 0:y.nextCursor),nextCursor:null==y?void 0:y.nextCursor,isFetching:null==y?void 0:y.isFetching,totalItems:null==y?void 0:y.totalItems}}},8843:(e,t,n)=>{n.d(t,{M:()=>o});var r=n(1024),a=n(79014),i=400;function o(e){var t=function(){if(!e.isFetching){if(e.scrollContainer){var t=e.scrollContainer;if(t.getBoundingClientRect().height+t.scrollTop<t.scrollHeight-i)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-i)return;e.fetchNextPage()}};(0,r.useEffect)((function(){var n=a.q.throttle(t,200),r=e.scrollContainer||window;return e.hasMore&&r.addEventListener("scroll",n),function(){return r.removeEventListener("scroll",n)}}),[e.hasMore,e.fetchNextPage,e.scrollContainer])}},99355:(e,t,n)=>{n.r(t),n.d(t,{MyVideosView:()=>de});var r=n(1024),a=n.n(r),i=n(58566),o=n(20354),l=n(23481),c=n(81886),s=n(70624),u=n(31949),d=n(83345),m=n(4632),f=n(51365),p=n(65858),v=n(28400),g=n(74696),h=n(71020),y=n(99910);const E={alert:"hdlVY"};function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function C(e){var t,n,a=e.children,i=(t=r.useState(!localStorage.getItem(e.localStorageKey)),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}(t,n)||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.")}()),o=i[0],l=i[1];return o?r.createElement(y.Alert,{className:E.alert,variant:e.variant,onClose:function(){localStorage.setItem(e.localStorageKey,"1"),l(!1)},dismissible:!0},a):r.createElement(r.Fragment,null)}C.defaultProps={variant:"info"};var S=n(63936),w=n(94644),O=n(69883),A=n(1575),x=n(11025),I=n(22902),N=n(16714),k=n(1666),P=n(68677),V=n(57322),j=n(97291),D=n(14070),F=n(97037),L=n(67753),T=n(62756),M=n(97816),U=n(44110),H=n(81409),_=n(97117),R=n(83914),B=n(58130),q=n(78276),G=n(54610),Q=n(5960),W=n(8493),Y=n(5465),z=n(9977),K=n(79967),$=l.T.encloseNamespace("upload.uploadingItem");function Z(e){switch(e){case _.f.Uploading:return"text-success";case _.f.Processing:return"text-info";case _.f.Errored:return"text-danger"}}function J(e){switch(e){case _.f.Uploading:return"success";case _.f.Processing:return"info";case _.f.Errored:return"danger"}}function X(e){var t,n,a=e.item,i=a.status,o=a.progress,l=a.name,c=(0,K.k)(),s="sm"===z.O.getSize(c,"md"),u=r.useCallback((function(){e.onClickAlternate(e.item)}),[e.item.status]),d=r.useCallback((function(){e.onClickDelete(e.item)}),[]),m=null;return(null===(t=e.item.video)||void 0===t?void 0:t.status)===Q.X.Published&&(m={application:j.O.VIDEOS,action:D.e.Videos.PLAY_VIDEO,args:[e.item.videoId,v.m.slugify(e.item.video.name)]}),r.createElement(y.Row,{noGutters:!0,className:s?"":"py-2"},r.createElement(y.Col,Object.assign({},z.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(s?"pb-2 pr-2":"mb-1 px-2")}),r.createElement("div",{className:"position-relative overflow-hidden ".concat(s?"rounded":"rounded-lg")},r.createElement(W.F,{appLink:m},r.createElement(q.Z,{data:null!==(n=e.item.thumbnailUrl)&&void 0!==n?n:"",imageType:G.__.Thumbnails,imageOptions:{size:G.h2.Medium}},r.createElement(Y.oy,{type:Y.mS.Video}))))),r.createElement(y.Col,Object.assign({},z.O.getDetailsColumns(),{className:s?"pb-2":"px-2"}),r.createElement(W.F,{appLink:m},r.createElement("h5",{className:"m-0 pb-1"},l)),r.createElement("span",{className:Z(i)},function(e,t){var n=Math.round(t)||0;switch(e){case _.f.Uploading:return"".concat($("uploading")," ").concat(n,"%");case _.f.Processing:return 0===n?r.createElement("em",null,$("waitingToBeProcessed")):r.createElement("em",null,$("processing")," ",n,"%");case _.f.Errored:return $("error")}}(i,o)),r.createElement("div",{className:"d-flex"},r.createElement(y.ProgressBar,{className:"flex-grow-1 align-self-center",variant:J(i),now:o}),r.createElement(R.x,{className:"svg-container cursor-pointer ml-2",svgName:i===_.f.Errored?B.vn.Retry:B.vn.Edit,onClick:u}),r.createElement(R.x,{className:"svg-container cursor-pointer ml-2",svgName:B.vn.Delete,onClick:d}))))}var ee=n(26859),te=n(23232),ne=n(99742),re="default.myVideosEmptyState";function ae(){return a().createElement(d.D.Provider,{value:re},a().createElement(te.u,null,a().createElement(te.u.Image,{src:ne.W.EmptyStates.MY_VIDEOS}),a().createElement(te.u.Heading,null,a().createElement(d.x,{phrase:"heading"})),a().createElement(te.u.Info,null,a().createElement(d.x,{phrase:"info"}))))}function ie(){return a().createElement(d.D.Provider,{value:re},a().createElement(te.u,null,a().createElement(te.u.Image,{src:ne.W.EmptyStates.MY_VIDEOS_PUBLIC}),a().createElement(te.u.Heading,null,a().createElement(d.x,{phrase:"publicHeading"})),a().createElement(te.u.Info,null,a().createElement(d.x,{phrase:"publicInfo"})),a().createElement(te.u.Cta,{text:l.T.getPhrase(re,"publicCta"),appLink:{application:j.O.SIGN_UP,action:D.e.SignUp.SIGN_UP},analyticsData:{},analyticsOptions:{actionType:p.UserAction.Click,location:p.LocationContext.MyVideoLanding,entity:p.EntityType.AppLink,workflowPhase:p.WorkflowPhase.Start,descriptor:p.SignUpDescriptors.SignUp}})))}var oe=n(65986),le="default.myVideos";const ce={uploadingList:"hlq9T"};var se="default.myVideos",ue=function(e){return{application:j.O.SERIES,action:D.e.Series.SERIES,args:[e.id,v.m.slugify(e.name)]}};function de(){var e;(0,P.M)({title:l.T.getPhrase(se,"pageTitle")});var t,n=(0,O.Z)(),a=(0,i.useDispatch)(),v=(0,F.c)(p.LocationContext.VideoThumbnail),y=v.setFavourite,E=v.canFavourite,b=(0,I.T)(),R=b.hasPermissions,B=b.hasLocalPermissions,q=(0,T.G)().isPlugin,G=o.a.useBasicFetch(u.N.currentUser()),Q=o.a.useBasicFetch((null===(e=G.data)||void 0===e?void 0:e.isAuthenticated)&&k.h.yearGroups(G.data.customerId)),W=(t=(0,oe._)(oe.i.VideoItem),function(e){return x.M.getCanBeConsumed(e).canConsume?t(e):[{label:l.T.getPhrase(le,"delete"),button:!1,appLink:{application:j.O.VIDEOS,action:D.e.Videos.DELETE_VIDEO,args:[e.id]},className:"btn btn-link text-danger",analyticsOptions:{entity:p.EntityType.Video,actionType:p.UserAction.Delete,location:p.LocationContext.VideoListItem,workflowPhase:p.WorkflowPhase.Start},analyticsData:{id:e.id}}]}),Y=R(N.C.UploadVideo),z=(0,U.i)(),K=function(e){return A.R.myVideos(G.data.id,e)},$=function(e){return o.a.getFetch(a)(K(e))},Z=!B(N.E.ViewMyVideosLanding)&&G.hasCompleted,J=(0,S.K)(!!Z&&K,$,(function(e,t){if(1===e)return(0,w.r)(t);n.error(l.T.getPhrase(se,"error"))})),te=J.items,ne=J.hasMore,re=J.isFetching,de=(0,s.G)(Y&&V.K.CombineUploads),me=function(e,t,n){var r=(0,s.G)(e&&"combine:uploads:service");return(0,H.o)((function(){return e?null==r?void 0:r.getCollection():null}),(function(){G.data&&$()}),n)}(Y,0,[G.data]),fe=r.useCallback((function(e){c.Q.AppLinkHelper.trigger({application:j.O.UPLOAD,action:D.e.Upload.CANCEL_UPLOAD,args:[e.id],params:{name:e.name,status:e.status}})}),[]),pe=r.useCallback((function(e){switch(e.status){case _.f.Errored:return void de.retryItem(e);case _.f.Processing:return void c.Q.AppLinkHelper.trigger({application:j.O.VIDEOS,action:D.e.Videos.EDIT_VIDEO,args:[e.videoId]});case _.f.Uploading:de.editUpload(e)}}),[]),ve=null==me?void 0:me.reduce((function(e,t){return e[t.videoId]=!0,e}),{}),ge=null==te?void 0:te.filter((function(e){return!ve[e.id]}));return(0,M.V)(null==ge?void 0:ge.filter(x.M.isVideo),{hasCurriculumLinks:!0}),B(N.E.ViewMyVideosLanding)?r.createElement(ie,null):r.createElement(f.M.Provider,{value:W},r.createElement("div",{className:"px-3"},r.createElement("div",{className:"d-flex justify-content-between"},r.createElement("h1",{className:"h2"},r.createElement(d.x,{namespace:se,phrase:"header"})),r.createElement("div",{className:"d-sm-none"},r.createElement(ee.c,{canUpload:R(N.C.UploadVideo)}))),r.createElement("div",null,r.createElement("p",{className:"h6"},r.createElement(d.x,{namespace:se,phrase:"description"})),!q&&r.createElement(C,{localStorageKey:"uploadInfoDismissed"},r.createElement(d.x,{namespace:se,phrase:"alertMessage"}),r.createElement("br",null),r.createElement("small",null,r.createElement(d.x,{namespace:se,phrase:"alertSecondaryMessage"}))),!!(null==me?void 0:me.length)&&r.createElement("div",{className:"position-relative ".concat(ce.uploadingList)},me.map((function(e){return r.createElement(X,{item:e,onClickAlternate:pe,onClickDelete:fe,key:e.id})}))),G.data&&ge?ge.length||me.length?r.createElement(r.Fragment,null,r.createElement(m.E4,{videos:ge,yearGroups:Q.data,getVideoAppLink:L.W.getAppLink,getSeriesAppLink:ue,setFavourite:y,canFavourite:E,presentationAudiences:z.data,canRemovePrivateVideos:!0}),(ne||re)&&r.createElement(h._,{isFetching:re,fetchNext:$})):r.createElement(ae,null):r.createElement(g.S,null))))}},87821:(e,t,n)=>{n.d(t,{p:()=>a});var r=n(33192),a={userVideoHistory:function(e,t,n,a){var i="video:history",o="{gateway}/v1/users/me/watch-history";return e&&(i+=":".concat(e),o+="?cursor=".concat(e)),{key:i,url:o,formatData:function(e){return{data:e.data.map((function(e){var t=r.utc(e.lastTimeWatched).local().format(),n=r(t).format("YYYY-MM-DD");return Object.assign(Object.assign({},e),{lastTimeWatched:t,lastDateWatched:n})})),pagination:e.pagination}},success:t,error:n,always:a}},videoHistory:function(e,t,n,r,a){var i=e.sort().map((function(e){return"videoId=".concat(e)}));return{key:"video:history:videos:".concat(i.join("&")),url:"{gateway}/v1/videos/history?".concat(i.join("&")),normalizeOptions:{namespace:t},formatData:function(e){return(null==e?void 0:e.length)?e.map((function(e){return{id:e.videoId,lastProgressPoint:e.lastProgressPoint}})):e},success:n,error:r,always:a}}}},41063:(e,t,n)=>{n.d(t,{b:()=>o});var r=n(22902),a=n(37802),i=n(16714);function o(){var e=(0,r.T)().hasPermissions;return(0,a.r)(null).manageVideoAccess&&e(i.C.ManageVideoAccess)}},44110:(e,t,n)=>{n.d(t,{i:()=>l});var r=n(20354),a=n(25925),i=n(89454),o=n(86698),l=function(e){var t=(0,o.y)(a.R.Subject,null,e,!!e).presentation;return r.a.useBasicFetch(!!t&&i.O.presentationAudiences(t.id))}},97816:(e,t,n)=>{n.d(t,{V:()=>p});var r=n(1024),a=n.n(r),i=n(20354),o=n(31949),l=n(1575),c=n(21750),s=n(87821),u=n(63419);function d(e){return function(e){if(Array.isArray(e))return m(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(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 m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var f={ratings:!1,favourites:!1,watchHistory:!1,hasCurriculumLinks:!1};function p(e){var t,n,r,m=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},p=Object.assign(Object.assign({},f),m),v=p.ratings,g=p.favourites,h=p.watchHistory,y=p.hasCurriculumLinks,E=i.a.useBasicFetch(o.N.currentUser()),b=e&&(Array.isArray(e)?e.filter(Boolean).map((function(e){return e.id})):e.data.filter(Boolean).map((function(e){return e.id}))),C=E.data;t=a().useMemo((function(){if(!(null==C?void 0:C.isAuthenticated))return[];var e=[];return v&&(e=[].concat(d(e),[!!(null==b?void 0:b.length)&&l.R.videoRatings(b,m.flightNamespace)])),g&&(e=[].concat(d(e),[!!(null==b?void 0:b.length)&&C&&u.P.isFavourited(C.id,b,m.flightNamespace)])),h&&(e=[].concat(d(e),[!!(null==b?void 0:b.length)&&C&&s.p.videoHistory(b,m.flightNamespace)])),y&&(e=[].concat(d(e),[!!(null==b?void 0:b.length)&&c.x.hasCurriculumLinks(b,null,m.flightNamespace)])),e.filter(Boolean)}),[null==b?void 0:b.length]),n=!!e,r=i.a.useGetFetch(),a().useEffect((function(){n&&t.length&&t.forEach((function(e){r(e)}))}),[t.length])}}}]);

package/dist/scripts/823-497e142884-lite.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[823],{30823:(e,t,n)=>{n.r(t),n.d(t,{LoginLandingView:()=>I});var a=n(1024),r=n.n(a),l=n(99910),i=n(81886),c=n(20354),o=n(23481),s=n(4594),u=n(8493),m=n(2786),d=n(1575),f=n(11025),p=n(96022),g=n(20768),b=n(43012),v=n(65858),h=n(7179),E=n(83421),k=n(14070),y=n(97291);const L={logo:"Je2Pi",formContainer:"MfLVl"};var C=o.T.encloseNamespace("classrooms.loginLanding");function I(e){var t,n,a,o,I,N,P=(0,h.P)({id:e.objectId,app:(0,h.e)(e.objectType)},v.LocationContext.Launchpad),U=P.deepLink,j=P.showDeepLink,w=P.onClickDeepLink,A=(I=e.objectId,N=e.objectType,c.a.useBasicFetch(function(){switch(N){case s.E.Video:return d.R.publicVideo(I);case s.E.Interactive:return g.b.publicInteractiveMetadata(I);case s.E.Clip:return b.e.publicClip(I);default:return null}}())),S=i.Q.LocationUtils.GetQuery(),x={};e.customerId&&(x.customerId=e.customerId,delete S.customerId),e.skipPrompt&&delete S.skipPrompt;var O=i.Q.LocationUtils.SerializeQueryParams(S);x.redirectUrl=i.Q.LocationUtils.GetCurrentPath()+(O?"?"+O:"");var T={application:y.O.DEFAULT,action:k.e.Default.LOG_IN,params:x},_={application:y.O.LAUNCHPAD,action:k.e.Launchpad.JOIN_CLASSROOM_PROMPT};return r().useEffect((function(){e.skipPrompt&&i.Q.LocationUtils.PageLoad(i.Q.AppLinkHelper.getHref(T))}),[]),e.skipPrompt||A.isFetching?r().createElement(r().Fragment,null):r().createElement(E.Z,{title:null===(t=A.data)||void 0===t?void 0:t.name,imageUrl:null===(n=f.M.getThumbnail(A.data))||void 0===n?void 0:n.url,objectType:e.objectType,links:[{text:C("openInApp"),url:U,hide:!j,onClick:w}]},r().createElement("div",{className:"".concat(L.formContainer," m-auto")},r().createElement("div",{className:"".concat(L.logo," mb-4 mx-auto")},r().createElement(m.$S,null)),!!(null===(a=A.data)||void 0===a?void 0:a.name)&&r().createElement("h1",{className:"h3"},f.M.isVideo(A.data)&&r().createElement(p.M,{video:A.data,analyticsOptions:{},size:"sm"}),A.data.name),(null===(o=A.data)||void 0===o?void 0:o.description)&&r().createElement("p",{className:"mb-0 clamp-3"},A.data.description),r().createElement(l.Button,{className:"w-100 mt-4",variant:"dark",size:"lg",onClick:function(){return i.Q.AppLinkHelper.trigger(T)}},C("signIn")),e.showJoinCode&&r().createElement(u.F,{className:"btn btn-link info-link btn-lg w-100 mt-2",appLink:_},C("enterCode"))))}},83421:(e,t,n)=>{n.d(t,{Z:()=>p});var a=n(1024),r=n.n(a),l=n(4594),i=n(67453),c=n(54610),o=n(99742);const s={left:"vIypY",leftTextImage:"YViNj",right:"MkD4u",blur:"X6mCh",imageContainer:"bc7kz",imagePosition:"JOhEj",image:"Ef2QR",thumbnail:"Gdurb",tallposter:"fjVNK",cover:"o3j31",linksContainer:"AT9Dk"};function u(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,l,i,c=[],o=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=l.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(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 m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var d=[{bgUrl:o.W.LaunchPad.BG_1},{bgUrl:o.W.LaunchPad.BG_2},{bgUrl:o.W.LaunchPad.BG_3},{bgUrl:o.W.LaunchPad.BG_4},{bgUrl:o.W.LaunchPad.BG_5}];function f(e){switch(e){case l.E.Video:case l.E.Interactive:case l.E.Clip:return s.thumbnail;case l.E.Subject:case l.E.Playlist:return s.cover;case l.E.Series:return s.tallposter;default:return""}}function p(e){var t,n=u(r().useState(!1),2),a=n[0],l=n[1],o=u(r().useState(""),2),m=o[0],p=o[1],g=u(r().useState(""),2),b=g[0],v=g[1],h=i.j.createUrl(e.imageUrl,{size:c.h2.Large}),E=d;return r().useEffect((function(){if(!h&&E&&0!==E.length){var e,t=(e=E)[Math.floor(Math.random()*e.length)];t.bgUrl&&p(t.bgUrl),t.textUrl&&v(t.textUrl)}}),[]),r().useEffect((function(){if(h){var e=new Image;return e.onload=function(){return l(!0)},e.src=h,function(){return e.onload=null}}}),[]),r().createElement("div",{className:"d-flex"},e.leftComponent?e.leftComponent():r().createElement("div",{className:"".concat(s.left," bg-light"),style:{backgroundImage:"url('".concat(m,"')")}},b&&r().createElement("div",{className:s.leftTextImage,style:{backgroundImage:"url('".concat(b,"')")}}),a&&r().createElement(r().Fragment,null,r().createElement("div",{className:s.blur,style:{backgroundImage:"url('".concat(h,"')")}}),r().createElement("div",{className:"".concat(s.imageContainer," ").concat(f(e.objectType))},r().createElement("div",{className:s.imagePosition},r().createElement("img",{className:s.image,src:h,alt:e.title}))))),r().createElement("div",{className:"".concat(s.right," bg-white d-flex flex-column")},r().createElement("div",{className:"position-absolute d-flex align-items-center ".concat(s.linksContainer)},null===(t=e.links)||void 0===t?void 0:t.map((function(e,t){return e.hide?r().createElement(r().Fragment,{key:t}):r().createElement("a",{key:t,href:e.url,className:"info-link font-weight-500",onClick:e.onClick},e.text)}))),e.children))}}}]);