@clickview/lite 0.0.26-rc.0 → 0.0.26-rc.2

package/dist/scripts/15-70edbac523.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[15],{1131:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},1132:function(e,t,a){"use strict";var n=a(0),i=a(188),l=a(317),s=a(46),r=a(48),o=a(66),c=a(59),d=a(17),m=a(1131),u=a.n(m);function p(e){let t="dropdown-item";return e&&(t+=" "+e),t}function g(e){if(e.action.appLink)return n.createElement(c.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:p(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return n.createElement("span",{className:"cursor-pointer "+p(e.action.className),onClick:function(t){e.action.analyticsData&&e.action.analyticsOptions&&r.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),s.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function f(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);let t="dropdown";e.className&&(t+=" "+e.className);const a="actions-dropdown-"+l.a.getRandomInt();let i="dropdown-toggle px-0 "+u.a.dropdownToggle;return e.dropdownToggleClassName&&(i+=" "+e.dropdownToggleClassName),n.createElement("div",{className:t},n.createElement("button",{className:i,type:"button",id:a,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},n.createElement(o.a,{svgName:d.b.More,size:o.b.Small})),n.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":a},e.actions.map((e,t)=>n.createElement(g,{key:t,action:e}))))}f.defaultProps={dropdownToggleClassName:"btn btn-light"};var b=a(319);function v(e){const t=[],a=[];e.actions.forEach(e=>{e.button?t.push(e):a.push(e)});let l="d-flex";return e.className&&(l+=" "+e.className),n.createElement("div",{className:l},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:u.a.buttonList},t.map((e,t)=>n.createElement(n.Fragment,{key:t},e.label?n.createElement(b.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},e.label):n.createElement(i.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions})))),e.sortComponent?e.sortComponent:"",!!a.length&&n.createElement(f,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return v}))},1170:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0);function i(e,t,a=[]){let i;const l=()=>{e(),window.clearTimeout(i),i=window.setTimeout(t,100)};n.useEffect(()=>(window.addEventListener("resize",t?l:e),()=>window.removeEventListener("resize",t?l:e)),[...a])}},1173:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));const n=5,i=50,l=100,s={getPartialLoadingItems(e={}){const{numItems:t=n,minWidth:a=i,maxWidth:s=l}=e;return[...Array(t)].map(()=>({width:Math.max(Math.floor(Math.random()*s),a)+"px"}))}}},1176:function(e,t,a){"use strict";var n=a(0),i=a(46),l=a(72),s=a(143),r=a(1173),o=a(59);const c=({breadcrumb:{label:e,appLink:t,active:a}})=>n.createElement("li",{className:"breadcrumb-item"+(a?" active":"")},a?n.createElement("strong",null,e):n.createElement(o.a,{appLink:t},e)),d=({breadcrumbs:e})=>n.createElement("ol",{className:"breadcrumb m-0 p-0"},e.map((e,t)=>n.createElement(c,{key:t,breadcrumb:e})));var m;function u(e,t,a){return{label:e.name,appLink:t(e),active:a}}function p(e){const{type:t}=e,a=function(e,t){let{currentItem:a}=e;const{getItemAppLink:r,getParent:o,rootItem:c,data:d,subview:m}=e,[p,g]=Object(n.useState)([]),f=null==d?void 0:d.map(e=>null==e?void 0:e.name).join("-");n.useEffect(()=>{if(t||l.a.isEmpty(d))return;const e=d.map((e,t)=>u(e,r,t+1===d.length));c&&e.unshift(c),g(e)},[f,r]),n.useEffect(()=>{if(!t||!i.a.isFunction(o))return;const e=[u(a,r,!0)];for(a=o(a);a;)e.unshift(u(a,r)),a=o(a);return c&&e.unshift(c),g(e)},[a,o,r,c]);const{current:b}=n.useRef({label:m,appLink:null,active:!0});if(m){p.includes(b)||g([...p,b]);const e=p.filter(e=>e.active&&e!==b);e.length&&(s.a.first(e).active=!1)}return p}(e,t===m.Dynamic);return n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement(d,{breadcrumbs:a}))}a.d(t,"a",(function(){return m})),a.d(t,"b",(function(){return p})),a.d(t,"c",(function(){return g})),function(e){e[e.Static=0]="Static",e[e.Dynamic=1]="Dynamic"}(m||(m={}));const g=({numItems:e=3})=>n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},r.a.getPartialLoadingItems({numItems:e}).map(({width:e},t)=>n.createElement("li",{key:t,className:"breadcrumb-item"},n.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:e},dangerouslySetInnerHTML:{__html:"&nbsp"}})))))},1177:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(143),i=a(72);const l=/([0-9]+)/gi,s=/(^\w+)/gi,r=/\s|\+/gi;const o={getSortedPresentationAudiences(e,t){const a=e.map(e=>e.id.toString());return t.filter(e=>a.includes(e.masterId.toString()))},getMergedPresentationAudienceString(e){if(1===e.length)return e[0];const t=e.map(e=>e.name).join(","),a=t.match(l),n=t.match(s);if(!a||!n)return e[0];const i=function(e){let t,a,n=!1;const i=[];let l,s;for(e=e.sort((e,t)=>e-t),l=0;l<e.length;l++)s=l+1,n||(t=e[l]),a=e[s],e[l]+1===a?n=!0:n?(i.push(`${t} - ${e[l]}`),n=!1):(i.push(""+e[l]),n=!1);return i}(a.map(e=>+e)||[]);return{name:`${n[0]} ${i.join(" , ")}`}},sortMembersWithDuplicateNamesByAudience(e){const t=e=>{if(!e.length)return null;let t,a;return e.forEach(e=>{const i=+n.a.first(e.name.match(l));if(!t)return t=e,void(a=i);i<a&&(t=e)}),t},a={};let i=[];return e.forEach(e=>{if(!a[e.name])return a[e.name]=1,void i.push(e);i.push(e),a[e.name]++;const n=i.splice(i.length-a[e.name]).sort((e,a)=>{const n=t(e.subjectPresentationAudiences.data),i=t(a.subjectPresentationAudiences.data);if(!n&&i)return 1;if(!i)return-1;const l=n.name.localeCompare(i.name);return 0===l?l:l>0?-1:1});i=i.concat(n)}),i},getActiveAudiencesFromParams(e,t={}){if(!i.a.isObject(t)||i.a.isEmpty(t))return;if(!e||!e.length)return;let{a:a}=t;if(!a)return;"string"==typeof a&&(a=[a]);const n=e=>e.replace(r,"").toLowerCase(),l=a.reduce((e,t)=>(e[n(t)]=t,e),{});return e.filter(e=>l[n(e.name)]).reduce((e,t)=>(e[t.masterId]=t,e),{})},getAudienceParams(e){if(!e||!i.a.isObject(e)||i.a.isEmpty(e))return null;const t=Object.keys(e);return t.length?{a:t.map(t=>e[t].name)}:null}}},1195:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0);a(1242);function i(e){return e.audience?n.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 mt-1 "+("border-"+e.border)},e.audience.name):n.createElement(n.Fragment,null)}},1196:function(e,t,a){e.exports={playlistItem:"_6o0Z2",playlistItemGradient:"_2JLPt",playlistMetadata:"_3MCKL",playlistName:"_1Ukz7",partialHeading:"_13tO6",ownerAvatarContainer:"CwjTl"}},1206:function(e,t,a){"use strict";function n(e,t){return t[e.name.charCodeAt(0)%t.length]}a.d(t,"a",(function(){return n}))},1210:function(e,t,a){"use strict";var n=a(0),i=a(127),l=a(9),s=a(214),r=a(1177),o=a(163),c=a(94),d=a(59),m=a(1179),u=a(1164),p=a(1195),g=a(324),f=a(325),b=a(269),v=a(1243);function E(){return n.createElement("div",{className:v.avatar},n.createElement(b.b,null))}function h(e){var t,a,i;const{owner:l}=e.playlist;if(!!(null===(t=e.playlist.cover)||void 0===t?void 0:t.url))return n.createElement(E,null);if(!(null==l?void 0:l.id)||!(null===(a=e.currentUser)||void 0===a?void 0:a.id))return n.createElement(n.Fragment,null);if(l.id.toString()===e.currentUser.id.toString())return n.createElement(n.Fragment,null);const s="string"==typeof l.avatar?l.avatar:null===(i=l.avatar)||void 0===i?void 0:i.url;return n.createElement(g.a,{imageUrl:s,imageCdnUrl:e.imageCdnUrl,initials:f.a.getInitials(l.name,l.surname)})}var y=a(1206),k=a(3),N=a(1196),w=a.n(N);a.d(t,"a",(function(){return C}));const L=l.a.encloseNamespace("playlists.playlistItem");function C(e){var t,a;const l=s.a.createUrl(e.data.cover&&e.data.cover.url,{size:o.a.Medium,resizeType:o.c.Cover}),g=e.data.subjectPresentationAudiences&&e.data.subjectPresentationAudiences.data,f=g&&e.presentationAudiences&&r.a.getSortedPresentationAudiences(g,e.presentationAudiences),b=f&&r.a.getMergedPresentationAudienceString(f),v=!!e.showCount&&!!e.data.videos&&e.data.videos.count,E=!!e.showLastUpdated&&e.data.contentModifiedDate&&i.utc(e.data.contentModifiedDate);let N=w.a.playlistItem;const C=!!l||!!e.showFallbackImage;C&&(N+=" "+w.a.playlistItemGradient),!C&&e.bgColourClassNames&&(N+=` ${w.a.playlistItem} ${Object(y.a)(e.data,e.bgColourClassNames)}`);const O=Object.assign(Object.assign({},e.analyticsData),{id:null===(t=e.data)||void 0===t?void 0:t.id,name:null===(a=e.data)||void 0===a?void 0:a.name}),x=Object.assign(Object.assign({},e.analyticsOptions),{entity:k.EntityType.Playlist});return n.createElement(c.a.Provider,{value:"playlists.playlistItem"},n.createElement(d.a,{appLink:e.appLink,analyticsData:O,analyticsOptions:x},n.createElement(m.b,{data:l,className:N},!!e.showFallbackImage&&n.createElement(u.a,{type:u.b.Playlist}),n.createElement("div",{className:"text-white "+w.a.playlistMetadata},Number.isInteger(v)&&n.createElement(c.b,{phrase:"videos",options:{smartCount:v}}),n.createElement("h5",{className:w.a.playlistName+" text-shadow mb-0"},e.data.name),!!g&&!!g.length&&!!b&&n.createElement(p.a,{audience:b,border:"white"}),(()=>{if(!E)return n.createElement(n.Fragment,null);const e=E.isBefore(i.utc().subtract(1,"month"))?L("notUpdatedRecently"):L("lastUpdated",{timeAgo:E.fromNow()});return n.createElement("p",{className:"mb-0"},e)})()),!!e.showOwner&&!!e.imageCdnUrl&&n.createElement("div",{className:w.a.ownerAvatarContainer},n.createElement(h,{playlist:e.data,currentUser:e.currentUser,imageCdnUrl:e.imageCdnUrl})))))}},1223:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0),i=a(40),l=a(1196),s=a.n(l);function r(e){const t=[...Array(e.numItems)],a=e.itemClassName||"";return n.createElement(n.Fragment,null,e.showHeading&&n.createElement("div",{className:s.a.partialHeading+" partial-loading-background"}),n.createElement(i.Row,null,t.map((e,t)=>n.createElement(i.Col,{key:t,xs:6,sm:4,lg:3,className:a},n.createElement("div",{className:"py-2"},n.createElement("div",{className:s.a.playlistItem+" partial-loading-background"}))))))}r.defaultProps={numItems:8}},1224:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0),i=a(1249),l=a.n(i),s=a(46);function r(e){const{audience:t,highlight:a,setAudience:i,isDisabled:r,extraClasses:o}=e,c=function(e,t){return e?t?l.a.disabledHighlighted+" text-light":"badge-info text-light":t?l.a.disabled+" text-muted":"badge-light"}(a,r),d=`badge-pill d-inline-block mr-1 ${r?"cursor-default":"cursor-pointer"} ${c} ${o}`;return n.createElement("span",{className:d,onClick:()=>{!r&&s.a.isFunction(i)&&i(t,!a)},role:"checkbox","aria-checked":a},t.name.split(" ").map(e=>e.charAt(0).toUpperCase()+e.substring(1)).join(" "))}r.defaultProps={extraClasses:""}},1226:function(e,t,a){"use strict";var n=a(0),i=a(9),l=a(66),s=a(59),r=a(17);function o({backToName:e,appLink:t,color:a,extraClasses:o}){const c=e?i.a.getPhrase("shared.backButton","backTo",{backToName:e}):i.a.getPhrase("shared.backButton","back"),d="black"===a?"":"text-light";return n.createElement(s.a,{appLink:t,className:`d-inline-flex align-items-center h5 mb-0 ${o} ${d}`},n.createElement(l.a,{svgName:r.b.ChevronLeft,size:l.b.Medium}),n.createElement("span",{className:"ml-1"},c))}o.defaultProps={color:"black",extraClasses:""};var c=a(214),d=a(163),m=a(1132),u=a(1238),p=a.n(u);a.d(t,"a",(function(){return g})),a.d(t,"b",(function(){return f}));const g=n.memo((function(e){const{heading:t,banner:a,imageCdnUrl:i,actions:l,sortComponent:s,blockColourClass:r}=e,u={className:"banner banner-header",style:{backgroundImage:`url('${c.a.createBannerUrl(a,{fallbackBaseUrl:i,fallbackCategoryName:t,type:d.b.Banners},{size:d.a.Large,resizeType:d.c.Cover})}')`}};return!a&&r&&(delete u.style,u.className+=" "+r),n.createElement("div",Object.assign({},u),e.backButtonAppLink&&n.createElement("div",{className:"pt-3"},n.createElement(o,{appLink:e.backButtonAppLink,backToName:e.backButtonText,extraClasses:e.backButtonClasses,color:"white"})),n.createElement("h1",{className:p.a.text+" text-white text-shadow position-absolute mb-3 clamp-2"},t),!!l&&n.createElement("div",{className:p.a.actionsContainer},n.createElement(m.a,{actions:l,sortComponent:s,actionsDropdownClassName:e.actionsDropdownClassName})))}),(e,t)=>e.actions===t.actions),f=()=>n.createElement("div",{className:"partial-banner partial-loading-background"})},1235:function(e,t,a){"use strict";var n=a(1193);a.d(t,"a",(function(){return n.a}));a(1203);var i=a(1202);a.d(t,"b",(function(){return i.a}))},1236:function(e,t,a){e.exports={tagList:"yvetE",disabled:"_3ZfKv"}},1238:function(e,t,a){e.exports={actionsContainer:"_286KF",text:"_3TSgh"}},1241:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));const n=()=>"/api/domain/v1/subjects/audiences?type=subject",i={presentationAudiences:()=>({bootstrapName:"presentationAudiences",url:n(),key:"presentation:audiences",normalize:!1})}},1242:function(e,t,a){e.exports={audienceLabelListItem:"_2YGVO"}},1243:function(e,t,a){e.exports={avatar:"_1IfFN"}},1247:function(e,t,a){e.exports={widgetItem:"_1oyw1",imagePanel:"_1UOVG",image:"_1_BF4",large:"_1EtWs",comingSoonPanel:"_3js2e",name:"_3csgE",clamped:"_1y2oG",editSubjectsItem:"_1yBMf",allSubjectsItem:"_2oBMH",logoContainer:"T3Lym"}},1248:function(e,t,a){e.exports={partialLoadingHeading:"_1RLPq",partialLoading:"oArG4",labelContainer:"QLCgm",hoverActive:"_3Aleb",mask:"_2M2Zz",width:"TQg2K"}},1249:function(e,t,a){e.exports={disabled:"_1KxF9",disabledHighlighted:"pbuec"}},1268:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),i=a(40),l=a(3),s=a(1210);const r={actionType:l.UserAction.Click,entity:l.EntityType.Playlist,location:l.LocationContext.PlaylistListItem,descriptor:l.ClickDescriptor.Cover};function o(e){return n.createElement(i.Row,null,e.playlists.map(t=>n.createElement(i.Col,{key:t.id,xs:6,sm:4,lg:3,className:"mb-3 "+(e.itemContainerClassName?e.itemContainerClassName:"")},n.createElement(s.a,{data:t,appLink:e.getPlaylistAppLink(t),imageCdnUrl:e.imageCdnUrl,currentUser:e.currentUser,presentationAudiences:e.presentationAudiences,bgColourClassNames:e.bgColourClassNames,showCount:e.showCount,showOwner:e.showOwner,showFallbackImage:e.showFallbackImage,showLastUpdated:e.showLastUpdated,analyticsData:e.analyticsData,analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),r)}))))}},1270:function(e,t,a){"use strict";a.d(t,"a",(function(){return f}));var n=a(0),i=a(44),l=a(214),s=a(163),r=a(59),o=a(1164),c=a(94),d=a(3),m=a(1247),u=a.n(m);const p=({name:e,multiline:t})=>{let a=u.a.comingSoonPanel+" \n    d-flex flex-column align-items-center justify-content-center px-3 text-center",i=u.a.name+" h6 mb-0 pb-1";return t?i+=` ${u.a.clamped} clamp-2`:(a+=" text-nowrap",i+=" text-truncate"),n.createElement("div",{className:a},n.createElement("small",{className:"text-muted"},n.createElement(c.b,{namespace:"shared.subjectWidgetItem",phrase:"comingSoon"})),n.createElement("p",{className:i},e))},g=({name:e,multiline:t})=>{let a="px-3 text-center d-flex align-items-center",i=u.a.name+" h6 mb-0 pb-1";return t?i+=` ${u.a.clamped} clamp-2 text-left`:(a+=" text-nowrap text-truncate",i+=" text-truncate"),n.createElement("div",{className:a},n.createElement("p",{className:i},e))};const f=n.memo((function(e){var t,a,c,m,f;const b=Object.assign(Object.assign({},e.appLink),{args:[e.data.id,i.a.slugify(e.data.name)]}),v=l.a.createUrl(null===(t=e.data.cover)||void 0===t?void 0:t.url,{size:s.a.Small}),E=Object.assign(Object.assign({},e.analyticsData),{id:null===(a=e.data)||void 0===a?void 0:a.id,name:null===(c=e.data)||void 0===c?void 0:c.name,presentationId:null===(m=e.data)||void 0===m?void 0:m.presentationId,comingSoon:!!(null===(f=e.data)||void 0===f?void 0:f.comingSoon)}),h=Object.assign(Object.assign({},e.analyticsOptions),{actionType:d.UserAction.Click,entity:d.EntityType.Classification,descriptor:d.ClickDescriptor.Cover});return n.createElement(r.a,{appLink:b,analyticsData:E,analyticsOptions:h},n.createElement("div",{className:"border d-flex position-relative "+u.a.widgetItem,id:e.data.id},n.createElement("div",{className:`${u.a.imagePanel} ${e.isLarge?u.a.large:""}`},n.createElement("div",{className:u.a.image,style:{backgroundImage:`url('${v}')`}}),n.createElement(o.a,{type:o.b.Subject,extraClasses:e.isLarge?u.a.large:""})),e.data.comingSoon?n.createElement(p,{name:e.data.name,multiline:e.isLarge}):n.createElement(g,{name:e.data.name,multiline:e.isLarge})))}))},1272:function(e,t,a){"use strict";a.d(t,"a",(function(){return b}));var n=a(0),i=a(44),l=a(1234),s=a(1177),r=a(59),o=a(1179),c=a(1164),d=a(1195),m=a(1163),u=a(163),p=a(3),g=a(1248),f=a.n(g);function b(e){const{data:t,appLink:a,preloadImage:g}=e,b=Object.assign(Object.assign({},a),{args:[t.id,i.a.slugify(t.name)]}),v=t&&t.subjectPresentationAudiences&&t.subjectPresentationAudiences.data||[],E=s.a.getSortedPresentationAudiences(v,e.audiences),h=s.a.getMergedPresentationAudienceString(E),[y,k]=Object(l.b)({className:f.a.hoverActive}),N=Object.assign(Object.assign({},e.analyticsData),{id:null==t?void 0:t.id,name:null==t?void 0:t.name}),w=Object.assign(Object.assign({},e.analyticsOptions),{actionType:p.UserAction.Click,entity:p.EntityType.Series,descriptor:p.ClickDescriptor.TallPoster});return n.createElement(r.a,{key:t.id,appLink:b,className:"position-relative p-1 flex-shrink-0 "+f.a.width,analyticsData:N,analyticsOptions:w},n.createElement("div",{ref:y},k&&n.createElement("div",{className:"p-3 text-white text-center "+f.a.mask},n.createElement("h3",{className:"h4"},t.name),n.createElement("p",null,t.description)),n.createElement(o.b,{data:t.tallPoster,aspectRatio:o.a.NineBySixteen,preload:g,imageOptions:{size:u.a.Large}},n.createElement(c.a,{type:c.b.Series}),n.createElement("div",{className:"position-absolute text-white "+f.a.labelContainer},v&&v.length?n.createElement(d.a,{audience:h,border:"white"}):n.createElement(m.a,{type:m.b.Rating,data:t.rating})))))}},1273:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0),i=a(1248),l=a.n(i);const s=[...Array(4)],r=()=>n.createElement("div",{className:"pb-3"},n.createElement("div",{className:"partial-loading-background "+l.a.partialLoadingHeading,dangerouslySetInnerHTML:{__html:"&nbsp"}}),n.createElement("div",{className:"row"},s.map((e,t)=>n.createElement("div",{key:t,className:"col-6 col-sm-4 col-lg-3 "},n.createElement("div",{className:"py-2"},n.createElement("div",{className:l.a.partialLoading+" partial-loading-background"}))))))},1278:function(e,t,a){"use strict";var n=a(0),i=a(72),l=a(46),s=a(9),r=a(143),o=a(1170),c=a(1219),d=a(1264),m=a(1233),u=a(317),p=a(1164),g=a(1247),f=a.n(g);const b=()=>{const[e]=n.useState(u.a.getRandomInt(5)+3+"rem");return n.createElement("div",{className:"border d-flex position-relative mr-2 "+f.a.widgetItem},n.createElement("div",{className:f.a.imagePanel}),n.createElement("div",{className:"px-2",style:{width:e}}," "),n.createElement(p.a,{type:p.b.Subject}))};var v=a(1341),E=a(1188),h=a(94),y=a(1173),k=a(1306),N=a(59),w=a(66),L=a(17),C=a(48);const O=(e,t,a,n,i)=>l=>{A(l.clientX,e,t,a,n,i)},x=(e,t,a,n,i)=>l=>{A(l.touches.item(0).clientX,e,t,a,n,i)};function A(e,t,a,n,i,l){let s=i;s||(s=Object.assign(Object.assign({},a),{initialMouseX:e}),l(s),t.current.style.transition=""),n({type:E.a.Drag,payload:{widgetSnapshot:s,currentMouseX:e}})}const j=(e,t)=>()=>{e.current.style.transition="transform .4s ease-in-out",t(null)},S=j,P={offset:0,containerLeftPosition:null,containerRightPosition:null,firstElementPosition:null,lastElementPosition:null,hideLeftButton:!0,hideRightButton:!0,maxSlideDistance:500,leftOffsetLimit:null};function I(e,t){switch(t.type){case E.a.Init:case E.a.Resize:return Object.assign(Object.assign({},e),(e=>{const{container:t={},lastElement:a={}}=e;if(!t.current||!a.current)return P;const n=e.container.current.getBoundingClientRect().left,i=e.container.current.getBoundingClientRect().right,l=n,s=e.lastElement.current.getBoundingClientRect().right,r=i-s;return Object.assign(Object.assign({},P),{containerLeftPosition:n,containerRightPosition:i,firstElementPosition:l,lastElementPosition:s,hideRightButton:s<i,leftOffsetLimit:r})})(t.payload));case E.a.Next:return Object.assign(Object.assign({},e),(e=>{const{firstElementPosition:t,lastElementPosition:a,maxSlideDistance:n,offset:i,containerRightPosition:l}=e,s=a-l>=n?n:a-l;return{firstElementPosition:t-s,lastElementPosition:a-s,offset:i-s,hideRightButton:a-s===l,hideLeftButton:!1}})(e));case E.a.Previous:return Object.assign(Object.assign({},e),(e=>{const{containerLeftPosition:t,firstElementPosition:a,lastElementPosition:n,maxSlideDistance:i,offset:l}=e,s=a+i<=t,r=s?i:Math.abs(l);return{firstElementPosition:a+r,lastElementPosition:n+r,offset:l+r,hideLeftButton:!s||a+r===t,hideRightButton:!1}})(e));case E.a.Drag:return Object.assign(Object.assign({},e),((e,t)=>{const{widgetSnapshot:a,currentMouseX:n}=t;if(a.hideLeftButton&&a.hideRightButton)return{};const i=a.initialMouseX-n;let l=a.offset-i,s=a.firstElementPosition-i,r=a.lastElementPosition-i,o=!1,c=!1;return s>e.containerLeftPosition&&(l=0,s=e.containerLeftPosition,r=e.lastElementPosition,o=!0),r<=e.containerRightPosition&&(l=e.leftOffsetLimit,s=e.containerLeftPosition-Math.abs(e.leftOffsetLimit),r=a.containerRightPosition,c=!0),{offset:l,firstElementPosition:s,lastElementPosition:r,hideLeftButton:o,hideRightButton:c}})(e,t.payload));default:return e}}var D=a(1326),F=a.n(D);a.d(t,"a",(function(){return T})),a.d(t,"b",(function(){return U}));function T(e){const{childComponent:t,staticChildren:a}=e,[u,p]=n.useReducer(I,P),[g,f]=n.useState(null),b={container:n.useRef(null),firstElement:n.useRef(null),lastElement:n.useRef(null)};var y;Object(o.a)(((e,t)=>()=>{e.container.current&&(e.container.current.style.transition=""),t({type:E.a.Resize,payload:e})})(b,p),(y=b.container,()=>{y.current&&(y.current.style.transition="transform .4s ease-in-out")}));const{ref:A,inView:D}=Object(c.a)(!e.lazyLoad);let T=e.collection;!e.collection&&l.a.isFunction(e.fetch)&&(T=e.fetch(D)),n.useEffect(()=>{T&&!i.a.isEmpty(T)&&p({type:E.a.Init,payload:b})},[T]);const B=n.useMemo((function(){if(!T)return;let i,l;if(null==a?void 0:a.length){const e=r.a.findWhere(a,{position:"start"}),t=r.a.findWhere(a,{position:"end"});i=e?e.component:null,l=t?t.component:null}const s=T.map((a,s)=>{let o;return a!==r.a.first(T)||i||(o=b.firstElement),a!==r.a.last(T)||l||(o=b.lastElement),n.createElement("div",{key:a.id,ref:o,className:F.a.itemSpacing},n.createElement(t,{data:a,appLink:e.childAppLink,analyticsData:Object.assign({itemIndex:s},null==e?void 0:e.analyticsData),analyticsOptions:Object.assign(Object.assign({},null==e?void 0:e.analyticsOptions),k.a.getSliderItemAnalyticsOptions())}))});return i&&s.unshift(n.createElement("div",{key:"first-widget-component",ref:b.firstElement,className:F.a.itemSpacing},n.createElement(i,null))),l&&s.push(n.createElement("div",{key:"end-widget-component",ref:b.lastElement,className:F.a.itemSpacing},n.createElement(l,null))),n.createElement(n.Fragment,null,s)}),[T]);if(T&&!T.length)return n.createElement(n.Fragment,null);if(!T||i.a.isEmpty(T))return n.createElement("div",{ref:A},n.createElement(U,null));const R=t=>Object.assign(Object.assign({},e.analyticsData),{name:s.a.getPhrase("shared.dynamicWidget",e.headingPhraseKey),direction:t===E.a.Next?"right":"left"});return n.createElement(n.Fragment,null,(()=>{if(!e.headingPhraseKey)return n.createElement(n.Fragment,null);const t="topics"===e.headingPhraseKey;return n.createElement(N.a,{appLink:e.headingAppLink},n.createElement("h2",{className:`${F.a.heading} ${e.headingAppLink?F.a.link:""} h4 d-inline-block mr-2 pl-1 mb-2`},n.createElement(h.b,{namespace:"shared.dynamicWidget",phrase:e.headingPhraseKey}),t&&n.createElement(w.a,{svgName:L.b.ChevronRight,size:w.b.Small})))})(),n.createElement("div",{className:"position-relative px-1"},n.createElement(m.a,{direction:m.b.Left,onClick:()=>{p({type:E.a.Previous}),C.a.logUserAction(R(E.a.Previous),k.a.getSliderAnalyticsOptions())},hide:u.hideLeftButton,useGradientBackdrop:!0}),n.createElement("div",{className:"overflow-hidden"},n.createElement(v.a,{position:u.offset,positionType:d.a.Pixels,onDrag:O(b.container,u,p,g,f),onDragEnd:j(b.container,f),onTouchMove:x(b.container,u,p,g,f),onTouchEnd:S(b.container,f),ref:b.container},B)),n.createElement(m.a,{direction:m.b.Right,onClick:()=>{p({type:E.a.Next}),C.a.logUserAction(R(E.a.Next),k.a.getSliderAnalyticsOptions())},hide:u.hideRightButton,useGradientBackdrop:!0})))}const B=y.a.getPartialLoadingItems(),U=()=>n.createElement("div",{className:"pb-3 d-flex flex-nowrap"},B.map((e,t)=>n.createElement(b,{key:t})))},1279:function(e,t,a){"use strict";var n=a(0),i=a.n(n),l=a(46),s=a(59),r=a(1236),o=a.n(r);function c({tag:e,appLink:t,disabled:a}){let n="badge-pill tag py-1 px-2 my-1 mr-1";return t&&!a&&(n+=" cursor-pointer"),a&&(n+=" "+o.a.disabled),t?i.a.createElement(s.a,{appLink:t,className:n},e.name):i.a.createElement("span",{className:n},e.name)}function d({tags:e,getAppLink:t}){return e&&e.data?i.a.createElement("div",{className:o.a.tagList},e.data.map(e=>{const a=l.a.isFunction(t)?t(e):null;return i.a.createElement(c,{key:e.id,tag:e,appLink:a})})):i.a.createElement(i.a.Fragment,null)}a.d(t,"a",(function(){return d}))},1307:function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var n=a(0),i=a(44),l=a(215),s=a(1152),r=a(1160),o=a(1234),c=a(1308),d=a.n(c);const m=n.memo((function(e){const{data:t,appLink:a,seriesAppLink:c,context:m,thumbnailSize:u,preloadImage:p}=e,[g,f]=Object(o.b)({className:d.a.hovering,style:{transform:`scale(${(null==m?void 0:m.type)===l.WidgetType.LargeRow?1.1:1.15})`}});n.useEffect(()=>{e.onHover(f)},[f]);const b=Object.assign(Object.assign({},a),{args:[t.id,i.a.slugify(t.name)]});let v=d.a.rowWidth;return m.type!==l.WidgetType.LargeRow&&3!==m.collectionSize||(v=d.a.largeRowWidth),n.createElement("div",{ref:g,className:`p-1 flex-shrink-0 position-relative ${v} ${d.a.transition}`},n.createElement(r.a,{video:t,type:"expandable",appLink:b,seriesAppLink:c,textPosition:s.a.Overlay,imageOptions:{size:u},preload:p,hovering:f,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,hideFavouriteButton:e.hideFavouriteButton,setFavourite:e.setFavourite}))}),(e,t)=>{var a,n,i,l,s,r;return e.preloadImage===t.preloadImage&&(null===(a=e.data)||void 0===a?void 0:a.name)===(null===(n=t.data)||void 0===n?void 0:n.name)&&(null===(l=null===(i=e.data)||void 0===i?void 0:i.series)||void 0===l?void 0:l.id)===(null===(r=null===(s=t.data)||void 0===s?void 0:s.series)||void 0===r?void 0:r.id)&&e.onHover===t.onHover})},1308:function(e,t,a){e.exports={rowWidth:"_8IgrO",largeRowWidth:"q46rm",hovering:"IeeJA",transition:"_1s6UK"}},1326:function(e,t,a){e.exports={itemSpacing:"_10Pgb",heading:"_2uNzU",link:"_3IGFJ"}},1598:function(e,t,a){e.exports={footerImageContainer:"_2lUo1",footerImage:"Q_m9i",wave:"_2WUUq"}},1599:function(e,t,a){e.exports={partialHeroThumbnail:"mBd7D",partialSeriesText:"_2MXtV",partialVideoTitleText:"_3AoSO",partialBadge:"_33OjS",partialDescription:"_2uRQA",partialSubject:"_3YJIE",partialHeading:"_2UT-Z"}},1666:function(e,t,a){"use strict";a.r(t);var n=a(0),i=a(80),l=a(9),s=a(2),r=a(19),o=a(72),c=a(168),d=a(44),m=a(315),u=a(215),p=a(1226),g=a(1176),f=a(17),b=a(145),v=a(74),E=a(333),h=a(105),y=a(27);const k=()=>"/api/domain/v1/subjects/classifications/following",N=e=>h.a.urlBuilder("/api/domain/v1/subjects/classifications/following",{id:e}),w={follow:(e,t,a)=>({url:k(),key:"follow:"+e.join(","),type:y.a.POST,data:e,success:t,error:a,invalidationKeys:[...e.map(e=>"classification:"+e),"my:subject:preferences","classifications"]}),unfollow:(e,t,a)=>({url:N(e),key:"unfollow:"+e.join(","),type:y.a.DELETE,success:t,error:a,invalidationKeys:[...e.map(e=>"classification:"+e),"my:subject:preferences","classifications"]})};var L=a(1241),C=a(1220),O=a(1223),x=a(1268),A=(a(1210),a(106)),j=a(58),S=a(330),P=a(1173),I=a(1224),D=a(314),F=a(94);function T(e){const{audiences:t,activeAudiences:a,disabled:i,appLink:l}=e,[,r]=Object(A.a)(S.a.AUDIENCE_FILTER,void 0,{storage:j.c.SessionStorage});function o(e,t){const n=a||{},i=t?[...Object.keys(n).map(e=>n[e].name),e.name]:Object.keys(n).map(e=>n[e].name).filter(t=>t!==e.name);s.a.AppLinkHelper.trigger(Object.assign(Object.assign({},l),{params:i.length?{a:i}:null}),{replace:!0})}return n.useEffect(()=>{r(a)},[a]),t&&t.length?n.createElement("div",{className:"pt-3"},t.map(e=>n.createElement(I.a,{key:e.masterId,audience:e,highlight:!!a&&!!a[e.masterId],setAudience:o,isDisabled:i})),!!a&&!!Object.keys(a).length&&n.createElement(D.a,{className:"info-link d-inline-block font-weight-500 ml-1",onClick:function(){s.a.AppLinkHelper.trigger(l,{replace:!0})}},n.createElement(F.b,{namespace:"subjects.audienceFilter",phrase:"clear"}))):n.createElement(n.Fragment,null)}const B=P.a.getPartialLoadingItems({numItems:6}),U=()=>n.createElement("div",{className:"pt-3"},B.map(({width:e},t)=>n.createElement("span",{key:t,className:"d-inline-block badge-pill partial-loading-background mr-1",dangerouslySetInnerHTML:{__html:"&nbsp"},style:{width:e}})));var R=a(214),_=a(163),M=a(339),z=a(66),H=a(1598),$=a.n(H);function W(e){var t,a;const[i,l]=n.useState(!1),[s,r]=n.useState(!1);n.useEffect(()=>{var t,a;l(!!(null===(a=null===(t=e.data.followers)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)),r(!1)},[null===(a=null===(t=e.data.followers)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length]);const o=R.a.createBannerUrl(e.data.banner,{fallbackBaseUrl:e.imageCdnUrl,fallbackCategoryName:e.data.name,type:_.b.Banners},{size:_.a.Large}),c={className:i?"btn-white":"btn-dark",showSpinner:s,onClick:function(){r(!0),e.onToggleFollow()},variant:null};return n.createElement(F.a.Provider,{value:"subjects.comingSoon"},n.createElement("div",{className:"d-flex flex-column align-items-center text-center py-3"},n.createElement("h2",{className:"display-4 font-weight-bold mb-3"},n.createElement(F.b,{phrase:"comingSoon"})),n.createElement("p",{className:"w-33 mb-0"},n.createElement(F.b,{phrase:"info1"})),!e.hideFollowButton&&n.createElement(n.Fragment,null,n.createElement("p",{className:"w-33"},n.createElement(F.b,{phrase:"info2"})),n.createElement(M.a,Object.assign({},c),n.createElement(z.a,{svgName:i?f.b.Check:f.b.Bell,className:"align-middle d-inline-block svg-container"}),n.createElement("span",{className:"align-middle pl-1"},n.createElement(F.b,{phrase:"remindMe"}))))),n.createElement("div",{className:$.a.footerImageContainer},n.createElement("div",{className:$.a.footerImage+" banner position-relative",style:{backgroundImage:`url('${o}')`}},n.createElement(z.a,{className:$.a.wave,size:z.b.ExtraLarge,svgName:f.b.WhiteWave}))))}var V=a(40),G=a(1270),K=a(3);function Y(e){return n.createElement("div",{className:"position-relative px-2 mb-2"},n.createElement(G.a,{data:e.classification,appLink:e.appLink,isLarge:!0,analyticsData:e.analyticsData,analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),{location:K.LocationContext.ClassificationListItem})}))}function J(e){return n.createElement(V.Row,null,e.classifications.map(t=>n.createElement(V.Col,{key:t.id,xs:12,sm:6,lg:4},n.createElement(Y,{key:t.id,classification:t,appLink:e.getItemAppLink(t),analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))))}var X=a(1160),q=a(323),Q=a(1168),Z=a(1163),ee=a(1195),te=a(1279),ae=a(59),ne=a(1152),ie=a(1177),le=a(1599),se=a.n(le);const re=e=>!!(e&&e.data&&e.data.length);function oe(e){const{video:t,presentationAudiences:a,videoAppLink:i,seriesAppLink:l,hideInteractiveBadge:s}=e;if(!t)return n.createElement(n.Fragment,null);const r=ie.a.getSortedPresentationAudiences(t.subjectPresentationAudiences.data,a),o=ie.a.getMergedPresentationAudienceString(r),c=t.series&&!!t.series.id;return n.createElement(F.a.Provider,{value:"subjects.heroVideo"},n.createElement("h4",null,n.createElement(F.b,{phrase:"heading"})),n.createElement(V.Row,{className:"pb-3"},n.createElement(V.Col,{xs:6},n.createElement(X.a,{video:t,appLink:i,seriesAppLink:c?l:null,imageOptions:{size:_.a.Medium},textPosition:ne.a.Independent,type:"static",analyticsOptions:{location:K.LocationContext.ClassificationHero}})),n.createElement(V.Col,{xs:6,className:"p-1"},c&&n.createElement(q.a,{video:t,appLink:l,className:"text-reset d-block"}),n.createElement(ae.a,{appLink:i},n.createElement("h4",null,t.name)),n.createElement(Q.a,{className:"pb-1"},!s&&n.createElement(Z.a,{type:Z.b.Interactive,data:t.interactives}),n.createElement(Z.a,{type:Z.b.Rating,data:t.rating}),n.createElement(Z.a,{type:Z.b.ProductionYear,data:t.productionYear})),n.createElement("p",{className:"mb-1 clamp-4"},t.description),n.createElement(ee.a,{audience:o,border:"dark"}),e.showExtraMetadata&&n.createElement(V.Row,{className:"pt-2"},n.createElement(V.Col,{xs:2},re(t.resources)&&n.createElement("p",{className:"font-weight-bold"},n.createElement(F.b,{phrase:"resourcesHeading"})),re(t.links)&&n.createElement("p",{className:"font-weight-bold"},n.createElement(F.b,{phrase:"linksHeading"})),re(t.clips)&&n.createElement("p",{className:"font-weight-bold"},n.createElement(F.b,{phrase:"clipsHeading"})),re(t.tags)&&n.createElement("p",{className:"font-weight-bold"},n.createElement(F.b,{phrase:"tagsHeading"}))),n.createElement(V.Col,{xs:10},re(t.resources)&&n.createElement("p",null,n.createElement(F.b,{phrase:"resources",options:{smartCount:t.resources.data.length}})),re(t.links)&&n.createElement("p",null,n.createElement(F.b,{phrase:"links",options:{smartCount:t.links.data.length}})),re(t.clips)&&n.createElement("p",null,n.createElement(F.b,{phrase:"clips",options:{smartCount:t.clips.data.length}})),re(t.tags)&&n.createElement(te.a,{tags:t.tags}))))))}function ce(){return n.createElement(n.Fragment,null,n.createElement("div",{className:"partial-loading-background mb-2 "+se.a.partialHeading}),n.createElement("div",{className:"row pb-3"},n.createElement("div",{className:"col-6 p1"},n.createElement("div",{className:se.a.partialHeroThumbnail+" partial-loading-background"})),n.createElement("div",{className:"col-6 p1"},n.createElement("div",{className:"partial-loading-background mb-1 "+se.a.partialSeriesText}),n.createElement("div",{className:"partial-loading-background my-1 "+se.a.partialVideoTitleText}),n.createElement("div",{className:"d-flex"},n.createElement("div",{className:"partial-loading-background my-1 mr-1 "+se.a.partialBadge}),n.createElement("div",{className:"partial-loading-background my-1 ml-1 "+se.a.partialBadge})),n.createElement("div",{className:"partial-loading-background my-1 "+se.a.partialDescription}),n.createElement("div",{className:"partial-loading-background mt-2 "+se.a.partialSubject}))))}var de=a(1235),me=a(1278),ue=a(1307),pe=a(1272),ge=a(1273),fe=a(118),be=a(104),ve=a(164),Ee=a(75),he=a(43),ye=a(13),ke=a(7),Ne=a(165),we=function(e){return{application:ke.a.PLAYLISTS,action:ye.a.Playlists.PLAYLIST,args:[e.id,d.a.slugify(e.name)]}},Le=a(143);function Ce(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,i=!1,l=void 0;try{for(var s,r=e[Symbol.iterator]();!(n=(s=r.next()).done)&&(a.push(s.value),!t||a.length!==t);n=!0);}catch(e){i=!0,l=e}finally{try{n||null==r.return||r.return()}finally{if(i)throw l}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return Oe(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return Oe(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Oe(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}a.d(t,"getBannerActions",(function(){return Ae})),a.d(t,"ClassificationView",(function(){return je}));var xe=l.a.encloseNamespace("subjects.classification");function Ae(e,t,a,n,i){var l,s,r=!!(null===(s=null===(l=e.followers)||void 0===l?void 0:l.data)||void 0===s?void 0:s.length),o=[{label:xe("share"),appLink:{application:ke.a.SHARE,action:ye.a.Share.SHARE,args:[e.id],params:{entityType:"subject"}},svgName:f.b.Share,className:"btn btn-secondary",button:!0}];return n(be.a.FollowSubjects)&&o.unshift({label:xe(r?"unfollow":"follow"),onClick:t,svgName:r?f.b.Check:f.b.Bell,className:"btn follow-btn ".concat(r?"btn-secondary":"btn-primary"),button:!0,tooltip:r||i?void 0:xe("followBtnTooltip"),showSpinner:a}),o}function je(e){var t,a,l,f,h,y,k,N,A,j,S=e.id,P=e.queryParams,I=Ce(n.useState(),2),D=I[0],F=I[1],B=Ce(n.useState(!1),2),R=B[0],_=B[1],M=Object(i.useDispatch)(),z=Object(ve.a)().hasPermissions,H=r.a.useBasicFetch(v.a.currentUser(),{optimize:!0}),$=r.a.useBasicFetch(b.a.config(),{optimize:!0}),V=r.a.useBasicFetch(E.a.presentation(),{optimize:!0}),K=r.a.useBasicFetch(L.a.presentationAudiences(),{optimize:!0}),Y=r.a.useBasicFetch((null===(t=H.data)||void 0===t?void 0:t.id)&&E.a.classification(S,null===(a=H.data)||void 0===a?void 0:a.id,(function(e){e.status!==c.a.BadRequest&&e.status!==c.a.NotFound||s.a.ErrorHelper.throw(new Ne.a)})),{optimize:!0}),X=r.a.useBasicFetch(E.a.path(S),{optimize:!0}),q=r.a.useBasicFetch(E.a.children(S),{optimize:!0});Object(m.a)(null===(l=Y.data)||void 0===l?void 0:l.name);var Q=ie.a.getActiveAudiencesFromParams(K.data,P),Z=o.a.keys(Q);Z&&Z.length||(Z=[]);var ee=null===(f=null==V?void 0:V.data)||void 0===f?void 0:f.id,te=E.a.series(S,ee,Z),ae=E.a.playlists(S,ee,Z),ne=E.a.videos(S,ee,Z),le=r.a.useGetResponse(te&&te.key),se=r.a.useGetResponse(ae&&ae.key),re=r.a.useGetResponse(ne&&ne.key),Oe=r.a.useGetFetch(te),je=r.a.useGetFetch(ae),Se=r.a.useGetFetch(ne),Pe=Z.length?Z.join(":"):ee;n.useEffect((function(){ee&&(Oe(),je(),Se())}),[Pe]),n.useEffect((function(){R||(Y.data?_(!!Y.data.series.count||!!Y.data.playlists.count||!!Y.data.videos.count):_(!1))}),[Y.data]);var Ie,De=Object(Ee.a)(he.a.MDDown),Fe=(Ie=(null==P?void 0:P.a)?{a:P.a}:null,function(e){return{application:ke.a.SUBJECT,action:ye.a.Subjects.CLASSIFICATION,args:e?[e.id,d.a.slugify(e.name)]:[],params:Ie||{}}});function Te(){var e,t;F(!0);var a=(null===(t=null===(e=Y.data.followers)||void 0===e?void 0:e.data)||void 0===t?void 0:t.length)?w.unfollow:w.follow;r.a.fetch(M,a([Y.data.id]))}n.useEffect((function(){F(!1)}),[null===(k=null===(y=null===(h=Y.data)||void 0===h?void 0:h.followers)||void 0===y?void 0:y.data)||void 0===k?void 0:k.length]);var Be=!!Y.data&&!!$.data,Ue=!!Y.data&&!!X.data,Re=!!q.data,_e=!!K.data,Me=!!Y.data&&!!se.data,ze=!!Y.data&&!!re.data,He=!!Y.data&&!!le.data&&!!K.data,$e=function(e){var t,a,n;return!!e&&(0===(null===(t=e.series)||void 0===t?void 0:t.count)&&0===(null===(a=e.videos)||void 0===a?void 0:a.count)&&0===(null===(n=e.playlists)||void 0===n?void 0:n.count))}(Y.data),We=function(e,t,a,n){if(!(e&&t&&a&&n))return{heroVideo:null,videoList:a&&a.data};if(!e.data.length&&!t.data.length&&1===a.data.length)return{heroVideo:Le.a.first(a.data),videoList:[]};var i=a.data.findIndex((function(e){return e.id===n.pinnedVideoMasterId}));return-1===i?{heroVideo:null,videoList:a.data}:{heroVideo:a.data[i],videoList:a.data.filter((function(e){return e.id!==n.pinnedVideoMasterId}))}}(le.data,se.data,re.data,Y.data),Ve=We.heroVideo,Ge=We.videoList,Ke=!Object(Ee.a)(he.a.XLDown);return n.createElement("div",{className:"bg-white px-3"},Be?n.createElement(p.a,{heading:Y.data.name,banner:Y.data.banner,imageCdnUrl:$.data.imageCdnUrl,actions:(null===(N=Y.data)||void 0===N?void 0:N.comingSoon)?[]:Ae(Y.data,Te,D,z,De)}):n.createElement(p.b,null),n.createElement("div",{className:Ke?"px-3":""},n.createElement("div",{className:"py-3 mb-3 ".concat((null===(A=Y.data)||void 0===A?void 0:A.comingSoon)?"":"border-bottom")},Ue?n.createElement(g.b,{currentItem:Y.data,type:g.a.Static,getItemAppLink:Fe,data:X.data,rootItem:{label:xe("dashboard"),appLink:{application:ke.a.DASHBOARD,action:ye.a.Dashboard.HOME}}}):n.createElement(g.c,null),function(){var e,t=_e&&Me&&He&&ze;return(null===(e=Y.data)||void 0===e?void 0:e.comingSoon)||$e?n.createElement(n.Fragment,null):t?n.createElement(T,{audiences:K.data,activeAudiences:Q,disabled:!R,appLink:{application:ke.a.SUBJECT,action:ye.a.Subjects.CLASSIFICATION,args:[Y.data.id,d.a.slugify(Y.data.name)]}}):n.createElement(U,null)}()),$.data&&(null===(j=Y.data)||void 0===j?void 0:j.comingSoon)?n.createElement(W,{data:Y.data,imageCdnUrl:$.data.imageCdnUrl,onToggleFollow:Te,hideFollowButton:!z(be.a.FollowSubjects)}):n.createElement("div",null,function(){var e;return Re&&Me&&He&&ze?(null===(e=q.data)||void 0===e?void 0:e.length)?$e?n.createElement("div",{className:"mx-n2"},n.createElement(J,{classifications:q.data,getItemAppLink:Fe})):n.createElement("div",{className:"pb-3 mx-n1"},n.createElement(me.a,{collection:q.data,childAppLink:Fe(),childComponent:G.a,headingPhraseKey:"topics"})):n.createElement(n.Fragment,null):n.createElement(me.b,null)}(),He&&Me&&ze&&_e?n.createElement(oe,{video:Ve,presentationAudiences:K.data,videoAppLink:{application:ke.a.DEFAULT,action:ye.a.Default.PLAY_VIDEO,args:[null==Ve?void 0:Ve.id,d.a.slugify(null==Ve?void 0:Ve.name)],params:fe.a.getVideoProgress(Ve)?{t:Math.floor(fe.a.getVideoProgress(Ve))}:{}},seriesAppLink:{application:ke.a.DEFAULT,action:ye.a.Default.SERIES,args:(null==Ve?void 0:Ve.series)?[Ve.series.id,d.a.slugify(Ve.series.name)]:[]}}):n.createElement(ce,null),n.createElement("div",null,function(){var e,t;return Me&&_e?(null===(t=null===(e=se.data)||void 0===e?void 0:e.data)||void 0===t?void 0:t.length)?n.createElement("div",{className:"pb-2"},n.createElement("h4",null,xe("playlists")),n.createElement(x.a,{playlists:ie.a.sortMembersWithDuplicateNamesByAudience(se.data.data),getPlaylistAppLink:we,presentationAudiences:K.data,itemContainerClassName:"columns-of-five",showFallbackImage:!0})):n.createElement(n.Fragment,null):n.createElement("div",{className:"pb-3"},n.createElement(O.a,{showHeading:!0,itemClassName:"columns-of-five"}))}(),ze?n.createElement("div",{className:"mx-n1"},n.createElement(de.a,{name:xe("popular"),type:u.WidgetType.LargeRow,contents:C.a.Videos,collection:Ge,childComponent:ue.a,childAppLink:{application:ke.a.DEFAULT,action:ye.a.Default.PLAY_VIDEO},prefetched:!0})):n.createElement(de.b,null),He?n.createElement(de.a,{name:xe("series"),type:u.WidgetType.Row,contents:C.a.Series,collection:le.data,setData:function(e){return e.data},childComponent:function(e){return n.createElement(pe.a,Object.assign({audiences:K.data},e))},childAppLink:{application:ke.a.DEFAULT,action:ye.a.Default.SERIES},prefetched:!0}):n.createElement(ge.a,null)))))}}}]);

package/dist/scripts/16-d4d8051787.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[16],{1131:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},1132:function(e,t,a){"use strict";var n=a(0),r=a(188),i=a(317),o=a(46),s=a(48),l=a(66),c=a(59),u=a(17),d=a(1131),p=a.n(d);function m(e){let t="dropdown-item";return e&&(t+=" "+e),t}function y(e){if(e.action.appLink)return n.createElement(c.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:m(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return n.createElement("span",{className:"cursor-pointer "+m(e.action.className),onClick:function(t){e.action.analyticsData&&e.action.analyticsOptions&&s.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),o.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function f(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);let t="dropdown";e.className&&(t+=" "+e.className);const a="actions-dropdown-"+i.a.getRandomInt();let r="dropdown-toggle px-0 "+p.a.dropdownToggle;return e.dropdownToggleClassName&&(r+=" "+e.dropdownToggleClassName),n.createElement("div",{className:t},n.createElement("button",{className:r,type:"button",id:a,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},n.createElement(l.a,{svgName:u.b.More,size:l.b.Small})),n.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":a},e.actions.map((e,t)=>n.createElement(y,{key:t,action:e}))))}f.defaultProps={dropdownToggleClassName:"btn btn-light"};var v=a(319);function g(e){const t=[],a=[];e.actions.forEach(e=>{e.button?t.push(e):a.push(e)});let i="d-flex";return e.className&&(i+=" "+e.className),n.createElement("div",{className:i},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:p.a.buttonList},t.map((e,t)=>n.createElement(n.Fragment,{key:t},e.label?n.createElement(v.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},e.label):n.createElement(r.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions})))),e.sortComponent?e.sortComponent:"",!!a.length&&n.createElement(f,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return g}))},1134:function(e,t,a){"use strict";a.d(t,"a",(function(){return o})),a.d(t,"b",(function(){return s}));var n=a(9),r=a(17);const i="shared.videoActionsHelper";var o;!function(e){e[e.AddToPlaylist=0]="AddToPlaylist",e[e.RemoveFromPlaylist=1]="RemoveFromPlaylist",e[e.Share=2]="Share",e[e.Edit=3]="Edit"}(o||(o={}));const s=()=>({[o.AddToPlaylist]:{label:n.a.getPhrase(i,"addToPlaylist"),svgName:r.b.AddToPlaylists},[o.RemoveFromPlaylist]:{label:n.a.getPhrase(i,"removeFromPlaylist"),svgName:r.b.Delete},[o.Share]:{label:n.a.getPhrase(i,"share"),svgName:r.b.Share2},[o.Edit]:{label:n.a.getPhrase(i,"edit"),svgName:r.b.Edit}})},1135:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(318),r=a(126),i=a(1150);class o extends n.BaseCollectionIdentifier{constructor(e=r.a.Newest,t="",a=i.a.OwnedByMe){super({collectionPrefix:"user:playlists",cursor:t,sort:e}),this.type=a}toString(){return[this.collectionPrefix,this.sort,this.cursor,this.type].filter(Boolean).join(":")}}},1137:function(e,t,a){"use strict";a.d(t,"a",(function(){return l})),a.d(t,"c",(function(){return c})),a.d(t,"b",(function(){return u}));var n=a(0),r=a(1123),i=a(2),o=a(1145),s=a(1151);const l=n.createContext({isSortable:!1});function c(e){const{isSortable:t}=n.useContext(l),a=t?s.a:s.b,r=i.a.AppLinkHelper.getCurrentAppLink();return n.createElement(n.Fragment,null,n.createElement("div",{className:"position-relative"},e.videos.map((t,r)=>n.createElement(a,{key:t.id,idx:r,index:r,video:t,getVideoAppLink:e.getVideoAppLink,getSeriesAppLink:e.getSeriesAppLink,setFavourite:e.setFavourite,hideInteractiveBadge:e.hideInteractiveBadge,hideFavouriteButton:e.hideFavouriteButton}))),e.cursors&&n.createElement(o.b,{appLink:r,cursors:e.cursors}))}const u=Object(r.SortableContainer)(e=>n.createElement(l.Provider,{value:{isSortable:!0,currentSortingIndex:e.currentSortingIndex}},n.createElement(c,Object.assign({},e))))},1138:function(e,t,a){"use strict";var n=a(1139);a.o(n,"PlaylistVideoCollectionIdentifier")&&a.d(t,"PlaylistVideoCollectionIdentifier",(function(){return n.PlaylistVideoCollectionIdentifier}))},1139:function(e,t){},1140:function(e,t,a){"use strict";a(1135);var n=a(318);class r extends n.BaseCollectionIdentifier{constructor(e,t=""){super({collectionPrefix:"playlist:videos",id:e,cursor:t})}}a.d(t,"a",(function(){return r}))},1141:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);const r=n.createContext({})},1145:function(e,t,a){"use strict";a.d(t,"b",(function(){return u})),a.d(t,"a",(function(){return d}));var n=a(0),r=a(314),i=a(59),o=a(94),s=a(48),l=a(3);function c(e,t){return t?{application:e.application,action:e.action,args:e.args,params:Object.assign({},e.params,{cursor:t})}:null}function u({appLink:e,cursors:t,className:a}){function r(e){s.a.logUserAction({page:e},{location:l.LocationContext.Pagination,entity:l.EntityType.Pagination,actionType:l.UserAction.Navigate})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:a},n.createElement(i.a,{appLink:c(e,t.previous),className:"btn btn-secondary mr-1 "+(t.previous?"":"disabled"),onClick:()=>r("previous")},n.createElement(o.b,{phrase:"previous"})),n.createElement(i.a,{appLink:c(e,t.next),className:"btn btn-secondary "+(t.next?"":"disabled"),onClick:()=>r("next")},n.createElement(o.b,{phrase:"next"}))))}function d(e){function t(e){s.a.logUserAction({page:e},{location:l.LocationContext.Pagination,entity:l.EntityType.Pagination,actionType:l.UserAction.Navigate})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:e.className},n.createElement(r.a,{onClick:function(){1!==e.currentPage&&(t("previous"),e.onClickBack())},className:"btn btn-secondary mr-1 cursor-pointer "+(1===e.currentPage?"disabled":"")},n.createElement(o.b,{phrase:"previous"})),n.createElement(r.a,{onClick:function(){e.currentPage!==e.totalPages&&(t("next"),e.onClickNext())},className:"btn btn-secondary cursor-pointer "+(e.currentPage===e.totalPages?"disabled":"")},n.createElement(o.b,{phrase:"next"}))))}u.defaultProps={className:"py-2"},d.defaultProps={className:"py-2"}},1148:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(27),r=a(49);function i(e,t,a,r,i=[]){return{url:"{gateway}/v1/objects/"+t,key:`favourite:video:${t}:${e}`,data:{favouriteVideos:e},type:n.a.PUT,invalidationKeys:["favourite:videos:"+t,"video:is:favourited:"+t,...i],success:a,error:r}}function o(e,t,a,r,i=[]){return{url:`{gateway}/v1/objects/${t}/favouriteVideos?memberId=${e}`,key:`favourite:video:${t}:${e}`,type:n.a.DELETE,invalidationKeys:["favourite:videos:"+t,"video:is:favourited:"+t,...i],success:a,error:r}}const s={favouriteVideos:(e,t)=>({url:`{gateway}/v1/objects/${e}/favouriteVideos?query=${r.b.VideoCollectionWithAssocs(e,!0)}${l(t)}`,key:`favourite:videos:${e}${t?":"+t:""}`}),updateIsVideoFavourited:(e,t,a,n,r,s=[])=>(a?i:o)(e,t,n,r,s),isFavourited(e,t){const a=t.slice().sort(),n=a.map(e=>"id="+e);if(n.length)return{url:`{gateway}/v1/objects?query=favouritedBy{id:${e}}&${n.join("&")}`,key:`video:is:favourited:${e}:by:id:${a.join(",")}`}}};function l(e){return e?"&cursor="+e:""}},1149:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(143),r=a(72);const i={reorder(e,t,a){if(t===a)return{reorderedItems:e,reorderRequest:null};const r=n.a.moveItem(e,t,a),i=a<e.length-1?r[a+1].id:null;return{reorderedItems:r,reorderRequest:{sourceMemberId:r[a].id,destinationMemberId:i}}},updateState(e,t,a){const i=[],o=r.a.deepClone(a),s=[e];let l=a[e];const c=!!l&&!!l.data&&l.data.length;for(;l&&Array.isArray(l.data);){i.push(...l.data);const t=l.pagination&&l.pagination.cursors&&l.pagination.cursors.next,n=!!t&&`${e}:${t}`;l=t&&a[n],l&&s.push(n)}if(!i.length)return a;const u=n.a.findIndex(i,e=>e.id===t.sourceMemberId),d=[...i],p=d.splice(u,1),m=t.destinationMemberId?n.a.findIndex(d,e=>e.id===t.destinationMemberId):d.length;return d.splice(m,0,p[0]),s.forEach(e=>{const t=d.splice(0,c);o[e].data=t}),o}}},1150:function(e,t,a){"use strict";var n;a.d(t,"a",(function(){return n})),function(e){e.OwnedByMe="owned_by_me",e.Followed="followed",e.All="all"}(n||(n={}))},1151:function(e,t,a){"use strict";var n=a(0),r=a(40),i=a(1123),o=a(1160),s=a(323),l=a(66),c=a(1152),u=a(43),d=a(118),p=a(17),m=a(1137),y=a(46),f=a(1132),v=a(1141),g=a(1134),b=a(75),h=a(1153),E=a.n(h);const w=[g.a.AddToPlaylist];function k(e){const{videoActions:t=w,getActionAppLink:a,hideLabel:r}=n.useContext(v.a),i=Object(b.a)(u.a.XS);if(!y.a.isFunction(a))return n.createElement(n.Fragment,null);let o=[];return t.forEach(t=>{const n=a(e.video,t);n&&o.push(Object.assign({appLink:n,className:"btn btn-link",button:!i},Object(g.b)()[t]))}),r&&!i&&(o=o.map(e=>Object.assign(Object.assign({},e),{label:null}))),n.createElement(f.a,{actions:o,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link rounded-circle p-0 "+E.a.actionsDropdown})}var P=a(94),S=a(1154),C=a.n(S);function N(e){const[t,a]=n.useState(e.truncate);return Object(b.a)(u.a.XS)?n.createElement(n.Fragment,null):n.createElement("div",{className:"position-relative overflow-hidden "+(t?"clamp-2":"")},n.createElement("p",{className:"m-0"},e.video.description,!!e.isExpandable&&n.createElement("span",{className:"cursor-pointer "+C.a.ellipsis,onClick:()=>a(!t)},n.createElement(P.b,{namespace:"shared.videoItemDescription",phrase:t?"showMore":"showLess"}))))}N.defaultProps={truncate:!0};var L=a(59);function I(e){return n.createElement(L.a,{appLink:e.appLink},n.createElement("h5",{className:"m-0 mb-1 clamp-2"},e.video.name))}var A=a(1168),O=a(1163),x=a(213),j=a(3),F=a(163),T=a(1155),$=a.n(T);a.d(t,"b",(function(){return V})),a.d(t,"a",(function(){return U}));const D=Object(i.SortableHandle)(()=>n.createElement(r.Col,{xs:2,className:"d-flex justify-content-center align-items-center cursor-pointer "+$.a.dragHandleContainer},n.createElement(l.a,{svgName:p.b.Handle,size:l.b.Small})));function V(e){var t;const a=Object(x.a)(),i=a===u.a.XS,l=a===u.a.SM||a===u.a.MD,p=a===u.a.SM,{isSortable:y}=n.useContext(m.a),f=y&&!i,v=e.getVideoAppLink(e.video),g=d.a.hasSeries(e.video)&&e.getSeriesAppLink(e.video.series);return n.createElement(r.Row,{className:"py-2"},n.createElement(r.Col,{xs:i?12:l?4:3,className:"flex-column align-items-flex-start mb-1"},n.createElement(r.Row,null,!!f&&n.createElement(D,null),n.createElement(r.Col,{xs:(b=f,b?10:12)},n.createElement(o.a,{video:e.video,appLink:v,seriesAppLink:g,imageOptions:{size:f?F.a.Small:F.a.Medium},textPosition:c.a.Independent,setFavourite:e.setFavourite,type:"static",analyticsOptions:{location:j.LocationContext.VideoListItem},hideFavouriteButton:e.hideFavouriteButton})))),n.createElement(r.Col,{xs:i?12:l?8:9},n.createElement(k,{video:e.video}),n.createElement(s.a,{className:"d-block",video:e.video,appLink:g,analyticsOptions:{location:j.LocationContext.VideoListItem}}),n.createElement(I,{video:e.video,appLink:e.getVideoAppLink(e.video)}),n.createElement(A.a,null,n.createElement(O.a,{type:O.b.Rating,data:e.video.rating}),n.createElement(O.a,{type:O.b.ProductionYear,data:e.video.productionYear}),!e.hideInteractiveBadge&&n.createElement(O.a,{type:O.b.Interactive,data:null===(t=e.video._hasInteractives)||void 0===t?void 0:t.value})),!p&&n.createElement(N,{video:e.video})));var b}const U=Object(i.SortableElement)(e=>n.createElement(V,Object.assign({},e)))},1153:function(e,t,a){e.exports={actionsDropdown:"XR0aX"}},1154:function(e,t,a){e.exports={ellipsis:"LJY5U"}},1155:function(e,t,a){e.exports={dragHandleContainer:"_24s1b"}},1156:function(e,t,a){"use strict";var n=a(1138);a.o(n,"PlaylistVideoCollectionIdentifier")&&a.d(t,"PlaylistVideoCollectionIdentifier",(function(){return n.PlaylistVideoCollectionIdentifier}));var r=a(1140);a.d(t,"PlaylistVideoCollectionIdentifier",(function(){return r.a}))},1157:function(e,t,a){"use strict";var n,r=a(27),i=a(49),o=a(1149),s=a(1156);!function(e){e[e.Queued=1]="Queued",e[e.Processing=2]="Processing",e[e.Processed=3]="Processed",e[e.Errored=4]="Errored"}(n||(n={}));const l={deletePlaylist:e=>t=>{const a=Object.assign({},t);return a.hasOwnProperty(e)&&delete a[e],a},incrementVideoCount:(e,t)=>a=>{const n=Object.assign({},a);return n.hasOwnProperty(e)?(n[e].videos||(n[e].videos={}),n[e].videos.count=n[e].videos.count?n[e].videos.count+t:t,n):a}};a.d(t,"a",(function(){return p}));const c=e=>e?"&cursor="+e:"",u=e=>Number.isInteger(e)?"&maxRatingValue="+e:"",d=(e,t)=>`${e}${t?":"+t:""}`,p={getPlaylist:(e,t,a)=>({url:`/api/domain/v2/objects/${e}?query=${i.a.PLAYLIST}`,key:"playlist:"+e,success:t,error:a}),getSharedPlaylist:(e,t,a,n)=>({url:`${"/api/domain/v2/share/"+e}?query=${i.a.PLAYLIST}${u(t)}`,key:"shared:playlist:"+e,success:a,error:n}),getUserPlaylists(e){const{sort:t,type:a}=e;return{url:`/api/domain/v2/me/playlists/${a}?sort=${t}&query={limit:100}${i.a.PLAYLIST_COLLECTION}${c(e.cursor)}`,key:e.toString()}},getPlaylistVideos(e,t,a){let n="orderBy:orderindex,limit:100";return Number.isInteger(t)&&(n+=",rating.value:0..."+t),{url:`/api/domain/v2/objects/${e}/videos?query={${n}}${i.a.VIDEO_COLLECTION}${c(a)}`,key:d(`playlist:${e}:videos`,a)}},getSharedPlaylistVideos:(e,t,a)=>({url:`/api/domain/v2/share/${e}/videos?query={orderBy:orderindex,limit:100}`+i.a.SHARED_PLAYLIST_VIDEO_COLLECTION+`${c(a)}${u(t)}`,key:d(`shared:playlist:${e}:videos`,a)}),getVideoPlaylists:(e,t,a)=>({url:`/api/domain/v2/objects/${e}/playlists?query={limit:100,owner.id:[${t}]}`,key:d("video:playlists:"+e,a)}),createPlaylist:(e,t,a,n,i)=>({key:"create:playlist",url:`/api/domain/v2/objects/${e}/playlists`,data:t,type:r.a.POST,success:a,error:n,always:i,invalidationKeys:"user:playlists"}),updatePlaylist:(e,t,a,n,i)=>({key:"update:playlist",url:"/api/domain/v2/objects/"+e,data:t,type:r.a.PUT,success:a,error:n,always:i}),deletePlaylist:(e,t,a,n)=>({key:"delete:playlist",url:"/api/domain/v2/objects/"+e,type:r.a.DELETE,success:t,error:a,always:n,invalidationKeys:"user:playlists",updateState:{keys:"playlist:"+e,updateData:l.deletePlaylist("playlist:"+e)}}),addToPlaylist(e,t,a,n){const i=["user:playlists",new s.PlaylistVideoCollectionIdentifier(e).toString()];return t.forEach(e=>{i.push("video:playlists:"+e)}),{key:"add:to:playlist",url:`/api/domain/v2/objects/${e}/associate`,data:t,type:r.a.POST,success:a,error:n,invalidationKeys:i,updateState:{keys:"playlist:"+e,updateData:l.incrementVideoCount("playlist:"+e,t.length)}}},reorderVideos:(e,t,a,n)=>({key:"reorder:playlist",url:`/api/domain/v2/objects/${e}/videos/reorder`,data:t,type:r.a.PUT,success:a,error:n,invalidationKeys:"user:playlists",updateState:{keys:`playlist:${e}:videos`,updateData:a=>o.a.updateState(`playlist:${e}:videos`,t,a)}}),removePlaylistVideo:(e,t,a,n)=>({key:"remove:playlist:video",url:`/api/domain/v2/objects/${e}/dissociate?memberId=${t}`,type:r.a.DELETE,success:a,error:n,invalidationKeys:["user:playlists",`playlist:${e}:videos`]}),getIsFollowingPlaylist:(e,t)=>({url:`/api/domain/v2/objects/${t}/followedPlaylists?query={id:${e}}`,key:`playlist:${e}:following:${t}`,formatData:t=>{var a;return{objectId:e,isFollowing:!!(null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.length)}},normalize:!1}),followPlaylist:(e,t,a,n,i)=>({url:"/api/domain/v2/objects/"+t,key:"follow:playlist:"+e,data:{followedPlaylists:e},type:r.a.PUT,invalidationKeys:["user:playlists","playlist:"+e,"shared:playlist"],success:a,error:n,always:i}),unfollowPlaylist:(e,t,a,n,i)=>({url:`/api/domain/v2/objects/${t}/followedplaylists/${e}`,key:"unfollow:playlist:"+e,type:r.a.DELETE,invalidationKeys:["user:playlists","playlist:"+e,"shared:playlist"],success:a,error:n,always:i}),getPlaylistPrivacy:e=>({key:"playlist:privacy:"+e,url:`/api/domain/v1/playlists/${e}/privacy`,formatData:t=>({id:e,privacy:t})}),updatePlaylistPrivacy:(e,t,a,n,i)=>({key:"update:playlist:privacy:"+e,url:`/api/domain/v1/playlists/${e}/privacy`,type:r.a.PUT,data:{privacy:t},formatData:()=>({id:e,privacy:t}),success:a,error:n,always:i}),getMigrationTask:(e,t)=>({url:"/api/playlist-app/migration-task",key:"migration:task",formatData:e=>e||{status:n.Processed},success:e,error:t})}},1161:function(e,t,a){"use strict";a.d(t,"b",(function(){return u})),a.d(t,"a",(function(){return d}));var n=a(0),r=a.n(n),i=a(40),o=a(43),s=a(213),l=a(1162),c=a.n(l);function u(e){return r.a.createElement(r.a.Fragment,null,Array(e.numVideos).fill(null).map((t,a)=>r.a.createElement(d,Object.assign({key:a},e))))}function d(e){const t=Object(s.a)(),a=t===o.a.XS,n=t===o.a.SM||t===o.a.MD,l=e.withReordering&&!a;return r.a.createElement(i.Row,{className:"py-2"},r.a.createElement(i.Col,{xs:a?12:n?4:3,className:"flex-column align-items-flex-start mb-1"},r.a.createElement(i.Row,null,!!l&&r.a.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},r.a.createElement("div",{className:"partial-loading-background "+c.a.partialDragHandle})),r.a.createElement(i.Col,{xs:l?10:12},r.a.createElement("div",{className:"partial-loading-background rounded-lg "+c.a.partialThumbnail})))),r.a.createElement(i.Col,{xs:a?12:n?8:9},r.a.createElement("div",{className:"partial-loading-background "+c.a.partialSeriesLink}),r.a.createElement("div",{className:"partial-loading-background mb-1 "+c.a.partialName}),r.a.createElement("div",{className:"partial-loading-background "+c.a.partialDescription}),r.a.createElement("div",{className:"partial-loading-background "+c.a.partialBadges}),r.a.createElement("div",{className:"partial-loading-background "+c.a.partialActions})))}u.defaultProps={numVideos:15}},1162:function(e,t,a){e.exports={partialName:"_7KNC2",partialDescription:"Vk_wR",partialThumbnail:"_3peRZ",partialDragHandle:"_1F7_f"}},1194:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(80),i=a(19),o=a(46);const s=e=>e&&e.data&&e.data.pagination&&e.data.pagination.cursors&&e.data.pagination.cursors.next;function l(e){return Object(r.useSelector)(Object(n.useMemo)(()=>t=>{const a=e;let n=o.a.isFunction(e)&&i.a.getResponse(t,a()),r=n&&n.isFetching;const l=n&&n.shouldFetch,c=n&&n.data&&n.data.data;let u=s(n);for(;u&&(n=i.a.getResponse(t,a(u)),r=n.isFetching,!n.shouldFetch);){const e=n.data&&n.data.data;e&&c.push(...e);const t=s(n);u=t===u?null:t}return{shouldInitialFetch:l,items:c,nextCursor:u,isFetching:r}},[e]))}},1206:function(e,t,a){"use strict";function n(e,t){return t[e.name.charCodeAt(0)%t.length]}a.d(t,"a",(function(){return n}))},1207:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(0),r=a(40),i=a(66),o=a(17),s=a(1244),l=a.n(s);function c(e){return n.createElement("div",{className:"p-3 text-center "+l.a.container},e.isFetching?n.createElement(r.Spinner,{as:"span",animation:"border",role:"status",className:l.a.spinner}):n.createElement(i.a,{svgName:o.b.ChevronDown,className:"svg-container cursor-pointer",size:i.b.Large,onClick:e.onClick}))}},1222:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0),r=a(46);function i(e,t,a){const i=()=>{if(a)return;window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-400||e()};Object(n.useEffect)(()=>{const e=r.a.throttle(i,200);return t&&window.addEventListener("scroll",e),()=>window.removeEventListener("scroll",e)},[t,e])}},1226:function(e,t,a){"use strict";var n=a(0),r=a(9),i=a(66),o=a(59),s=a(17);function l({backToName:e,appLink:t,color:a,extraClasses:l}){const c=e?r.a.getPhrase("shared.backButton","backTo",{backToName:e}):r.a.getPhrase("shared.backButton","back"),u="black"===a?"":"text-light";return n.createElement(o.a,{appLink:t,className:`d-inline-flex align-items-center h5 mb-0 ${l} ${u}`},n.createElement(i.a,{svgName:s.b.ChevronLeft,size:i.b.Medium}),n.createElement("span",{className:"ml-1"},c))}l.defaultProps={color:"black",extraClasses:""};var c=a(214),u=a(163),d=a(1132),p=a(1238),m=a.n(p);a.d(t,"a",(function(){return y})),a.d(t,"b",(function(){return f}));const y=n.memo((function(e){const{heading:t,banner:a,imageCdnUrl:r,actions:i,sortComponent:o,blockColourClass:s}=e,p={className:"banner banner-header",style:{backgroundImage:`url('${c.a.createBannerUrl(a,{fallbackBaseUrl:r,fallbackCategoryName:t,type:u.b.Banners},{size:u.a.Large,resizeType:u.c.Cover})}')`}};return!a&&s&&(delete p.style,p.className+=" "+s),n.createElement("div",Object.assign({},p),e.backButtonAppLink&&n.createElement("div",{className:"pt-3"},n.createElement(l,{appLink:e.backButtonAppLink,backToName:e.backButtonText,extraClasses:e.backButtonClasses,color:"white"})),n.createElement("h1",{className:m.a.text+" text-white text-shadow position-absolute mb-3 clamp-2"},t),!!i&&n.createElement("div",{className:m.a.actionsContainer},n.createElement(d.a,{actions:i,sortComponent:o,actionsDropdownClassName:e.actionsDropdownClassName})))}),(e,t)=>e.actions===t.actions),f=()=>n.createElement("div",{className:"partial-banner partial-loading-background"})},1232:function(e,t,a){"use strict";a.d(t,"a",(function(){return y}));var n=a(0),r=a(2),i=a(46),o=a(21),s=a(1137),l=a(1161),c=a(1304),u=a.n(c);function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,s=e[Symbol.iterator]();!(n=(o=s.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==s.return||s.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return p(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return p(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var m=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};function y(e){var t=e.onSortComplete,a=e.onSortStart,c=e.showPartialLoading,p=m(e,["onSortComplete","onSortStart","showPartialLoading"]),y=d(n.useState(),2),f=y[0],v=y[1],g=function(e){i.a.isFunction(a)&&a(e)};return c?n.createElement(l.b,{withReordering:!0}):e.canEdit?n.createElement(s.b,Object.assign({},p,{currentSortingIndex:f,updateBeforeSortStart:function(e){var t=e.index;return v(t)},onSortStart:function(e){var t=e.index;return g(t)},onSortEnd:function(e){v(null),i.a.isFunction(t)?t(e.oldIndex,e.newIndex):r.a.ErrorHelper.throw(new o.a("An onSortComplete callback function must be passed to SortableVideoListComponent"))},lockAxis:"y",lockToContainerEdges:!0,lockOffset:["0%","100%"],helperClass:"bg-white ".concat(u.a.sortableItem),distance:1,useDragHandle:!0})):n.createElement(s.c,Object.assign({},p))}},1238:function(e,t,a){e.exports={actionsContainer:"_286KF",text:"_3TSgh"}},1244:function(e,t,a){e.exports={container:"_1_KC6",spinner:"VXlcl"}},1245:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var n=["bg-froly","bg-pizazz","bg-emerald","bg-puerto-rico","bg-pelorous","bg-picton-blue","bg-portage","bg-east-side"]},1246:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var n={userVideoHistory:function(e,t,a,n,r,i){var o="video:history:".concat(e,":").concat(t),s="/api/videoviews/v1/customers/".concat(e,"/users/").concat(t,"/videos/history");return a&&(o+=":".concat(a),s+="?cursor=".concat(a)),{key:o,url:s,success:n,error:r,always:i}},videoHistory:function(e,t,a,n,r,i){var o=a.sort().map((function(e){return"videoId=".concat(e)}));return{key:"video:history:".concat(e,":").concat(t,":videos:").concat(o.join("&")),url:"/api/videoviews/v1/customers/".concat(e,"/users/").concat(t,"/videos/history?").concat(o.join("&")),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:i}}}},1269:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(1194),i=a(1222);function o(e,t){const a=t,o=Object(r.a)(e&&(t=>e(t).key));return Object(i.a)(()=>t&&a(o.nextCursor),!!o.nextCursor,o.isFetching),Object(n.useEffect)(()=>{o.shouldInitialFetch&&t&&a()},[o.shouldInitialFetch,t]),{items:o.items,hasMore:!!o.nextCursor,isFetching:o.isFetching}}},1304:function(e,t,a){e.exports={sortableItem:"_2eiPB"}},1312:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(2),r=a(168),i=a(165),o=a(334),s=a(335),l=a(336),c={notFound:i.a,forbidden:{rating:s.a,yearLevel:s.a,region:l.a,privacy:s.a},badRequest:o.a};function u(e,t){var a=Object.assign(Object.assign({},c),t);e.statusCode&&e.statusCode!==r.a.Ok&&(e.statusCode!==r.a.NotFound?e.statusCode!==r.a.Forbidden?n.a.ErrorHelper.throw(new a.badRequest):n.a.ErrorHelper.throw(new a.forbidden.privacy):n.a.ErrorHelper.throw(new a.notFound))}},1323:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);function r(e){const{imageUrl:t,heading:a,description:r}=e;return n.createElement("div",{className:"empty-state-container"},n.createElement("div",{className:"content-container"},t&&n.createElement("img",{src:t}),n.createElement("h1",null,a),r&&n.createElement("p",{dangerouslySetInnerHTML:{__html:r}})))}},1324:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(27),r=a(1157),i=a(49),o=Object.assign(Object.assign({},r.a),{getPlaylist:function(e,t,a){return{url:"{gateway}/v1/objects/".concat(e,"?query=").concat(i.a.PLAYLIST,",_isClickViewPlaylist"),key:"playlist:".concat(e),success:t,error:a}},copyPlaylist:function(e,t,a,r){return{url:"{gateway}/v1/playlists/copy",key:"copy:playlist",data:{playlistId:e},type:n.a.POST,invalidationKeys:"user:playlists",success:t,error:a,always:r}}})},1591:function(e,t,a){e.exports={partialDescription:"_3cyjk"}},1665:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),i=a(80),o=a(19),s=a(72),l=a(9),c=a(3),u=a(48),d=a(105),p=a(212),m=a(20);const y="hc/articles/115005679748";var f=a(1323);const v=l.a.encloseNamespace("playlists.emptyState");function g(e){var t;const a=Object(p.a)(m.b.ImageUrl).getImageUrls(),r=d.a.safeUrlConcat(e.supportSiteUrl,y),i=(null===(t=e.playlist.owner)||void 0===t?void 0:t.id)===e.currentUser.id;return n.createElement(f.a,{imageUrl:a.EmptyStates.VIDEOS,heading:v("noVideosHeading"),description:i&&`<a href="${r}" target="_blank">${v("noVideosInfo")}</a>`})}var b=a(145),h=a(74),E=a(1148),w=a(315),k=a(1269),P=a(1207),S=a(1149),C=a(217);const N={getMaxAllowedRatingForUser(e){if((null==e?void 0:e.onlineRole)!==C.a.Staff)return null==e?void 0:e.maxAllowedRating}};var L=a(1141),I=a(1129),A=a(104),O=a(164),x=a(1324),j=a(322),F=a(1246);function T(e){return function(e){if(Array.isArray(e))return $(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return $(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return $(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var D={ratings:!0,favourites:!0,watchHistory:!0};function V(e,t){var a=o.a.useGetResponse(null==t?void 0:t.key),n=o.a.useGetFetch(t);e&&t&&a.shouldFetch&&n()}var U=a(1312),B=a(75),R=a(43),_=a(17),M=a(1226),H=a(1206),Y=a(1245),q=a(13),K=a(7),z=a(1591),X=a.n(z);function W(){return r.a.createElement(r.a.Fragment,null,r.a.createElement(M.b,null),r.a.createElement("div",{className:"mb-2"},r.a.createElement("div",{className:"partial-loading-background my-2 border-bottom ".concat(X.a.partialDescription)})))}function G(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,s=e[Symbol.iterator]();!(n=(o=s.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==s.return||s.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return J(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return J(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function J(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var Q=l.a.encloseNamespace("playlists.playlistHeader");function Z(e){var t,a=G(n.useState(e.isFollowing),2),r=a[0],i=a[1],o=G(n.useState(!1),2),s=o[0],l=o[1];n.useEffect((function(){return i(e.isFollowing)}),[e.isFollowing]);var d=Object(B.a)(R.a.XS);if(e.showPartialLoading)return n.createElement(W,null);var p=e.playlist.description,m=e.application,y=[e.playlist.id],f=[];return e.canSharePlaylists&&f.push({label:Q("share"),appLink:{application:K.a.SHARE,action:q.a.Share.SHARE,args:[e.playlist.id],params:{entityType:"playlist"}},svgName:_.b.Share,className:"btn btn-secondary",button:!d}),e.canEdit&&f.push({label:Q("edit"),appLink:{application:m,action:q.a.Playlists.EDIT_PLAYLIST,args:y},svgName:_.b.Edit,className:"btn btn-secondary",button:!1}),e.canEdit||f.push({label:Q(r?"unfollow":"follow"),onClick:function(){i(!r),l(!0),e.follow(!r,(function(){l(!1),u.a.logUserAction({id:e.playlistId},{location:c.LocationContext.Banner,actionType:c.UserAction.Follow,descriptor:r?c.ToggleDescriptor.Off:c.ToggleDescriptor.On,entity:c.EntityType.Playlist,workflowPhase:c.WorkflowPhase.Complete})}),(function(){l(!1),i(r)}))},svgName:r?_.b.Check:_.b.Bell,className:"btn follow-btn btn-".concat(r?"secondary":"primary"),button:!d,showSpinner:s}),(null===(t=e.playlist._isClickViewPlaylist)||void 0===t?void 0:t.value)&&f.push({label:Q("copy"),appLink:{application:K.a.PLAYLISTS,action:q.a.Playlists.COPY_PLAYLIST,args:y},button:!1}),e.canEdit&&f.push({label:Q("delete"),appLink:{application:m,action:q.a.Playlists.DELETE_PLAYLIST,args:y},svgName:_.b.Delete,className:"text-danger",button:!1}),n.createElement(n.Fragment,null,n.createElement(M.a,{heading:e.playlist.name,banner:e.playlist.banner,imageCdnUrl:e.imageCdnUrl,actions:f.length&&f,actionsDropdownClassName:"btn btn-secondary",blockColourClass:Object(H.a)(e.playlist,Y.a)}),!!p&&n.createElement("p",{className:"py-2 border-bottom"},p))}var ee=a(1232),te=a(1134);var ae=a(143),ne=a(468),re=a(469);function ie(e){var t=e&&e.length&&e.map((function(e){return e.dateAssociated}));return t&&t.length?ae.a.max(t,(function(e){return new Date(e).getTime()})):null}function oe(e,t){var a=[e?te.a.RemoveFromPlaylist:te.a.AddToPlaylist];return t&&a.push(te.a.Share),a}function se(e,t,a){u.a.logUserAction({id:t,playlistId:e},{location:c.LocationContext.VideoList,entity:c.EntityType.Video,actionType:c.UserAction.Move,workflowPhase:a})}var le={notFound:ne.a,forbidden:{privacy:re.a}};function ce(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,s=e[Symbol.iterator]();!(n=(o=s.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==s.return||s.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return ue(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return ue(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ue(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}a.d(t,"PlaylistView",(function(){return de}));function de(e){var t,a=Object(i.useDispatch)(),r=Object(I.a)(),d=Object(O.a)().hasPermissions,p=o.a.useBasicFetch(b.a.config()),m=o.a.useBasicFetch(h.a.currentUser()),y=!s.a.isEmpty(m.data),f=e.filterByRating?y&&N.getMaxAllowedRatingForUser(m.data):null,v=e.isShared?!!m.data&&x.a.getSharedPlaylist(e.playlistId,f):x.a.getPlaylist(e.playlistId),C=o.a.useBasicFetch(v);Object(U.a)(C,le);var $=!!m.data&&function(t){return(e.isShared?x.a.getSharedPlaylistVideos:x.a.getPlaylistVideos)(e.playlistId,f,t)},B=o.a.useBasicFetch(!!m.data&&x.a.getIsFollowingPlaylist(e.playlistId,m.data.id)),R=function(e){o.a.getFetch(a,$(e))()},_=Object(k.a)($,R),M=_.items,H=_.hasMore,Y=_.isFetching;!function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=Object.assign(Object.assign({},D),t),n=a.ratings,r=a.favourites,i=a.watchHistory,s=o.a.useBasicFetch(h.a.currentUser()),l=e&&(Array.isArray(e)?e.filter(Boolean).map((function(e){return e.id})):e.data.filter(Boolean).map((function(e){return e.id}))),c=s.data,u=[];n&&(u=[].concat(T(u),[!!(null==l?void 0:l.length)&&j.a.videoRatings(l)])),r&&(u=[].concat(T(u),[!!(null==l?void 0:l.length)&&c&&E.a.isFavourited(c.id,l)])),i&&(u=[].concat(T(u),[!!(null==l?void 0:l.length)&&c&&F.a.videoHistory(c.customerId,c.id,l)])),u.forEach((function(t){return V(!!e,t)}))}(M);var z=ce(function(e){const[t,a]=Object(n.useState)();return Object(n.useEffect)(()=>{t&&(e.length!==t.length||function(e,t){let a=!0;if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n].id!==t[n].id){a=!1;break}return a}(e,t))&&a(null)},[e]),[t,a]}(M),2),X=z[0],W=z[1],G=y&&!!M&&!!M.length&&j.a.getRestrictions(M.map((function(e){return e.id}))),J=o.a.useGetResponse(G&&G.key),Q=o.a.useGetFetch(G);G&&J.shouldFetch&&Q(),Object(w.a)(!!C.data&&C.data.name,[C.data]);var ae,ne,re=!!e.allowEdit&&function(e,t){return!(s.a.isEmpty(t)||!e||s.a.isEmpty(e.owner))&&e.owner.id===t.id}(C.data,m.data),ue=!!M&&0===M.length;return n.createElement(L.a.Provider,{value:{videoActions:oe(re,d(A.a.ShareVideos)),getActionAppLink:(ae=e.application,ne=e.playlistId,function(e,t){switch(t){case te.a.RemoveFromPlaylist:return{application:ae,action:q.a.Playlists.REMOVE_VIDEO_FROM_PLAYLIST,args:[e.id,ne]};case te.a.AddToPlaylist:return{application:ae,action:q.a.Playlists.ADD_TO_PLAYLIST,args:[e.id]};case te.a.Share:return{application:K.a.SHARE,action:q.a.Share.SHARE,args:[e.id],params:{entityType:"video"}}}}),hideLabel:!0}},n.createElement("div",{className:"bg-white px-3"},n.createElement(Z,{playlistId:e.playlistId,playlist:C.data,hasVideos:!ue,isFollowing:null===(t=B.data)||void 0===t?void 0:t.isFollowing,follow:function(t,n,i){var s=t?x.a.followPlaylist:x.a.unfollowPlaylist;o.a.fetch(a,s(e.playlistId,m.data.id,n,(function(){i(),r.error(l.a.getPhrase("playlists.playlist",t?"followError":"unfollowError"))})))},application:e.application,canEdit:re,canSharePlaylists:d(A.a.SharePlaylists),isShared:e.isShared,showBreadcrumbs:e.showBreadcrumbs,showDateMetadata:e.showDateMetadata,playAllAppLink:e.playAllAppLink,showPartialLoading:!(C.data&&M&&m.data&&p.data&&B.data),lastUpdated:!!M&&ie(M),imageCdnUrl:!!p.data&&p.data.imageCdnUrl,returnAppLink:e.returnAppLink}),n.createElement("div",{className:"mt-2"},ue?!!p.data&&!!m.data&&!!C.data&&n.createElement(g,{playlist:C.data,currentUser:m.data,supportSiteUrl:p.data.supportSiteUrl}):n.createElement(ee.a,{videos:X||M,playlistId:!!C.data&&C.data.id,onSortStart:function(t){var a=M[t];a&&se(e.playlistId,a.id,c.WorkflowPhase.Start)},onSortComplete:function(t,n){if(t!==n){var r=M[t];if(r){var i=S.a.reorder(M,t,n),s=i.reorderedItems,l=i.reorderRequest;W(s),se(e.playlistId,r.id,c.WorkflowPhase.Complete);o.a.fetch(a,x.a.reorderVideos(e.playlistId,l,null,(function(){W(null)})))}}},isUserSignedIn:y,canEdit:re,showPartialLoading:!M||!m.data||!p.data,getVideoAppLink:e.getVideoAppLink,getSeriesAppLink:e.getSeriesAppLink,fetchRestrictions:Q,setFavourite:function(e,t,n){o.a.fetch(a,E.a.updateIsVideoFavourited(e.id,m.data.id,t,(function(){u.a.logUserAction({id:e.id},{entity:c.EntityType.Video,actionType:c.UserAction.Favourite,descriptor:t?c.ToggleDescriptor.On:c.ToggleDescriptor.Off,location:c.LocationContext.VideoThumbnail,workflowPhase:c.WorkflowPhase.Complete}),r.success(l.a.getPhrase("playlists.playlist",t?"favourited":"unfavourited",{video:e.name}))}),n))},hideFavouriteButton:!d(A.a.FavouriteVideos)})),!!H&&n.createElement(P.a,{isFetching:Y,onClick:R})))}}}]);

package/dist/scripts/17-4a59fed01f.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[17],{1131:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},1132:function(e,t,a){"use strict";var n=a(0),i=a(188),s=a(317),r=a(46),l=a(48),o=a(66),c=a(59),u=a(17),d=a(1131),m=a.n(d);function p(e){let t="dropdown-item";return e&&(t+=" "+e),t}function y(e){if(e.action.appLink)return n.createElement(c.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:p(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return n.createElement("span",{className:"cursor-pointer "+p(e.action.className),onClick:function(t){e.action.analyticsData&&e.action.analyticsOptions&&l.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),r.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function g(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);let t="dropdown";e.className&&(t+=" "+e.className);const a="actions-dropdown-"+s.a.getRandomInt();let i="dropdown-toggle px-0 "+m.a.dropdownToggle;return e.dropdownToggleClassName&&(i+=" "+e.dropdownToggleClassName),n.createElement("div",{className:t},n.createElement("button",{className:i,type:"button",id:a,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},n.createElement(o.a,{svgName:u.b.More,size:o.b.Small})),n.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":a},e.actions.map((e,t)=>n.createElement(y,{key:t,action:e}))))}g.defaultProps={dropdownToggleClassName:"btn btn-light"};var f=a(319);function b(e){const t=[],a=[];e.actions.forEach(e=>{e.button?t.push(e):a.push(e)});let s="d-flex";return e.className&&(s+=" "+e.className),n.createElement("div",{className:s},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:m.a.buttonList},t.map((e,t)=>n.createElement(n.Fragment,{key:t},e.label?n.createElement(f.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},e.label):n.createElement(i.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions})))),e.sortComponent?e.sortComponent:"",!!a.length&&n.createElement(g,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return b}))},1135:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(318),i=a(126),s=a(1150);class r extends n.BaseCollectionIdentifier{constructor(e=i.a.Newest,t="",a=s.a.OwnedByMe){super({collectionPrefix:"user:playlists",cursor:t,sort:e}),this.type=a}toString(){return[this.collectionPrefix,this.sort,this.cursor,this.type].filter(Boolean).join(":")}}},1138:function(e,t,a){"use strict";var n=a(1139);a.o(n,"PlaylistVideoCollectionIdentifier")&&a.d(t,"PlaylistVideoCollectionIdentifier",(function(){return n.PlaylistVideoCollectionIdentifier}))},1139:function(e,t){},1140:function(e,t,a){"use strict";a(1135);var n=a(318);class i extends n.BaseCollectionIdentifier{constructor(e,t=""){super({collectionPrefix:"playlist:videos",id:e,cursor:t})}}a.d(t,"a",(function(){return i}))},1149:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(143),i=a(72);const s={reorder(e,t,a){if(t===a)return{reorderedItems:e,reorderRequest:null};const i=n.a.moveItem(e,t,a),s=a<e.length-1?i[a+1].id:null;return{reorderedItems:i,reorderRequest:{sourceMemberId:i[a].id,destinationMemberId:s}}},updateState(e,t,a){const s=[],r=i.a.deepClone(a),l=[e];let o=a[e];const c=!!o&&!!o.data&&o.data.length;for(;o&&Array.isArray(o.data);){s.push(...o.data);const t=o.pagination&&o.pagination.cursors&&o.pagination.cursors.next,n=!!t&&`${e}:${t}`;o=t&&a[n],o&&l.push(n)}if(!s.length)return a;const u=n.a.findIndex(s,e=>e.id===t.sourceMemberId),d=[...s],m=d.splice(u,1),p=t.destinationMemberId?n.a.findIndex(d,e=>e.id===t.destinationMemberId):d.length;return d.splice(p,0,m[0]),l.forEach(e=>{const t=d.splice(0,c);r[e].data=t}),r}}},1150:function(e,t,a){"use strict";var n;a.d(t,"a",(function(){return n})),function(e){e.OwnedByMe="owned_by_me",e.Followed="followed",e.All="all"}(n||(n={}))},1156:function(e,t,a){"use strict";var n=a(1138);a.o(n,"PlaylistVideoCollectionIdentifier")&&a.d(t,"PlaylistVideoCollectionIdentifier",(function(){return n.PlaylistVideoCollectionIdentifier}));var i=a(1140);a.d(t,"PlaylistVideoCollectionIdentifier",(function(){return i.a}))},1157:function(e,t,a){"use strict";var n,i=a(27),s=a(49),r=a(1149),l=a(1156);!function(e){e[e.Queued=1]="Queued",e[e.Processing=2]="Processing",e[e.Processed=3]="Processed",e[e.Errored=4]="Errored"}(n||(n={}));const o={deletePlaylist:e=>t=>{const a=Object.assign({},t);return a.hasOwnProperty(e)&&delete a[e],a},incrementVideoCount:(e,t)=>a=>{const n=Object.assign({},a);return n.hasOwnProperty(e)?(n[e].videos||(n[e].videos={}),n[e].videos.count=n[e].videos.count?n[e].videos.count+t:t,n):a}};a.d(t,"a",(function(){return m}));const c=e=>e?"&cursor="+e:"",u=e=>Number.isInteger(e)?"&maxRatingValue="+e:"",d=(e,t)=>`${e}${t?":"+t:""}`,m={getPlaylist:(e,t,a)=>({url:`/api/domain/v2/objects/${e}?query=${s.a.PLAYLIST}`,key:"playlist:"+e,success:t,error:a}),getSharedPlaylist:(e,t,a,n)=>({url:`${"/api/domain/v2/share/"+e}?query=${s.a.PLAYLIST}${u(t)}`,key:"shared:playlist:"+e,success:a,error:n}),getUserPlaylists(e){const{sort:t,type:a}=e;return{url:`/api/domain/v2/me/playlists/${a}?sort=${t}&query={limit:100}${s.a.PLAYLIST_COLLECTION}${c(e.cursor)}`,key:e.toString()}},getPlaylistVideos(e,t,a){let n="orderBy:orderindex,limit:100";return Number.isInteger(t)&&(n+=",rating.value:0..."+t),{url:`/api/domain/v2/objects/${e}/videos?query={${n}}${s.a.VIDEO_COLLECTION}${c(a)}`,key:d(`playlist:${e}:videos`,a)}},getSharedPlaylistVideos:(e,t,a)=>({url:`/api/domain/v2/share/${e}/videos?query={orderBy:orderindex,limit:100}`+s.a.SHARED_PLAYLIST_VIDEO_COLLECTION+`${c(a)}${u(t)}`,key:d(`shared:playlist:${e}:videos`,a)}),getVideoPlaylists:(e,t,a)=>({url:`/api/domain/v2/objects/${e}/playlists?query={limit:100,owner.id:[${t}]}`,key:d("video:playlists:"+e,a)}),createPlaylist:(e,t,a,n,s)=>({key:"create:playlist",url:`/api/domain/v2/objects/${e}/playlists`,data:t,type:i.a.POST,success:a,error:n,always:s,invalidationKeys:"user:playlists"}),updatePlaylist:(e,t,a,n,s)=>({key:"update:playlist",url:"/api/domain/v2/objects/"+e,data:t,type:i.a.PUT,success:a,error:n,always:s}),deletePlaylist:(e,t,a,n)=>({key:"delete:playlist",url:"/api/domain/v2/objects/"+e,type:i.a.DELETE,success:t,error:a,always:n,invalidationKeys:"user:playlists",updateState:{keys:"playlist:"+e,updateData:o.deletePlaylist("playlist:"+e)}}),addToPlaylist(e,t,a,n){const s=["user:playlists",new l.PlaylistVideoCollectionIdentifier(e).toString()];return t.forEach(e=>{s.push("video:playlists:"+e)}),{key:"add:to:playlist",url:`/api/domain/v2/objects/${e}/associate`,data:t,type:i.a.POST,success:a,error:n,invalidationKeys:s,updateState:{keys:"playlist:"+e,updateData:o.incrementVideoCount("playlist:"+e,t.length)}}},reorderVideos:(e,t,a,n)=>({key:"reorder:playlist",url:`/api/domain/v2/objects/${e}/videos/reorder`,data:t,type:i.a.PUT,success:a,error:n,invalidationKeys:"user:playlists",updateState:{keys:`playlist:${e}:videos`,updateData:a=>r.a.updateState(`playlist:${e}:videos`,t,a)}}),removePlaylistVideo:(e,t,a,n)=>({key:"remove:playlist:video",url:`/api/domain/v2/objects/${e}/dissociate?memberId=${t}`,type:i.a.DELETE,success:a,error:n,invalidationKeys:["user:playlists",`playlist:${e}:videos`]}),getIsFollowingPlaylist:(e,t)=>({url:`/api/domain/v2/objects/${t}/followedPlaylists?query={id:${e}}`,key:`playlist:${e}:following:${t}`,formatData:t=>{var a;return{objectId:e,isFollowing:!!(null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.length)}},normalize:!1}),followPlaylist:(e,t,a,n,s)=>({url:"/api/domain/v2/objects/"+t,key:"follow:playlist:"+e,data:{followedPlaylists:e},type:i.a.PUT,invalidationKeys:["user:playlists","playlist:"+e,"shared:playlist"],success:a,error:n,always:s}),unfollowPlaylist:(e,t,a,n,s)=>({url:`/api/domain/v2/objects/${t}/followedplaylists/${e}`,key:"unfollow:playlist:"+e,type:i.a.DELETE,invalidationKeys:["user:playlists","playlist:"+e,"shared:playlist"],success:a,error:n,always:s}),getPlaylistPrivacy:e=>({key:"playlist:privacy:"+e,url:`/api/domain/v1/playlists/${e}/privacy`,formatData:t=>({id:e,privacy:t})}),updatePlaylistPrivacy:(e,t,a,n,s)=>({key:"update:playlist:privacy:"+e,url:`/api/domain/v1/playlists/${e}/privacy`,type:i.a.PUT,data:{privacy:t},formatData:()=>({id:e,privacy:t}),success:a,error:n,always:s}),getMigrationTask:(e,t)=>({url:"/api/playlist-app/migration-task",key:"migration:task",formatData:e=>e||{status:n.Processed},success:e,error:t})}},1164:function(e,t,a){"use strict";a.d(t,"b",(function(){return n})),a.d(t,"a",(function(){return u}));var n,i,s=a(0),r=a(66),l=a(17),o=a(1303),c=a.n(o);function u(e){const{type:t,mediaType:a,extraClasses:o}=e,u=function(e){return e===n.Video?c.a.videoFallback:e===n.Playlist?c.a.playlistFallback:e===n.Series||e===n.TallSubject?c.a.posterFallback:e===n.Subject?c.a.subjectFallback+" svg-container d-inline-block":""}(t),d=function(e){return e===n.Video?l.b.Play:e===n.Playlist?l.b.Playlist:e===n.Series?l.b.Series:e===n.Subject||e===n.TallSubject?l.b.Subject:""}(t),m=function(e){return e===n.Subject?r.b.ExtraLarge:r.b.Standard}(t);let p=""+function(e,t){return t===n.Subject?c.a.subjectFallbackContainer:e===i.Svg?t===n.Video?c.a.svgFallbackContainer+" rounded-lg":c.a.svgFallbackContainer:c.a.baseFallbackContainer}(a,t);return o&&(p+=" "+e.extraClasses),s.createElement("div",{className:p},a===i.Svg?s.createElement(r.a,{svgName:d,className:u,tagName:"div",size:m}):s.createElement("div",{className:c.a.fallbackThumbnailImage,style:{backgroundImage:`url('${d}')`}}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series",e[e.Subject=3]="Subject",e[e.TallSubject=4]="TallSubject"}(n||(n={})),function(e){e[e.Svg=0]="Svg",e[e.Image=1]="Image"}(i||(i={})),u.defaultProps={mediaType:i.Svg}},1177:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(143),i=a(72);const s=/([0-9]+)/gi,r=/(^\w+)/gi,l=/\s|\+/gi;const o={getSortedPresentationAudiences(e,t){const a=e.map(e=>e.id.toString());return t.filter(e=>a.includes(e.masterId.toString()))},getMergedPresentationAudienceString(e){if(1===e.length)return e[0];const t=e.map(e=>e.name).join(","),a=t.match(s),n=t.match(r);if(!a||!n)return e[0];const i=function(e){let t,a,n=!1;const i=[];let s,r;for(e=e.sort((e,t)=>e-t),s=0;s<e.length;s++)r=s+1,n||(t=e[s]),a=e[r],e[s]+1===a?n=!0:n?(i.push(`${t} - ${e[s]}`),n=!1):(i.push(""+e[s]),n=!1);return i}(a.map(e=>+e)||[]);return{name:`${n[0]} ${i.join(" , ")}`}},sortMembersWithDuplicateNamesByAudience(e){const t=e=>{if(!e.length)return null;let t,a;return e.forEach(e=>{const i=+n.a.first(e.name.match(s));if(!t)return t=e,void(a=i);i<a&&(t=e)}),t},a={};let i=[];return e.forEach(e=>{if(!a[e.name])return a[e.name]=1,void i.push(e);i.push(e),a[e.name]++;const n=i.splice(i.length-a[e.name]).sort((e,a)=>{const n=t(e.subjectPresentationAudiences.data),i=t(a.subjectPresentationAudiences.data);if(!n&&i)return 1;if(!i)return-1;const s=n.name.localeCompare(i.name);return 0===s?s:s>0?-1:1});i=i.concat(n)}),i},getActiveAudiencesFromParams(e,t={}){if(!i.a.isObject(t)||i.a.isEmpty(t))return;if(!e||!e.length)return;let{a:a}=t;if(!a)return;"string"==typeof a&&(a=[a]);const n=e=>e.replace(l,"").toLowerCase(),s=a.reduce((e,t)=>(e[n(t)]=t,e),{});return e.filter(e=>s[n(e.name)]).reduce((e,t)=>(e[t.masterId]=t,e),{})},getAudienceParams(e){if(!e||!i.a.isObject(e)||i.a.isEmpty(e))return null;const t=Object.keys(e);return t.length?{a:t.map(t=>e[t].name)}:null}}},1179:function(e,t,a){"use strict";var n=a(0),i=a(72),s=a(1219),r=a(1301),l=a.n(r),o=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(a[n[i]]=e[n[i]])}return a};const c=n.memo((function(e){var{forceLoad:t,extraClasses:a=""}=e,i=o(e,["forceLoad","extraClasses"]);const{ref:r,inView:c}=Object(s.a)();if(!r)return n.createElement("img",Object.assign({className:`${l.a.image} ${a}`,alt:""},i));const{src:u}=i,d=o(i,["src"]),m=Object.assign(Object.assign({alt:""},d),c||t?{src:u}:{});return t||(m.ref=r),n.createElement("img",Object.assign({className:`${l.a.image} ${a}`},m))}));var u,d=a(59),m=a(214),p=a(1302),y=a.n(p);function g(e){let t="thumbnail "+y.a.thumbnail,a="";return e.aspectRatio===u.SixteenByNine&&(a=y.a.sixteenByNine),e.aspectRatio===u.NineBySixteen&&(a=y.a.nineBySixteen),e.aspectRatio===u.OneByOne&&(a=y.a.oneByOne),e.aspectRatio===u.TwoByThree&&(a=y.a.twoByThree),a&&(t+=" "+a),e.className&&(t+=" "+e.className),t}function f(e){const{data:t,imageOptions:a,appLink:s,preload:r,analyticsOptions:l,analyticsData:o,imageClassName:u}=e;let p="";"string"==typeof t?p=t:i.a.isObject(t)&&(p=t.url);const y=p&&a?m.a.createUrl(p,a):p;return n.createElement("div",{className:g(e),style:e.imageStyle},s?n.createElement(d.a,{appLink:s,analyticsData:o,analyticsOptions:l},e.children,y&&n.createElement(c,{src:y,forceLoad:r,extraClasses:u})):n.createElement(n.Fragment,null,e.children,y&&n.createElement(c,{src:y,forceLoad:r,extraClasses:u})))}a.d(t,"a",(function(){return u})),a.d(t,"b",(function(){return f})),function(e){e[e.SixteenByNine=0]="SixteenByNine",e[e.OneByOne=1]="OneByOne",e[e.TwoByThree=2]="TwoByThree",e[e.NineBySixteen=3]="NineBySixteen"}(u||(u={}))},1194:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),i=a(80),s=a(19),r=a(46);const l=e=>e&&e.data&&e.data.pagination&&e.data.pagination.cursors&&e.data.pagination.cursors.next;function o(e){return Object(i.useSelector)(Object(n.useMemo)(()=>t=>{const a=e;let n=r.a.isFunction(e)&&s.a.getResponse(t,a()),i=n&&n.isFetching;const o=n&&n.shouldFetch,c=n&&n.data&&n.data.data;let u=l(n);for(;u&&(n=s.a.getResponse(t,a(u)),i=n.isFetching,!n.shouldFetch);){const e=n.data&&n.data.data;e&&c.push(...e);const t=l(n);u=t===u?null:t}return{shouldInitialFetch:o,items:c,nextCursor:u,isFetching:i}},[e]))}},1195:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0);a(1242);function i(e){return e.audience?n.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 mt-1 "+("border-"+e.border)},e.audience.name):n.createElement(n.Fragment,null)}},1196:function(e,t,a){e.exports={playlistItem:"_6o0Z2",playlistItemGradient:"_2JLPt",playlistMetadata:"_3MCKL",playlistName:"_1Ukz7",partialHeading:"_13tO6",ownerAvatarContainer:"CwjTl"}},1206:function(e,t,a){"use strict";function n(e,t){return t[e.name.charCodeAt(0)%t.length]}a.d(t,"a",(function(){return n}))},1207:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(0),i=a(40),s=a(66),r=a(17),l=a(1244),o=a.n(l);function c(e){return n.createElement("div",{className:"p-3 text-center "+o.a.container},e.isFetching?n.createElement(i.Spinner,{as:"span",animation:"border",role:"status",className:o.a.spinner}):n.createElement(s.a,{svgName:r.b.ChevronDown,className:"svg-container cursor-pointer",size:s.b.Large,onClick:e.onClick}))}},1210:function(e,t,a){"use strict";var n=a(0),i=a(127),s=a(9),r=a(214),l=a(1177),o=a(163),c=a(94),u=a(59),d=a(1179),m=a(1164),p=a(1195),y=a(324),g=a(325),f=a(269),b=a(1243);function v(){return n.createElement("div",{className:b.avatar},n.createElement(f.b,null))}function h(e){var t,a,i;const{owner:s}=e.playlist;if(!!(null===(t=e.playlist.cover)||void 0===t?void 0:t.url))return n.createElement(v,null);if(!(null==s?void 0:s.id)||!(null===(a=e.currentUser)||void 0===a?void 0:a.id))return n.createElement(n.Fragment,null);if(s.id.toString()===e.currentUser.id.toString())return n.createElement(n.Fragment,null);const r="string"==typeof s.avatar?s.avatar:null===(i=s.avatar)||void 0===i?void 0:i.url;return n.createElement(y.a,{imageUrl:r,imageCdnUrl:e.imageCdnUrl,initials:g.a.getInitials(s.name,s.surname)})}var E=a(1206),w=a(3),C=a(1196),P=a.n(C);a.d(t,"a",(function(){return k}));const N=s.a.encloseNamespace("playlists.playlistItem");function k(e){var t,a;const s=r.a.createUrl(e.data.cover&&e.data.cover.url,{size:o.a.Medium,resizeType:o.c.Cover}),y=e.data.subjectPresentationAudiences&&e.data.subjectPresentationAudiences.data,g=y&&e.presentationAudiences&&l.a.getSortedPresentationAudiences(y,e.presentationAudiences),f=g&&l.a.getMergedPresentationAudienceString(g),b=!!e.showCount&&!!e.data.videos&&e.data.videos.count,v=!!e.showLastUpdated&&e.data.contentModifiedDate&&i.utc(e.data.contentModifiedDate);let C=P.a.playlistItem;const k=!!s||!!e.showFallbackImage;k&&(C+=" "+P.a.playlistItemGradient),!k&&e.bgColourClassNames&&(C+=` ${P.a.playlistItem} ${Object(E.a)(e.data,e.bgColourClassNames)}`);const O=Object.assign(Object.assign({},e.analyticsData),{id:null===(t=e.data)||void 0===t?void 0:t.id,name:null===(a=e.data)||void 0===a?void 0:a.name}),S=Object.assign(Object.assign({},e.analyticsOptions),{entity:w.EntityType.Playlist});return n.createElement(c.a.Provider,{value:"playlists.playlistItem"},n.createElement(u.a,{appLink:e.appLink,analyticsData:O,analyticsOptions:S},n.createElement(d.b,{data:s,className:C},!!e.showFallbackImage&&n.createElement(m.a,{type:m.b.Playlist}),n.createElement("div",{className:"text-white "+P.a.playlistMetadata},Number.isInteger(b)&&n.createElement(c.b,{phrase:"videos",options:{smartCount:b}}),n.createElement("h5",{className:P.a.playlistName+" text-shadow mb-0"},e.data.name),!!y&&!!y.length&&!!f&&n.createElement(p.a,{audience:f,border:"white"}),(()=>{if(!v)return n.createElement(n.Fragment,null);const e=v.isBefore(i.utc().subtract(1,"month"))?N("notUpdatedRecently"):N("lastUpdated",{timeAgo:v.fromNow()});return n.createElement("p",{className:"mb-0"},e)})()),!!e.showOwner&&!!e.imageCdnUrl&&n.createElement("div",{className:P.a.ownerAvatarContainer},n.createElement(h,{playlist:e.data,currentUser:e.currentUser,imageCdnUrl:e.imageCdnUrl})))))}},1219:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(1124);function i(e){let[t,a]=n.useInView({triggerOnce:!0});return!0!==e&&void 0!==window.IntersectionObserver||(a=!0,t=null),{ref:t,inView:a}}},1222:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(0),i=a(46);function s(e,t,a){const s=()=>{if(a)return;window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-400||e()};Object(n.useEffect)(()=>{const e=i.a.throttle(s,200);return t&&window.addEventListener("scroll",e),()=>window.removeEventListener("scroll",e)},[t,e])}},1223:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),i=a(40),s=a(1196),r=a.n(s);function l(e){const t=[...Array(e.numItems)],a=e.itemClassName||"";return n.createElement(n.Fragment,null,e.showHeading&&n.createElement("div",{className:r.a.partialHeading+" partial-loading-background"}),n.createElement(i.Row,null,t.map((e,t)=>n.createElement(i.Col,{key:t,xs:6,sm:4,lg:3,className:a},n.createElement("div",{className:"py-2"},n.createElement("div",{className:r.a.playlistItem+" partial-loading-background"}))))))}l.defaultProps={numItems:8}},1241:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));const n=()=>"/api/domain/v1/subjects/audiences?type=subject",i={presentationAudiences:()=>({bootstrapName:"presentationAudiences",url:n(),key:"presentation:audiences",normalize:!1})}},1242:function(e,t,a){e.exports={audienceLabelListItem:"_2YGVO"}},1243:function(e,t,a){e.exports={avatar:"_1IfFN"}},1244:function(e,t,a){e.exports={container:"_1_KC6",spinner:"VXlcl"}},1245:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var n=["bg-froly","bg-pizazz","bg-emerald","bg-puerto-rico","bg-pelorous","bg-picton-blue","bg-portage","bg-east-side"]},1268:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),i=a(40),s=a(3),r=a(1210);const l={actionType:s.UserAction.Click,entity:s.EntityType.Playlist,location:s.LocationContext.PlaylistListItem,descriptor:s.ClickDescriptor.Cover};function o(e){return n.createElement(i.Row,null,e.playlists.map(t=>n.createElement(i.Col,{key:t.id,xs:6,sm:4,lg:3,className:"mb-3 "+(e.itemContainerClassName?e.itemContainerClassName:"")},n.createElement(r.a,{data:t,appLink:e.getPlaylistAppLink(t),imageCdnUrl:e.imageCdnUrl,currentUser:e.currentUser,presentationAudiences:e.presentationAudiences,bgColourClassNames:e.bgColourClassNames,showCount:e.showCount,showOwner:e.showOwner,showFallbackImage:e.showFallbackImage,showLastUpdated:e.showLastUpdated,analyticsData:e.analyticsData,analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),l)}))))}},1301:function(e,t,a){e.exports={image:"_1YW-E"}},1302:function(e,t,a){e.exports={thumbnail:"_3lfBf",sixteenByNine:"_2LqZ8",nineBySixteen:"_136ry",oneByOne:"_2wYLa",twoByThree:"_1eC6Q"}},1303:function(e,t,a){e.exports={baseFallbackContainer:"_1wRjB",svgFallbackContainer:"_2t1jq",subjectFallbackContainer:"_12D74",videoFallback:"_6BPy-",subjectFallback:"_2Srdd",playlistFallback:"_1slQX",posterFallback:"i0o8n",fallbackThumbnailImage:"_2L_tV"}},1323:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0);function i(e){const{imageUrl:t,heading:a,description:i}=e;return n.createElement("div",{className:"empty-state-container"},n.createElement("div",{className:"content-container"},t&&n.createElement("img",{src:t}),n.createElement("h1",null,a),i&&n.createElement("p",{dangerouslySetInnerHTML:{__html:i}})))}},1677:function(e,t,a){"use strict";a.r(t);var n=a(0),i=a(80),s=a(143),r=a(9),l=a(19),o=a(1157),c=a(1241),u=a(145),d=a(74),m=a(1222),p=a(315),y=a(1194),g=a(1268),f=a(1223),b=a(212),v=a(1323),h=a(20);const E=r.a.encloseNamespace("playlists.emptyState");function w(){const e=Object(b.a)(h.b.ImageUrl).getImageUrls();return n.createElement(v.a,{imageUrl:e.EmptyStates.VIDEOS,heading:E("noPlaylistsHeading"),description:E("noPlaylistsInfo")})}var C=a(1207),P=a(1135),N=a(1150),k=a(94),O=a(46),S=a(126),I=a(59);const j="playlists.playlistSortSelect",L=O.a.memoize(()=>({[S.a.RecentlyUpdated]:{name:r.a.getPhrase(j,"recentlyUpdated")},[S.a.AtoZ]:{name:r.a.getPhrase(j,"atoz")},[S.a.ZtoA]:{name:r.a.getPhrase(j,"ztoa")},[S.a.Newest]:{name:r.a.getPhrase(j,"newest")},[S.a.Oldest]:{name:r.a.getPhrase(j,"oldest")}}));function x(e){const{type:t,getSortAppLink:a,variant:i}=e,s=L();return n.createElement("div",{className:"dropdown"},n.createElement("a",{className:`btn btn-${i} ml-2 dropdown-toggle`,type:"button",id:"sort-select","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},s[t].name),n.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":"sort-select"},Object.values(S.a).map(e=>{let i="dropdown-item";return e===t&&(i+=" active"),n.createElement(I.a,{key:e,className:i,appLink:a(e)},s[e].name)})))}x.defaultProps={variant:"light"};var F=a(17),T=a(1132),$=a(104),A=a(164),U=a(374),_=a(7),B=a(13),D=a(1245);a.d(t,"PlaylistsView",(function(){return M}));function V(e){return{application:_.a.PLAYLISTS,action:B.a.Playlists.HOME,params:{sort:e}}}function M(e){var t=Object(i.useDispatch)(),a=Object(A.a)().hasPermissions,b=l.a.useBasicFetch(u.a.config()),v=l.a.useBasicFetch(d.a.currentUser()),h=l.a.useBasicFetch(c.a.presentationAudiences()),E=!!v.data&&U.a.getOrSetSortType(v.data.id,e.sort),O=!!E&&function(e){return o.a.getUserPlaylists(new P.a(E,e,N.a.All))},S=!!O&&function(e){l.a.getFetch(t,O(e))()},I=Object(y.a)((function(e){return O(e).key}));Object(p.a)(r.a.getPhrase("playlists.playlists","title")),Object(m.a)((function(){return S(I.nextCursor)}),!!I.nextCursor,I.isFetching),n.useEffect((function(){I.shouldInitialFetch&&S&&S()}),[I.shouldInitialFetch,S]);var j=a($.a.CreatePlaylists)?[{label:r.a.getPhrase("playlists.playlists","newPlaylist"),appLink:{application:_.a.PLAYLISTS,action:B.a.Playlists.NEW_PLAYLIST},svgName:F.b.Plus,className:"btn btn-secondary",button:!0}]:[];return s.a.isEmpty(I.items)?n.createElement(w,null):n.createElement("div",{className:"bg-white px-3"},n.createElement("div",{className:"d-flex justify-content-between"},n.createElement("h1",null,n.createElement(k.b,{namespace:"playlists.playlists",phrase:"title"})),!!E&&n.createElement("div",null,n.createElement(T.a,{actions:j,sortComponent:n.createElement(x,{variant:"secondary",type:E,getSortAppLink:V})}))),I.items&&v.data&&b.data&&(h.data||h.hasError)?n.createElement(g.a,{playlists:I.items,getPlaylistAppLink:e.getPlaylistAppLink,imageCdnUrl:b.data.imageCdnUrl,currentUser:v.data,presentationAudiences:h.data||[],bgColourClassNames:D.a,showCount:!0,showOwner:!0,showLastUpdated:!0}):n.createElement(f.a,null),!!I.items&&!(!I.nextCursor&&!I.isFetching)&&n.createElement(C.a,{isFetching:I.isFetching,onClick:function(){return S(I.nextCursor)}}))}}}]);

package/dist/scripts/18-12643afff6.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[18],{1183:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(27);const i={createViewKey:e=>({url:"/api/player/create-view-key",key:"view:key:"+e,type:a.a.POST,data:{mediaId:e.toString()}})}},1221:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var a=368},1235:function(e,t,n){"use strict";var a=n(1193);n.d(t,"a",(function(){return a.a}));n(1203);var i=n(1202);n.d(t,"b",(function(){return i.a}))},1237:function(e,t,n){"use strict";var a=n(1313);n.d(t,"InteractiveMode",(function(){return a.a}));n(1393),n(1394),n(1395),n(1396)},1265:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0),i=n.n(a);function r(e){var t,n,a;if(!e.owner)return i.a.createElement(i.a.Fragment,null);let r=e.owner.name;e.owner.surname&&(r+=(" "+e.owner.surname.substr(0,1)).toUpperCase());const o=null===(n=null===(t=e.owner.customers)||void 0===t?void 0:t.data)||void 0===n?void 0:n[0],c=null!==(a=null==o?void 0:o.name)&&void 0!==a?a:"";return c&&(r+=", "),i.a.createElement("small",{className:"clamp-1"},r,c&&i.a.createElement("em",null,c),"ClickView"===c&&i.a.createElement(i.a.Fragment,null,"CV Icon"))}},1310:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),i=n.n(a),r=n(44),o=n(59),c=n(1160),s=n(1152),l=n(94),u=n(1265),d=n(163),m=n(1311),p=n.n(m),v=n(3);const f=i.a.memo((function(e){const t=Object.assign(Object.assign({},e.appLink),{args:[e.data.id,r.a.slugify(e.data.name)]}),n=Object.assign(Object.assign({},e.questionsAppLink),{args:[e.data.id]});return i.a.createElement("div",{className:"flex-shrink-0 px-1 "+p.a.item},i.a.createElement("div",{className:"row m-0 border rounded p-2 h-100"},i.a.createElement("div",{className:"col-6 p-0"},i.a.createElement(c.a,{video:e.video,interactive:e.data,appLink:t,type:"static",videoType:"interactive",imageOptions:{size:d.a.Small},textPosition:s.a.Independent,preload:!0,analyticsOptions:{location:v.LocationContext.SlidingListItem}})),i.a.createElement("div",{className:"col-6 p-0"},i.a.createElement("div",{className:"pl-3"},i.a.createElement(o.a,{appLink:t},i.a.createElement("h3",{className:"h6 mb-1 clamp-2"},e.data.name)),i.a.createElement(u.a,{owner:e.data.owner}),i.a.createElement(o.a,{className:"info-link",appLink:n},i.a.createElement(l.b,{namespace:"shared.interactiveWidgetItem",phrase:"previewQuestions"}))))))}))},1311:function(e,t,n){e.exports={item:"_2An5o",thumbnail:"Wvc5s",smallItemIconWidth:"_2IdDd",smallItemInfoWidth:"_1Iat7",smallProgressBarContainer:"_17I8T"}},1313:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e[e.View=0]="View",e[e.Create=1]="Create"}(a||(a={}))},1317:function(e,t,n){e.exports={time:"_30ibe",typeIcon:"UMnFt",type:"_3uwxz",question:"_1FwXi"}},1318:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var a={interactiveMetadata:function(e){return{url:"/api/domain/v2/objects/".concat(e,"?query=video"),key:"interactivemetadata:".concat(e)}},interactive:function(e){return{url:"/api/domain/v1/interactives/".concat(e),key:"interactive:".concat(e)}}}},1338:function(e,t,n){"use strict";var a=n(0),i=n.n(a),r=n(218),o=n(215),c=n(329),s=n(314),l=n(1221);var u=n(1317),d=n.n(u);function m(e){var t=e.interaction,n=e.visibleAt,a=e.goToTimepoint,r=e.selected;var l=a?"cursor-pointer":"cursor-default";return i.a.createElement(s.a,{className:"py-2 ".concat(l),onClick:function(){a&&a(n)}},i.a.createElement("span",{className:"".concat(d.a.time," ").concat(r?"font-weight-bold":"")},c.a.ToDisplayDuration(n)),i.a.createElement("span",{className:d.a.typeIcon,style:{backgroundImage:"url(".concat(t.type.icon,")"),backgroundColor:"#".concat(t.type.colour)}}),i.a.createElement("span",{className:d.a.type},i.a.createElement("strong",null,t.type.name)),i.a.createElement("span",{className:"".concat(d.a.question," ").concat(r?"font-weight-bold":"")},t.typeId===o.InteractionTypeId.Annotation?function(e){if(e)return(e=function(e){if(e)return e.replace(/<p>/g,"").replace(/<\/p>/g,"<br>")}(e=function(e,t){if(e&&t)return t.forEach((function(t){e=e.replace("<"+t+">","").replace("</"+t+">","")})),e}(e,["b","i","u","ul","li","old"]))).split("<br>")[0]||"Annotation"}(t.data.annotation):t.name))}function p(e){var t=e.timepoint,n=e.selectedTimepointId,a=e.goToTimepoint,r=e.scrollTo,o=i.a.useRef(),c=n&&n.toString()===t.id.toString();return i.a.useEffect((function(){if(c&&o.current){var e=o.current,t=e.getBoundingClientRect(),n=t.top-e.offsetParent.getBoundingClientRect().top;r(n,t.height)}}),[c]),i.a.createElement("div",{ref:o},t.interactions.map((function(e,n){return i.a.createElement(m,{interaction:e,visibleAt:t.visibleAt,goToTimepoint:a,selected:c,key:n})})))}function v(e){var t=e.interactive,n=e.goToTimepoint,a=e.selectedTimepointId,o=i.a.useRef();function c(e,t){if(o.current){var n=o.current.getClientHeight(),a=o.current.getScrollTop(),i=e+a;(i<a||i+t>a+n)&&o.current.scrollTop(i-n/2+t/2)}}var s=n?"border rounded":"";return i.a.createElement(r.Scrollbars,{autoHeight:!0,autoHeightMax:l.a,className:s,hideTracksWhenNotNeeded:!0,ref:o},i.a.createElement("div",{className:"px-3 py-1"},t.timepoints.map((function(e,t){return i.a.createElement(p,{key:t,timepoint:e,goToTimepoint:n,selectedTimepointId:a,scrollTo:c})}))))}n.d(t,"a",(function(){return v}))},1393:function(e,t){},1394:function(e,t){},1395:function(e,t){},1396:function(e,t){},1567:function(e,t,n){},1568:function(e,t,n){},1569:function(e,t,n){},1570:function(e,t,n){},1571:function(e,t,n){},1572:function(e,t,n){},1573:function(e,t,n){},1574:function(e,t,n){},1575:function(e,t,n){},1663:function(e,t,n){"use strict";n.r(t);var a=n(0),i=n.n(a),r=n(19),o=n(9),c=n(315),s=n(1183),l=n(145),u=n(59),d=n(1310),m=n(1235),p=n(94),v=n(1220),f=n(340),h=n(1237),y=n(112),I=n(6),g=n(1624),b=n(249);var E=n(1313);function T(){return i.a.createElement("div",{className:"alert alert-info mt-3",role:"alert"},"Psst, you haven't attempted this question yet. You can continue to watch the video and answer the question later if you like.")}var C=n(215);n(1567);const w={[C.InteractionTypeId.Annotation]:null,[C.InteractionTypeId.Image]:null,[C.InteractionTypeId.MissingWord]:null,[C.InteractionTypeId.MultipleChoice]:null,[C.InteractionTypeId.ShortAnswer]:function(e){const{state:t,setState:n,interaction:a}=e;return i.a.createElement("div",{className:"cv-create-short-answer"},i.a.createElement("h2",{className:"font-body"},"Create Short Answer"),i.a.createElement("textarea",{className:"form-control",rows:3,onChange:function(e){n(Object.assign(Object.assign({},t),{text:e.target.value}))},value:t.text||a.data.text}))}};const k={[C.InteractionTypeId.Annotation]:null,[C.InteractionTypeId.Image]:null,[C.InteractionTypeId.MissingWord]:null,[C.InteractionTypeId.MultipleChoice]:null,[C.InteractionTypeId.ShortAnswer]:function(e){return!!e.text},[C.InteractionTypeId.TrueOrFalse]:null};const S={[C.InteractionTypeId.Annotation]:null,[C.InteractionTypeId.Image]:null,[C.InteractionTypeId.MissingWord]:null,[C.InteractionTypeId.MultipleChoice]:null,[C.InteractionTypeId.ShortAnswer]:function(e,t){return new Promise(n=>{window.setTimeout(()=>{t.data.text=e.text,n()},200)})},[C.InteractionTypeId.TrueOrFalse]:null};n(1568);function O(e){const{interaction:t}=e;return i.a.createElement("div",{className:"cv-interaction-heading mb-3"},i.a.createElement("span",{className:"cv-iteraction-icon",style:{backgroundImage:`url(https:${t.type.icon})`,backgroundColor:"#"+t.type.colour}}),i.a.createElement("h2",{className:"cv-interaction-title h5"},t.name))}n(1569);function N(e){const{correct:t,showFeedback:n}=e;return n?i.a.createElement(i.a.Fragment,null,t?i.a.createElement("div",{className:"alert alert-success"},"Correct"):i.a.createElement("div",{className:"alert alert-danger"},"Incorrect")):i.a.createElement(i.a.Fragment,null)}var j=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 i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function A(e,t){return t.actionableItems.every(t=>t.name===e[t.id])}n(1570);var x=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 i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function M(e,t){return t.actionableItems.filter(e=>e.isCorrect).every(t=>e[t.id])}function _(e){return!!Object.keys(e).length}function F(){return new Promise(e=>{e()})}function P(e){const{state:t,setState:n,interaction:a,showFeedback:r}=e,o=1===a.actionableItems.filter(e=>e.isCorrect).length;return i.a.createElement("div",{className:"cv-interactive-question"},i.a.createElement(N,{correct:M(t,a),showFeedback:r}),i.a.createElement(O,{interaction:a}),i.a.createElement("form",{className:"cv-multiple-choice-form"},i.a.createElement("table",{className:"table-bordered w-100"},i.a.createElement("tbody",{className:"table-bordered w-100"},a.actionableItems.map((e,a)=>{const c=t[e.id];return i.a.createElement("tr",{key:a},i.a.createElement("td",{className:"cv-multiple-choice-input-container"},i.a.createElement("div",{className:"custom-control "+(o?"custom-radio":"custom-checkbox")},i.a.createElement("input",{id:e.id,type:o?"radio":"checkbox",className:"custom-control-input",name:"multiple-choice",checked:!!c,onChange:a=>function(e,a){if(o)n({[e.id]:!0});else if(a.target.checked)n(Object.assign(Object.assign({},t),{[e.id]:!0}));else{const a=t,i=e.id,r=(a[i],x(a,["symbol"==typeof i?i:i+""]));n(r)}}(e,a),disabled:r}),i.a.createElement("label",{htmlFor:e.id,className:"custom-control-label"}))),i.a.createElement("td",{className:"cv-multiple-choice-label-container w-100"},i.a.createElement("label",{htmlFor:e.id},e.name)))})))))}var L=n(1623);const V={[C.InteractionTypeId.Annotation]:function(e){const{interaction:t}=e;return i.a.createElement("div",{className:"cv-interactive-question"},i.a.createElement(O,{interaction:t}),i.a.createElement("div",{dangerouslySetInnerHTML:{__html:e.interaction.data.annotation}}))},[C.InteractionTypeId.Image]:function(e){const{interaction:t,recalculateScroll:n}=e,a=i.a.useCallback(e=>{e&&(e.onload=()=>{n()})},[]);return i.a.createElement("div",{className:"cv-interactive-question cv-image-interactive"},i.a.createElement(O,{interaction:t}),i.a.createElement("div",{className:"cv-image-container"},i.a.createElement("img",{className:"img-fluid",src:t.data.url,ref:a})))},[C.InteractionTypeId.MissingWord]:function(e){const{state:t,setState:n,interaction:a,showFeedback:r}=e,o=a.data.sentence.replace(/{([^{}]*)}/g,(e,t)=>`{cv-missing-word-${t}}`).split(/{([^{}]*)}/g);return i.a.createElement("div",{className:"cv-interactive-question"},i.a.createElement(N,{correct:A(t,a),showFeedback:r}),i.a.createElement(O,{interaction:a}),i.a.createElement("form",null,o.map((e,r)=>{if(!e.startsWith("cv-missing-word-"))return e;const o=e.replace("cv-missing-word-",""),c=a.actionableItems.find(e=>e.order.toString()===o);if(!c)return;const s=function(e){const t=document.createElement("canvas").getContext("2d");return t.font="17pt arial",t.measureText(e).width}(c.name);return i.a.createElement("input",{key:r,style:{width:s+"px"},onChange:e=>function(e,a){if(a.target.value)n(Object.assign(Object.assign({},t),{[e.id]:a.target.value}));else{const a=t,i=e.id,r=(a[i],j(a,["symbol"==typeof i?i:i+""]));n(r)}}(c,e)})})))},[C.InteractionTypeId.MultipleChoice]:P,[C.InteractionTypeId.ShortAnswer]:function(e){const{interaction:t,state:n,setState:a}=e;return i.a.createElement("div",{className:"cv-interactive-question"},i.a.createElement(O,{interaction:t}),i.a.createElement(L.a,{translate:!0,className:"form-control",minRows:3,value:n.text||"",onChange:function(e){a(Object.assign(Object.assign({},n),{text:e.target.value}))}}))},[C.InteractionTypeId.TrueOrFalse]:P};function R(){return!0}const D={[C.InteractionTypeId.Annotation]:R,[C.InteractionTypeId.Image]:R,[C.InteractionTypeId.MissingWord]:function(e,t){return Object.keys(e).length===t.actionableItems.length},[C.InteractionTypeId.MultipleChoice]:_,[C.InteractionTypeId.ShortAnswer]:function(e){return!!e.text},[C.InteractionTypeId.TrueOrFalse]:_};function W(){return Promise.resolve()}const q={[C.InteractionTypeId.Annotation]:W,[C.InteractionTypeId.Image]:W,[C.InteractionTypeId.MissingWord]:function(){return new Promise(e=>{e()})},[C.InteractionTypeId.MultipleChoice]:F,[C.InteractionTypeId.ShortAnswer]:function(){return new Promise(e=>{e()})},[C.InteractionTypeId.TrueOrFalse]:F};function B(e,t){if(t===h.InteractiveMode.Create)return function(e){return k[e]}(e);if(t===h.InteractiveMode.View)return function(e){return D[e]}(e);throw new Error("Cannot find validation functions for the mode "+t)}function U(e,t){if(t===h.InteractiveMode.Create)return function(e){return S[e]}(e);if(t===h.InteractiveMode.View)return function(e){return q[e]}(e);throw new Error("Cannot find validation functions for the mode "+t)}function z(e,t){if(t===h.InteractiveMode.Create)return function(e){return w[e]}(e);if(t===h.InteractiveMode.View)return function(e){return V[e]}(e);throw new Error("Cannot find components for the mode "+t)}function H(e){return"t"+e.id}function K(e){return"i"+e.id}n(1571);const Q={isValid:!0,submitted:!1,preview:!1};function X(e){const{timepoint:t,continueInteractive:n,mode:a,state:r,dispatch:o,recalculateScroll:c,timepointState:s,immediateFeedback:l}=e;return i.a.createElement("div",{className:"cv-timepoint"},i.a.createElement("div",null,t.interactions.map((e,t)=>{const n=z(e.type.id,a);return i.a.createElement(n,{interaction:e,state:r[K(e)]||{},setState:t=>o({key:K(e),value:t}),key:t,recalculateScroll:c,showFeedback:s.submitted})}),!s.isValid&&i.a.createElement(T,null)),i.a.createElement("div",{className:"cv-timpoint-button-container"},!s.isValid&&i.a.createElement("a",{className:"btn btn-secondary",onClick:n},"Come back later"),i.a.createElement("a",{className:"btn btn-info ml-2",onClick:function(){if(s.submitted)return void n();if(!!t.interactions.some(e=>!B(e.typeId,a)(r[K(e)]||{},e)))return void o({key:H(t),value:Object.assign(Object.assign({},s),{isValid:!1})});const e=t.interactions.map(e=>U(e.typeId,a)(r[K(e)]||{},e));Promise.all(e).then(()=>{o({key:H(t),value:Object.assign(Object.assign({},s),{submitted:!0,isValid:!0})}),l&&function(e){return e.interactions.some(e=>e.typeId===C.InteractionTypeId.MissingWord||e.typeId===C.InteractionTypeId.MultipleChoice||e.typeId===C.InteractionTypeId.TrueOrFalse)}(t)||n()})}},"Save & Continue")))}n(1572);const G=[{name:"Annotation",type:C.InteractionTypeId.Annotation},{name:"Image",type:C.InteractionTypeId.Image},{name:"MissingWord",type:C.InteractionTypeId.MissingWord},{name:"MultipleChoice",type:C.InteractionTypeId.MultipleChoice},{name:"ShortAnswer",type:C.InteractionTypeId.ShortAnswer},{name:"TrueOrFalse",type:C.InteractionTypeId.TrueOrFalse}];function $(e){const{onTypeSelected:t}=e;return i.a.createElement("div",{className:"cv-interactive-type-selector"},G.map((e,n)=>i.a.createElement("a",{key:n,className:"btn btn-info",onClick:()=>t(e.type)},e.name)))}n(1573);function J(e,t){return Object.assign(Object.assign({},e),{[t.key]:t.value})}function Y(e){const{player:t,track:n,mode:a,interactive:r}=e,[o,c]=i.a.useReducer(J,{}),{open:s,timepoint:l,continueInteractive:u}=function(e){const{player:t,track:n,interactive:a,mode:r}=e,[o,c]=i.a.useState(r===h.InteractiveMode.Create),[s,l]=i.a.useState(null);function u(){const e=n.activeCues;if(!e.length)return r!==h.InteractiveMode.Create&&c(!1),void l(null);const i=a.timepoints.find(t=>t.id.toString()===e[0].text.toString());i.shouldPause&&(t.seeking()?t.one("play",()=>t.pause()):t.pause()),c(!0),l(i)}return i.a.useEffect(()=>(n.addEventListener("cuechange",u),()=>n.removeEventListener("cuechange",u))),{open:o,timepoint:s,continueInteractive:function(){r!==h.InteractiveMode.Create&&c(!1),t.play()},lockPlayer:function(){},unlockPlayer:function(){}}}({player:t,track:n,interactive:r,mode:a}),d=i.a.useRef();return i.a.createElement("div",{className:"cv-interactive-container"},i.a.createElement("div",{className:"cv-interactive "+(s?"cv-open":"")},i.a.createElement(g.a,{style:{height:"100%"},ref:d},!l&&a===E.a.Create&&i.a.createElement($,{onTypeSelected:function(e){t.pause();const a=t.currentTime(),i=Math.round(Math.random()*Number.MAX_SAFE_INTEGER).toString();r.timepoints||(r.timepoints=[]),r.timepoints.push({id:i,visibleAt:1e3*a,interactiveId:r.id,shouldPause:1,interactions:[{id:Math.round(Math.random()*Number.MAX_SAFE_INTEGER).toString(),typeId:e,type:{id:e,name:"",colour:"",icon:""},timepointId:i,order:0,interactiveId:r.id,data:{}}]}),n.addCue({startTime:a,endTime:a+1,text:i})}}),!!l&&i.a.createElement(X,{timepoint:l,continueInteractive:u,immediateFeedback:r.immediateFeedback,mode:a,state:o,dispatch:c,recalculateScroll:function(){d.current.recalculate()},timepointState:o[H(l)]||Q}))))}I.a.registerComponent("Interactive",Object(b.a)((e,t)=>i.a.createElement(Y,Object.assign({player:e},t))));n(1574);const Z=I.a.getComponent("Button");class ee extends Z{constructor(e,t){super(e,t),this.timepoint_=t.timepoint,this.time_=t.timepoint.visibleAt/1e3;const n=t.timepoint.interactions[0];n||this.hide(),this.setColour(n.type.colour),this.controlText(n.name),this.update()}buildCSSClass(){return"cv-interactive-bar-item "+super.buildCSSClass()}createEl(e,t,n){return super.createEl(e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),n)}update(){const e=this.player_.duration(),t=this.time_/e;this.el().style.left=100*t+"%",t>100||t<0?this.hide():this.show()}handleClick(e){e.stopPropagation(),this.player_.currentTime(this.time_)}setColour(e){this.el().querySelector(".vjs-icon-placeholder").style.backgroundColor="#"+e}}n(1575);const te=I.a.getComponent("Component");class ne extends te{constructor(e,t){super(e,t),this.track_=t.track,this.interactive_=t.interactive,this.onDurationChange=this.onDurationChange.bind(this),this.createInteractionItems=this.createInteractionItems.bind(this),this.createInteractionItems(),this.player_.on("durationchange",this.onDurationChange),this.player_.on("dispose",()=>{this.player_.off("durationchange",this.onDurationChange)})}buildCSSClass(){return"cv-interactive-bar-items "+super.buildCSSClass()}createEl(e,t,n){return super.createEl(e,Object.assign(Object.assign({},t),{className:this.buildCSSClass()}),n)}update(){this.children_.forEach(e=>{e.update()})}createInteractionItems(){if(this.track_){this.children_.forEach(e=>{this.removeChild(e)});for(let e=0;e<this.track_.cues.length;e++){const t=this.track_.cues[e],n=this.getTimepointById(t.text);n&&this.addChild(new ee(this.player_,{timepoint:n}))}}}onDurationChange(){this.update()}getTimepointById(e){var t;return null===(t=this.interactive_.timepoints)||void 0===t?void 0:t.find(t=>t.id===e)}}const ae=I.a.getPlugin("plugin");I.a.registerPlugin("viewInteractivePlugin",class extends ae{constructor(e,t){super(e),this.options=t,e.ready(()=>this.initialize())}initialize(){y.a.useTrack(this.player,"metadata","interactive",this.onTrackLoaded.bind(this))}onTrackLoaded(e){this.player.addChild("Interactive",{track:e,interactive:this.options.interactive,mode:this.options.mode});this.player.controlBar.getChild("progressControl").getChild("SeekBar").addChild(new ne(this.player,{interactive:this.options.interactive,track:e}))}});var ie=function(e,t,n,a){return new(n||(n=Promise))((function(i,r){function o(e){try{s(a.next(e))}catch(e){r(e)}}function c(e){try{s(a.throw(e))}catch(e){r(e)}}function s(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,c)}s((a=a.apply(e,t||[])).next())}))};class re extends f.a{constructor(e,t){super(e,t),this.onCueChange=this.onCueChange.bind(this)}additionalSetup(e){const t=Object.create(null,{additionalSetup:{get:()=>super.additionalSetup}});return ie(this,void 0,void 0,(function*(){if(t.additionalSetup.call(this,e),this.track=this.player.addTextTrack("metadata","interactive"),this.options.mode===h.InteractiveMode.Create)return void this.player.viewInteractivePlugin({interactive:{id:Math.round(Math.random()*Number.MAX_SAFE_INTEGER).toString()},mode:h.InteractiveMode.Create,track:this.track});const n=e.additionalData;n.timepoints.forEach(e=>{const t=e.visibleAt/1e3,n=e.visibleFor?t+e.visibleFor/1e3:t+1;this.track.addCue({startTime:t,endTime:n,text:e.id})}),this.player.viewInteractivePlugin({interactive:n,mode:h.InteractiveMode.View}),this.options.onTimepointChange&&this.bindCueChange()}))}bindCueChange(){this.track.addEventListener("cuechange",this.onCueChange),this.player.on("dispose",()=>{this.track.removeEventListener("cuechange",this.onCueChange)})}onCueChange(){const e=this.track.activeCues;e&&e.length?this.options.onTimepointChange(e[0].text):this.options.onTimepointChange(null)}}var oe=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 i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(n[a[i]]=e[a[i]])}return n};function ce(e){const{onReady:t}=e,n=oe(e,["onReady"]),a=i.a.useRef();return i.a.useEffect(()=>{const e=new re(a.current,n);t&&e.ready(()=>{t(e)})},[]),i.a.createElement("div",{ref:a})}var se=n(13),le=n(1338),ue=n(7),de=n(1318),me=n(322),pe=n(44);function ve(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,i=!1,r=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==c.return||c.return()}finally{if(i)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return fe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return fe(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function fe(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,"PreviewInteractiveView",(function(){return ye}));var he=o.a.encloseNamespace("shared.previewInteractive");function ye(e){var t,n,i,o=ve(a.useState(null),2),f=o[0],h=o[1],y=a.useRef(),I=r.a.useBasicFetch(l.a.config()),g=r.a.useBasicFetch(de.a.interactiveMetadata(e.id)),b=r.a.useBasicFetch(g.data?me.a.video(g.data.video.id):null),E=r.a.useBasicFetch(g.data?s.a.createViewKey(g.data.id):null),T=r.a.useBasicFetch(g.data?de.a.interactive(g.data.interactiveId):null);if(Object(c.a)(null===(t=g.data)||void 0===t?void 0:t.name),!(E.data&&I.data&&g.data&&T.data&&b.data))return a.createElement(a.Fragment,null);var C=null===(i=null===(n=b.data.interactives)||void 0===n?void 0:n.data)||void 0===i?void 0:i.filter((function(t){return t.id.toString()!==e.id.toString()})),w={application:ue.a.DEFAULT,action:se.a.Default.PLAY_VIDEO,args:[b.data.id,pe.a.slugify(b.data.name)]};return a.createElement(p.a.Provider,{value:"shared.previewInteractive"},a.createElement("div",{className:"mb-3"},a.createElement(ce,{viewKey:E.data.viewKey,playerApi:new URL(I.data.playerApiUrl),hotkeyElQuerySelector:"body",autoplay:!0,onTimepointChange:function(e){h(e)},onReady:function(e){y.current=e}})),a.createElement("div",{className:"d-flex justify-content-between align-items-center pb-3"},a.createElement("div",null,a.createElement("h1",{className:"h3 d-inline-block m-0"},g.data.name),a.createElement("div",null,a.createElement(p.b,{phrase:"backTo"}),": ",a.createElement(u.a,{appLink:w,className:"text-info"},g.data.video.name)))),g.data.description&&a.createElement("p",null,g.data.description),a.createElement("h2",{className:"h4"},a.createElement(p.b,{phrase:"interactiveQuestions"})),a.createElement(le.a,{interactive:T.data,selectedTimepointId:f,goToTimepoint:function(e){y.current&&y.current.currentTime(e/1e3)}}),!!(null==C?void 0:C.length)&&a.createElement("div",{className:"my-3"},a.createElement(m.a,{name:he("otherInteractives",{count:C.length}),contents:v.a.Interactives,collection:C,prefetched:!0,childAppLink:{application:ue.a.DEFAULT,action:se.a.Default.PREVIEW_INTERACTIVE},childComponent:function(e){return a.createElement(d.a,Object.assign({video:b.data,questionsAppLink:{application:ue.a.DEFAULT,action:se.a.Default.PREVIEW_QUESTIONS}},e))},analyticsData:{widgetId:"interactives"}})))}}}]);

