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

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/{17-8c9ecaba04.chunk.js → 18-12643afff6.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[17],{1182: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()}})}},1222:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var a=368},1236: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}))},1238:function(e,t,n){"use strict";var a=n(1316);n.d(t,"InteractiveMode",(function(){return a.a}));n(1394),n(1395),n(1396),n(1397)},1266: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"))}},1313: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(1159),s=n(1152),l=n(94),u=n(1266),d=n(163),m=n(1314),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"}))))))}))},1314:function(e,t,n){e.exports={item:"_2An5o",thumbnail:"Wvc5s",smallItemIconWidth:"_2IdDd",smallItemInfoWidth:"_1Iat7",smallProgressBarContainer:"_17I8T"}},1316: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={}))},1320:function(e,t,n){e.exports={time:"_30ibe",typeIcon:"UMnFt",type:"_3uwxz",question:"_1FwXi"}},1321: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)}}}},1340: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(1222);var u=n(1320),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}))},1394:function(e,t){},1395:function(e,t){},1396:function(e,t){},1397: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(1182),l=n(145),u=n(59),d=n(1313),m=n(1236),p=n(94),v=n(1221),f=n(339),h=n(1238),y=n(112),I=n(6),g=n(1624),b=n(249);var E=n(1316);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(1340),ue=n(7),de=n(1321),me=n(323),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"}})))}}}]);
+(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"}}}]);