package/dist/scripts/19-a06e4b6a2e.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[19],{1129:function(e,a,t){"use strict";t.d(a,"a",(function(){return s}));var n=t(212),o=t(62),r=t(73);function s(){const e=Object(n.a)(r.a.ALERT);return{success(a){e.success(a)()},error(a){e.error(a)()},warning(a){e.createAlert({type:o.a.Warning,heading:o.c.Warning,message:a})}}}},1131:function(e,a,t){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},1132:function(e,a,t){"use strict";var n=t(0),o=t(188),r=t(317),s=t(46),c=t(48),l=t(66),i=t(59),m=t(17),u=t(1131),d=t.n(u);function p(e){let a="dropdown-item";return e&&(a+=" "+e),a}function g(e){if(e.action.appLink)return n.createElement(i.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:p(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return n.createElement("span",{className:"cursor-pointer "+p(e.action.className),onClick:function(a){e.action.analyticsData&&e.action.analyticsOptions&&c.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),s.a.isFunction(e.action.onClick)&&e.action.onClick(a)}},e.action.label)}function f(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);let a="dropdown";e.className&&(a+=" "+e.className);const t="actions-dropdown-"+r.a.getRandomInt();let o="dropdown-toggle px-0 "+d.a.dropdownToggle;return e.dropdownToggleClassName&&(o+=" "+e.dropdownToggleClassName),n.createElement("div",{className:a},n.createElement("button",{className:o,type:"button",id:t,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},n.createElement(l.a,{svgName:m.b.More,size:l.b.Small})),n.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":t},e.actions.map((e,a)=>n.createElement(g,{key:a,action:e}))))}f.defaultProps={dropdownToggleClassName:"btn btn-light"};var E=t(319);function b(e){const a=[],t=[];e.actions.forEach(e=>{e.button?a.push(e):t.push(e)});let r="d-flex";return e.className&&(r+=" "+e.className),n.createElement("div",{className:r},n.createElement(n.Fragment,null,!!a.length&&n.createElement("span",{className:d.a.buttonList},a.map((e,a)=>n.createElement(n.Fragment,{key:a},e.label?n.createElement(E.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},e.label):n.createElement(o.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions})))),e.sortComponent?e.sortComponent:"",!!t.length&&n.createElement(f,{actions:t,className:!!a.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}t.d(a,"a",(function(){return b}))},1159:function(e,a,t){"use strict";t.d(a,"a",(function(){return o}));var n=t(0);function o(e){return n.createElement("div",{className:"custom-control custom-checkbox "+e.className},n.createElement("input",{type:"checkbox",className:"custom-control-input",id:e.id,name:e.name,checked:e.checked,onChange:e.onChange}),n.createElement("label",{className:"custom-control-label cursor-pointer",htmlFor:e.id},e.label))}o.defaultProps={checked:!1,label:"",className:""}},1172:function(e,a,t){"use strict";t.d(a,"a",(function(){return c}));var n=t(0),o=t.n(n),r=t(1186),s=t.n(r);function c(e){return o.a.createElement("img",{alt:"",role:"presentation",src:e.src,className:e.className})}c.defaultProps={className:"".concat(s.a.image," pb-3")}},1173:function(e,a,t){"use strict";t.d(a,"a",(function(){return s}));const n=5,o=50,r=100,s={getPartialLoadingItems(e={}){const{numItems:a=n,minWidth:t=o,maxWidth:s=r}=e;return[...Array(a)].map(()=>({width:Math.max(Math.floor(Math.random()*s),t)+"px"}))}}},1176:function(e,a,t){"use strict";var n=t(0),o=t(46),r=t(72),s=t(143),c=t(1173),l=t(59);const i=({breadcrumb:{label:e,appLink:a,active:t}})=>n.createElement("li",{className:"breadcrumb-item"+(t?" active":"")},t?n.createElement("strong",null,e):n.createElement(l.a,{appLink:a},e)),m=({breadcrumbs:e})=>n.createElement("ol",{className:"breadcrumb m-0 p-0"},e.map((e,a)=>n.createElement(i,{key:a,breadcrumb:e})));var u;function d(e,a,t){return{label:e.name,appLink:a(e),active:t}}function p(e){const{type:a}=e,t=function(e,a){let{currentItem:t}=e;const{getItemAppLink:c,getParent:l,rootItem:i,data:m,subview:u}=e,[p,g]=Object(n.useState)([]),f=null==m?void 0:m.map(e=>null==e?void 0:e.name).join("-");n.useEffect(()=>{if(a||r.a.isEmpty(m))return;const e=m.map((e,a)=>d(e,c,a+1===m.length));i&&e.unshift(i),g(e)},[f,c]),n.useEffect(()=>{if(!a||!o.a.isFunction(l))return;const e=[d(t,c,!0)];for(t=l(t);t;)e.unshift(d(t,c)),t=l(t);return i&&e.unshift(i),g(e)},[t,l,c,i]);const{current:E}=n.useRef({label:u,appLink:null,active:!0});if(u){p.includes(E)||g([...p,E]);const e=p.filter(e=>e.active&&e!==E);e.length&&(s.a.first(e).active=!1)}return p}(e,a===u.Dynamic);return n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement(m,{breadcrumbs:t}))}t.d(a,"a",(function(){return u})),t.d(a,"b",(function(){return p})),t.d(a,"c",(function(){return g})),function(e){e[e.Static=0]="Static",e[e.Dynamic=1]="Dynamic"}(u||(u={}));const g=({numItems:e=3})=>n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},c.a.getPartialLoadingItems({numItems:e}).map(({width:e},a)=>n.createElement("li",{key:a,className:"breadcrumb-item"},n.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:e},dangerouslySetInnerHTML:{__html:"&nbsp"}})))))},1186:function(e,a,t){e.exports={image:"_23Yda"}},1212:function(e,a,t){"use strict";t.d(a,"a",(function(){return o}));var n=t(215);function o(e){switch(e){case n.ClassroomGroupColour.Pink:return"bg-pink";case n.ClassroomGroupColour.Pizazz:return"bg-pizazz";case n.ClassroomGroupColour.Emerald:return"bg-emerald";case n.ClassroomGroupColour.PictonBlue:return"bg-picton-blue";case n.ClassroomGroupColour.EastSide:return"bg-east-side";case n.ClassroomGroupColour.Portage:return"bg-portage";default:return"bg-pink"}}},1227:function(e,a,t){"use strict";t.d(a,"a",(function(){return l}));var n=t(0),o=t.n(n);function r(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}function s(e,a){return function(e){if(Array.isArray(e))return e}(e)||function(e,a){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,o=!1,r=void 0;try{for(var s,c=e[Symbol.iterator]();!(n=(s=c.next()).done)&&(t.push(s.value),!a||t.length!==a);n=!0);}catch(e){o=!0,r=e}finally{try{n||null==c.return||c.return()}finally{if(o)throw r}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return c(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return c(e,a)}(e,a)||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 c(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}var l=function(e){var a,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=o.a.useState(!1),c=s(n,2),l=c[0],i=c[1],m=o.a.useState({}),u=s(m,2),d=u[0],p=u[1],g=t.idField,f=void 0===g?"id":g;function E(){var a=!l;i(a);var t=e.reduce((function(e,t){return e[t[f]]=a,e}),{});p(t)}function b(a){var t=!d[a.toString()],n=Object.assign(Object.assign({},d),r({},a.toString(),t));p(n),Object.keys(n).filter((function(e){return n[e]})).length!==e.length?!t&&l&&i(!1):i(!0)}function v(e){return!!l||("string"!=typeof e&&"number"!=typeof e&&(e=e[f]),d[e])}function N(){return l?Object.keys(d):Object.keys(d).filter((function(e){return d[e]}))}return o.a.useEffect((function(){if(null==e?void 0:e.length){var a=e.reduce((function(e,a){var n,o=!1;return(null===(n=null==t?void 0:t.preselectedIds)||void 0===n?void 0:n.includes(a[f]))&&(o=!0),e[a[f].toString()]=o,e}),{});p(a)}}),[e,null===(a=null==t?void 0:t.preselectedIds)||void 0===a?void 0:a.length]),{onToggleBulk:E,onToggleItem:b,getSelected:N,isChecked:v,bulkChecked:l}}},1344:function(e,a,t){e.exports={pillTabSelector:"_33p-_"}},1408:function(e,a,t){e.exports={pill:"_1k1_A"}},1409:function(e,a,t){e.exports={groupColour:"_1hs4t"}},1410:function(e,a,t){e.exports={partialSize:"_1HB_G"}},1411:function(e,a,t){e.exports={heading:"_3W4zl",checkbox:"_11WXC",actionIcon:"_1K3UF",addStudents:"_1sqTe",studentName:"_3cfGe",group:"_2HHY1",sm:"_3_EMi",lg:"_3L-SN",moreActions:"_9PVrB"}},1412:function(e,a,t){e.exports={heading:"_2TMwg",nameHeading:"_1TlYf",colourHeading:"_3_Tfc",newGroup:"_3oBoz",group:"_3aWN8",colourPicker:"_2NcjR",actionIcon:"_3bhju"}},1413:function(e,a,t){e.exports={actionsContainer:"_3wYTF"}},1664:function(e,a,t){"use strict";t.r(a);var n=t(0),o=t.n(n),r=t(19),s=t(9),c=t(2),l=t(315),i=t(94),m=t(104),u=t(164),d=t(1176),p=t(1132),g=t(17),f=t(75),E=t(43),b=t(7),v=t(13),N=t(314),C=t(1344),h=t.n(C);function k(e){return o.a.createElement("nav",null,o.a.createElement("ul",{className:"list-unstyled d-inline-block border border-dark m-0 ".concat(h.a.pillTabSelector)},e.tabs.map((function(e){return o.a.createElement("li",{className:"p-0 ".concat(e.active?"btn btn-primary":"btn btn-secondary"),key:e.name},o.a.createElement(N.a,{className:"cursor-pointer py-1",onClick:function(){return function(e){e.active||e.onSelect()}(e)}},e.name))}))))}var y=t(165),S=t(321),w=t(80),A=t(48),O=t(3),L=t(1129),T=t(188),x=t(66),M=t(1159),P=t(1227),D=t(40),I=t(59),_=t(1212),U=t(1408),G=t.n(U);function R(e){var a;return e.group?o.a.createElement("div",{className:"".concat(G.a.pill," text-white ").concat(Object(_.a)(null===(a=e.group.metadata)||void 0===a?void 0:a.colour))},e.group.name):o.a.createElement(o.a.Fragment,null)}var j="classrooms.classroomGroupDropdown";function W(e){var a,t=Object(P.a)(e.groups,{preselectedIds:e.preselections.map((function(e){return e.id}))}),n=t.onToggleItem,r=t.isChecked;var s,c,l={alignRight:!!e.alignRight};return e.disabled&&(l.show=!1),o.a.createElement(D.Dropdown,Object.assign({},l),o.a.createElement(D.Dropdown.Toggle,{as:"div",id:e.id,className:"".concat(e.disabled?"text-light":"cursor-pointer"," ").concat("mr-2 d-inline-block svg-container sm"," no-caret")},o.a.createElement(x.a,{svgName:g.b.Tag})),o.a.createElement(D.Dropdown.Menu,null,!!(null===(a=e.groups)||void 0===a?void 0:a.length)&&o.a.createElement("div",{className:"px-2 border-bottom pb-1 mb-1"},o.a.createElement("p",{className:"mb-0"},o.a.createElement(i.b,{namespace:j,phrase:"groupAs"})),o.a.createElement("ul",{className:"list-unstyled pr-3"},e.groups.map((function(a){return o.a.createElement("li",{key:a.id,className:"d-flex align-items-center bg-white my-1"},o.a.createElement(M.a,{id:"".concat(e.id,":").concat(a.id),checked:r(a.id),onChange:function(){return function(a){e.onToggle(a,!r(a.id)),n(a.id)}(a)}}),o.a.createElement(R,{group:a}))})))),o.a.createElement(I.a,{onClick:function(){A.a.logUserAction({},A.a.mergeOptions(e.analyticsOptions,{actionType:O.UserAction.Create,workflowPhase:O.WorkflowPhase.Start,entity:O.EntityType.ClassroomGroup}))},appLink:(s=e.classroom.id,c=e.studentIds,{application:b.a.CLASSROOMS,action:v.a.Classrooms.NEW_GROUP,args:[s],params:{addStudents:c}}),className:"text-nowrap d-flex align-items-center px-2"},o.a.createElement(x.a,{svgName:g.b.Plus}),o.a.createElement(i.b,{namespace:j,phrase:"createNew"}))))}W.defaultProps={preselections:[]};var F=t(144),H=s.a.encloseNamespace("classrooms.manageClassroomStudentItem");function B(e){var a,t,n,s=Object(w.useDispatch)(),c=Object(L.a)(),l=e.groups.filter((function(a){var t,n;if(null===(n=null===(t=a.users)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length)return!!a.users.data.find((function(a){return a.id===e.student.id}))}));return o.a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},o.a.createElement(M.a,{id:e.student.id,checked:e.checked,onChange:e.onToggleCheckbox,className:"mr-2"}),o.a.createElement("p",{className:"mb-0 w-25 text-truncate text-nowrap"},e.student.name," ",e.student.surname),o.a.createElement("div",{className:"mr-auto d-flex flex-wrap mt-n1"},!!l.length&&l.map((function(e){return o.a.createElement("div",{key:e.id,className:"mr-1 mt-1"},o.a.createElement(R,{group:e}))}))),o.a.createElement(W,{id:"add-group-".concat(e.student.id),classroom:e.classroom,groups:e.groups,studentIds:[e.student.id],preselections:l,onToggle:function(a,t){return function(a,t,n){n?r.a.fetch(s,S.a.addStudentsToGroup([a.id],t.id,e.classroom.id,(function(){A.a.logUserAction({id:t.id,studentCount:1},{actionType:O.UserAction.Associate,entity:O.EntityType.ClassroomGroup,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Complete,location:O.LocationContext.ManageClassroomStudentListItem}),c.success(H("addSuccess",{studentName:a.name,groupName:t.name}))}),(function(){c.error(H("addError",{studentName:a.name,groupName:t.name}))}))):r.a.fetch(s,S.a.removeStudentsFromGroup([a.id],t.id,e.classroom.id,(function(){A.a.logUserAction({id:t.id,studentCount:1},{actionType:O.UserAction.Dissociate,entity:O.EntityType.ClassroomGroup,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Complete,location:O.LocationContext.ManageClassroomStudentListItem}),c.success(H("removeSuccess",{studentName:a.name,groupName:t.name}))}),(function(){c.error(H("removeError",{studentName:a.name,groupName:t.name}))})))}(e.student,a,t)},analyticsOptions:{location:O.LocationContext.ManageClassroomStudentListItem},alignRight:!0}),o.a.createElement(p.a,{actions:[{label:H("editStudent"),appLink:(n=e.student.id,{application:b.a.USER_MANAGER,action:v.a.UserManager.EDIT_USER,args:[n],params:{userType:F.a.Learner}}),onClick:function(){A.a.logUserAction({id:e.student.id},{actionType:O.UserAction.Edit,entity:O.EntityType.User,workflowPhase:O.WorkflowPhase.Start,location:O.LocationContext.ManageClassroomStudentListItem})}},{label:H("removeStudent"),appLink:(a=e.student.id,t=e.classroom.id,{application:b.a.CLASSROOMS,action:v.a.Classrooms.REMOVE_STUDENTS,args:[t],params:{studentIds:[a]}}),className:"text-danger",onClick:function(){A.a.logUserAction({id:e.classroom.id,userId:e.student.id},{actionType:O.UserAction.Dissociate,entity:O.EntityType.Classroom,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Start,location:O.LocationContext.ManageClassroomStudentListItem})}}],actionsDropdownClassName:"btn"}))}var z=s.a.encloseNamespace("classrooms.manageClassroomStudents");function Y(e){var a=e.classroom,t=e.students,o=e.groups,s=Object(w.useDispatch)(),l=Object(L.a)(),m=Object(P.a)(t.data),u=m.onToggleBulk,d=m.onToggleItem,p=m.getSelected,C=m.isChecked,h=m.bulkChecked,k=p().length,y=o.filter((function(e){var a,t;if(!(null===(t=null===(a=e.users)||void 0===a?void 0:a.data)||void 0===t?void 0:t.length))return!1;var n=!0,o=0,r=p();if(r.length){var s=function(){var a=r[o];e.users.data.find((function(e){return e.id.toString()===a.toString()}))||(n=!1),o++};do{s()}while(o<r.length);return n}}));var D=Object(f.a)(E.a.XLDown);return n.createElement(n.Fragment,null,n.createElement("div",{className:"d-flex align-items-center py-2 ".concat(D?"pl-2":"pl-4")},n.createElement(M.a,{id:"manage-classroom-students-bulk",onChange:u,checked:h,className:"mr-2"}),n.createElement(W,{id:"bulk-add-group",classroom:a,studentIds:p(),groups:o,onToggle:function(e,t){var n=p();t?r.a.fetch(s,S.a.addStudentsToGroup(n,e.id,a.id,(function(){A.a.logUserAction({id:e.id,studentCount:n.length},{actionType:O.UserAction.Associate,entity:O.EntityType.ClassroomGroup,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Complete,location:O.LocationContext.ManageClassroomStudents}),l.success(z("addSuccess",{groupName:e.name}))}),(function(){l.error(z("addError",{groupName:e.name}))}))):r.a.fetch(s,S.a.removeStudentsFromGroup(n,e.id,a.id,(function(){A.a.logUserAction({id:e.id,studentCount:n.length},{actionType:O.UserAction.Dissociate,entity:O.EntityType.ClassroomGroup,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Complete,location:O.LocationContext.ManageClassroomStudents}),l.success(z("removeSuccess",{groupName:e.name}))}),(function(){l.error(z("removeError",{groupName:e.name}))})))},disabled:!k,preselections:y,analyticsOptions:{location:O.LocationContext.ManageClassroomStudents}}),n.createElement(N.a,{className:"mr-auto ".concat(k?"":"text-light cursor-default"),onClick:function(){k&&(A.a.logUserAction({id:a.id},{entity:O.EntityType.Classroom,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Start,actionType:O.UserAction.Dissociate,location:O.LocationContext.ManageClassroomStudents}),c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.REMOVE_STUDENTS,args:[a.id],params:{studentIds:p()}}))}},n.createElement(x.a,{svgName:g.b.Delete})),n.createElement(T.a,{onClick:function(){A.a.logUserAction({id:a.id},{entity:O.EntityType.Classroom,descriptor:O.AssocDescriptor.User,workflowPhase:O.WorkflowPhase.Start,actionType:O.UserAction.Associate,location:O.LocationContext.ManageClassroomStudents}),c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.ADD_STUDENTS,args:[a.id]})},svgName:g.b.Plus,className:"btn btn-secondary"},n.createElement(i.b,{namespace:"classrooms.manageClassroomStudents",phrase:"addStudent"}))),n.createElement("ul",{className:"striped-list list-unstyled"},t.data.map((function(t){return n.createElement("li",{key:t.id},n.createElement(B,{classroom:a,student:t,groups:e.groups,checked:C(t.id),onToggleCheckbox:function(){return d(t.id)}}))}))))}var V=t(1409),X=t.n(V);function J(e){var a;return o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:"d-flex align-items-center px-3 py-1"},o.a.createElement("p",{className:"w-33 m-0"},e.group.name),o.a.createElement("div",{className:"d-inline-block mr-auto ml-2 ".concat(Object(_.a)(null===(a=e.group.metadata)||void 0===a?void 0:a.colour)," ").concat(X.a.groupColour)}),o.a.createElement(N.a,{className:"mr-2",onClick:function(){A.a.logUserAction({id:e.group.id},{entity:O.EntityType.ClassroomGroup,workflowPhase:O.WorkflowPhase.Start,actionType:O.UserAction.Edit,location:O.LocationContext.ManageClassroomGroupListItem}),c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.EDIT_GROUP,args:[e.classroom.id,e.group.id]})}},o.a.createElement(x.a,{svgName:g.b.Edit})),o.a.createElement(N.a,{onClick:function(){A.a.logUserAction({id:e.group.id},{entity:O.EntityType.ClassroomGroup,workflowPhase:O.WorkflowPhase.Start,actionType:O.UserAction.Delete,location:O.LocationContext.ManageClassroomGroupListItem}),c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.DELETE_GROUP,args:[e.classroom.id,e.group.id]})}},o.a.createElement(x.a,{svgName:g.b.Delete}))))}function q(e){var a;var t,o=Object(f.a)(E.a.XLDown);return n.createElement(i.a.Provider,{value:"classrooms.manageClassroomGroups"},n.createElement("div",{className:"py-2"},n.createElement("div",{className:"d-flex align-items-center mb-2 ".concat(o?"":"pl-3")},n.createElement("h2",{className:"h6 w-33 mb-0"},n.createElement(i.b,{phrase:"groupName"})),n.createElement("h2",{className:"h6 w-25 mb-0 ml-n1"},n.createElement(i.b,{phrase:"colour"})),n.createElement(T.a,{appLink:(t=e.classroom.id,{application:b.a.CLASSROOMS,action:v.a.Classrooms.NEW_GROUP,args:[t]}),onClick:function(){A.a.logUserAction({classroomId:e.classroom.id},{workflowPhase:O.WorkflowPhase.Start,entity:O.EntityType.ClassroomGroup,actionType:O.UserAction.Create,location:O.LocationContext.ManageClassroomGroups})},className:"btn btn-secondary ml-auto",svgName:g.b.Plus},n.createElement(i.b,{phrase:"createNew"}))),n.createElement("ul",{className:"striped-list list-unstyled"},!!(null===(a=e.groups)||void 0===a?void 0:a.length)&&e.groups.map((function(a){return n.createElement("li",{key:a.id},n.createElement(J,{classroom:e.classroom,group:a}))})))))}var K=t(216),Q=t(1172);function $(e){return o.a.createElement(i.a.Provider,{value:"classrooms.manageClassroomStudentsEmptyState"},o.a.createElement("div",{className:"text-center pt-5"},o.a.createElement(Q.a,{src:K.a.EmptyStates.CLASSROOMS}),o.a.createElement("h2",{className:"h6"},o.a.createElement(i.b,{phrase:"emptyStateHeading"})),o.a.createElement("p",{className:"mb-3"},o.a.createElement(i.b,{phrase:"emptyStateInfo"})),o.a.createElement(T.a,{className:"btn btn-primary",onClick:function(){c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.ADD_STUDENTS,args:[e.classroom.id]})},svgName:g.b.Plus},o.a.createElement(i.b,{phrase:"addStudents"}))))}var Z=t(1410),ee=t.n(Z);function ae(){return o.a.createElement("div",{className:"partial-loading-background ".concat(h.a.pillTabSelector," ").concat(ee.a.partialSize)})}var te=t(1411),ne=t.n(te);function oe(){return o.a.createElement("div",{className:"px-3"},o.a.createElement("div",{className:"mb-1 partial-loading-background ".concat(ne.a.heading)}),o.a.createElement("div",{className:"pb-3"},o.a.createElement(d.c,{numItems:2})),o.a.createElement("div",{className:"pb-2"},o.a.createElement(ae,null)),o.a.createElement("div",{className:"d-flex align-items-center py-2"},o.a.createElement("div",{className:"mx-4 partial-loading-background ".concat(ne.a.checkbox)}),o.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(ne.a.actionIcon)}),o.a.createElement("div",{className:"mr-auto partial-loading-background ".concat(ne.a.actionIcon)}),o.a.createElement("div",{className:"partial-loading-background ".concat(ne.a.addStudents)})),o.a.createElement("ul",{className:"striped-list list-unstyled"},Array(20).fill(null).map((function(e,a){return o.a.createElement("li",{key:a},o.a.createElement("div",{className:"d-flex align-items-center py-1 px-4"},o.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(ne.a.checkbox)}),o.a.createElement("div",{className:"w-25"},o.a.createElement("div",{className:"partial-loading-background ".concat(ne.a.studentName)})),o.a.createElement("div",{className:"mr-auto d-flex"},Math.random()>.5?o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{className:"partial-loading-background rounded-pill mr-1 ".concat(ne.a.group," ").concat(ne.a.lg)}),o.a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(ne.a.group," ").concat(ne.a.sm)})):o.a.createElement("div",{className:"partial-loading-background rounded-pill ".concat(ne.a.group," ").concat(ne.a.sm)})),o.a.createElement("div",{className:"mr-2 partial-loading-background ".concat(ne.a.actionIcon)}),o.a.createElement("div",{className:"partial-loading-background ".concat(ne.a.moreActions)})))}))))}var re=t(1412),se=t.n(re);function ce(){return o.a.createElement("div",{className:"px-3"},o.a.createElement("div",{className:"mb-1 partial-loading-background ".concat(se.a.heading)}),o.a.createElement("div",{className:"pb-3"},o.a.createElement(d.c,{numItems:2})),o.a.createElement("div",{className:"pb-2"},o.a.createElement(ae,null)),o.a.createElement("div",{className:"py-2"},o.a.createElement("div",{className:"d-flex align-items-center"},o.a.createElement("div",{className:"w-25 mb-2"},o.a.createElement("div",{className:"partial-loading-background ".concat(se.a.nameHeading)})),o.a.createElement("div",{className:"w-25 mb-2"},o.a.createElement("div",{className:"partial-loading-background ".concat(se.a.colourHeading)})),o.a.createElement("div",{className:"partial-loading-background ml-auto ".concat(se.a.newGroup)})),o.a.createElement("ul",{className:"list-unstyled"},Array(8).fill(null).map((function(e,a){return o.a.createElement("li",{key:a,className:"mb-2"},o.a.createElement("div",{className:"d-flex align-items-center"},o.a.createElement("div",{className:"w-25"},o.a.createElement("div",{className:"partial-loading-background ".concat(se.a.group)})),o.a.createElement("div",{className:"d-inline-block mr-4"},o.a.createElement("div",{className:"partial-loading-background ".concat(se.a.colourPicker)})),o.a.createElement("div",{className:"partial-loading-background mr-2 ".concat(se.a.actionIcon)}),o.a.createElement("div",{className:"partial-loading-background ".concat(se.a.actionIcon)})))})))))}var le=t(1413),ie=t.n(le);t.d(a,"ManageClassroomView",(function(){return ue}));var me=s.a.encloseNamespace("classrooms.manageClassroom");function ue(e){var a,t,n=r.a.useBasicFetch(S.a.getClassroom(e.id)),s=r.a.useBasicFetch(S.a.getClassroomStudents(e.id)),N=r.a.useBasicFetch(S.a.getClassroomGroups(e.id));Object(l.a)(me("students"===e.activeTab?"pageTitleStudents":"pageTitleGroups"));var C=Object(u.a)().hasPermissions,h=Object(f.a)(E.a.SMDown),w=[{label:me(h?"editClassroom":"edit"),appLink:{application:b.a.CLASSROOMS,action:v.a.Classrooms.EDIT_CLASSROOM,args:[e.id]},className:"btn btn-secondary",svgName:g.b.Edit,button:!h},{label:me("delete"),className:"text-danger",appLink:{application:b.a.CLASSROOMS,action:v.a.Classrooms.DELETE_CLASSROOM,args:[e.id]}}];var A=[{name:me("students"),onSelect:function(){c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.MANAGE_CLASSROOM,args:[e.id],params:{tab:"students"}})},active:"students"===e.activeTab},{name:me("groups"),onSelect:function(){c.a.AppLinkHelper.trigger({application:b.a.CLASSROOMS,action:v.a.Classrooms.MANAGE_CLASSROOM,args:[e.id],params:{tab:"groups"}})},active:"groups"===e.activeTab}];return C(m.a.CreateClassrooms)?n.data&&(null===(a=s.data)||void 0===a?void 0:a.data)&&(null===(t=N.data)||void 0===t?void 0:t.data)?o.a.createElement(i.a.Provider,{value:"classrooms.manageClassroom"},o.a.createElement("div",{className:"px-3 position-relative"},o.a.createElement("h1",{className:"mb-1"},n.data.name),o.a.createElement("div",{className:ie.a.actionsContainer},o.a.createElement(p.a,{actions:w,actionsDropdownClassName:"btn btn-secondary"})),o.a.createElement("div",{className:"pb-3"},o.a.createElement(d.b,{type:d.a.Static,data:[{name:me("classroomsBreadcrumb")},n.data,{name:me("manageBreadcrumb")}],currentItem:{name:me("manageBreadcrumb")},getItemAppLink:function(e){var a,t;return"id"in e?(null===(t=null===(a=s.data)||void 0===a?void 0:a.data)||void 0===t?void 0:t.length)?{application:b.a.CLASSROOMS,action:v.a.Classrooms.CLASSROOM,args:[e.id]}:null:{application:b.a.CLASSROOMS,action:v.a.Classrooms.HOME}}})),o.a.createElement("div",{className:"pb-2"},o.a.createElement(k,{tabs:A})),function(){var a,t;return"students"===e.activeTab?(null===(t=null===(a=s.data)||void 0===a?void 0:a.data)||void 0===t?void 0:t.length)?o.a.createElement(Y,{classroom:n.data,students:s.data,groups:N.data.data}):o.a.createElement($,{classroom:n.data}):o.a.createElement(q,{classroom:n.data,groups:N.data.data})}())):"students"===e.activeTab?o.a.createElement(oe,null):o.a.createElement(ce,null):(c.a.ErrorHelper.throw(new y.a),o.a.createElement(o.a.Fragment,null))}ue.defaultProps={activeTab:"students"}}}]);