@clickview/lite 0.0.2-alpha.0 → 0.0.2-alpha.2

package/dist/bundle.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("React"),require("@clickview/shared"),require("@clickview/common"),require("@clickview/playlists"),require("ReactCustomScrollbars"),require("ReactRedux"),require("Backbone"),require("Handlebars")):"function"==typeof define&&define.amd?define(["React","@clickview/shared","@clickview/common","@clickview/playlists","ReactCustomScrollbars","ReactRedux","Backbone","Handlebars"],t):"object"==typeof exports?exports["@clickview/lite"]=t(require("React"),require("@clickview/shared"),require("@clickview/common"),require("@clickview/playlists"),require("ReactCustomScrollbars"),require("ReactRedux"),require("Backbone"),require("Handlebars")):e["@clickview/lite"]=t(e.React,e["@clickview/shared"],e["@clickview/common"],e["@clickview/playlists"],e.ReactCustomScrollbars,e.ReactRedux,e.Backbone,e.Handlebars)}(window,(function(e,t,n,a,r,o,i,l){return function(e){var t={};function n(a){if(t[a])return t[a].exports;var r=t[a]={i:a,l:!1,exports:{}};return e[a].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,a){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(n.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(a,r,function(t){return e[t]}.bind(null,r));return a},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=17)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t){e.exports=a},function(e,t,n){e.exports={nav:"_3RLQ9",logoContainer:"UIlc9",searchBar:"_2E7RQ",actionButtons:"_2HygL",avatar:"_2OoYm",notifications:"_2b7ER",hamburger:"_2BRko"}},function(e,t,n){e.exports={leftNav:"_3jVyN",iconPlaceholder:"_1ud9G",leftNavAnchor:"_3A_-8",leftNavText:"_3qbRh",leftNavCollapsed:"_2idO9"}},function(e,t,n){e.exports={content:"_1SX2l",collapsedNavContent:"_3LJFz",openNavContent:"_34Pt4",hiddenNavContent:"_1gZ0J",mask:"mE2Dq"}},function(e,t){e.exports=r},function(e,t,n){e.exports={fixed:"_3C4_W",inline:"_2voRI"}},function(e,t){e.exports=o},function(e,t,n){var a=n(16);e.exports=(a.default||a).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,a,r){return'<div class="layout-region position-relative"></div>'},useData:!0})},function(e,t){e.exports=i},function(e){e.exports=JSON.parse("{}")},function(e){e.exports=JSON.parse("{}")},function(e){e.exports=JSON.parse("{}")},function(e,t,n){},function(e,t){e.exports=l},function(e,t,n){"use strict";n.r(t);n(12),n(13),n(14),n(15);var a=n(3),r={Default:{MY_UPLOADS:"my:uploads"},Playlists:{HOME:a.Actions.Playlists.HOME,PLAYLIST:a.Actions.Playlists.PLAYLIST,NEW_PLAYLIST:a.Actions.Playlists.NEW_PLAYLIST,EDIT_PLAYLIST:a.Actions.Playlists.EDIT_PLAYLIST,DELETE_PLAYLIST:a.Actions.Playlists.DELETE_PLAYLIST}},o={DEFAULT:"default:application",PLAYLISTS:"lite:playlists:application"},i={CONTENT:"content",POPUP:"popup",ALERT:"alert"},l={TEACHER_LAYOUT:"TeacherLayout"},c="series,season,rating,producers,distributors,resources,tags,productionCompanies,directors,links,thumbnail",u={VIDEOS:c,WORKSPACE_VIDEOS:"".concat(c,"&filter={orderbydesc:timestamp,page:1,limit:25}")},s=n(0),p=n(2),m=n(9),f=n(1),d={currentUser:{url:"api/currentUser",key:"currentuser"}},y={config:{url:"/api/config",key:"config"}},v=function(e){return"/api/domain/v2/objects/".concat(e,"?query=").concat(u.VIDEOS)},h=function(e){return"api/domain/v2/objects/8961024/videos?query=".concat(u.WORKSPACE_VIDEOS).concat(function(e){return e?"&cursor=".concat(e):""}(e))},g={video:function(e){return{url:v(e),key:"videos:".concat(e)}},workspace:function(e){return{url:h(e),key:"workspace:".concat(e)}}};var b=n(4),E=n.n(b);function N(){return s.createElement("svg",{viewBox:"0 0 434 71"},s.createElement("g",null,s.createElement("path",{fill:"#000000",d:"M114.44 56.57l3.5 3.5a32.87 32.87 0 0 1-25.16 11.26c-19.63 0-33.62-15.54-33.62-35.16C59.16 16.55 73.16 1 92.78 1a32.31 32.31 0 0 1 24.19 10.4l-3.6 3.3a27.32 27.32 0 0 0-20.59-8.74c-16.91 0-28.39 13.5-28.39 30.21s11.48 30.21 28.39 30.21a28.08 28.08 0 0 0 21.66-9.81zM126.64 1h4.55v70.22h-4.73L126.64 1zm17.3 10.6a3.7 3.7 0 1 1 0 7.4 3.7 3.7 0 0 1 0-7.4zm-2.41 15.07h4.81v44.56h-4.81V26.67zm48 33.15l3.33 3.15a21.8 21.8 0 0 1-17.31 8.61c-12.59 0-21.76-10-21.76-22.22 0-12.22 9.17-22.22 21.76-22.22a21.84 21.84 0 0 1 16.85 8l-3.43 3.06a17.15 17.15 0 0 0-13.42-6.3c-10.09 0-16.76 8.15-16.76 17.5s6.67 17.5 16.76 17.5a17.38 17.38 0 0 0 13.98-7.08zm14.99-9.33v20.74h-4.73V1.01h4.73v47.75l20.74-19.02h6.64l-21.56 19.84L234 71.23h-7.01l-22.47-20.74z"}),s.createElement("path",{fill:"#F8981D",d:"M304.09 19.4a5.56 5.56 0 1 1 0-11.12 5.56 5.56 0 0 1 0 11.12zm-5.56 7.27h11.11v44.56h-11.11V26.67zm61.42 22.15c0 .81 0 2.42-.09 4h-31.75c.8 3.77 5.2 8.61 11.93 8.61a17.11 17.11 0 0 0 11.66-4.31l5.38 8.16a27.23 27.23 0 0 1-17 6.1c-12.92 0-22.88-9.87-22.88-22.34s9.06-22.33 21.35-22.33c11.62-.04 21.4 9.02 21.4 22.11zm-10.77-3.76c-.18-3.68-3.58-8.62-10.67-8.62-6.91 0-10.05 4.85-10.4 8.62h21.07zM385.92 71h-6.42l-19.64-44.37h13.97l9.16 23.98 9.72-23.98h8.31l9.63 23.98 9.16-23.98h13.97L414.24 71h-6.52l-10.85-23.7L385.92 71zm-120.22.35h-6L226.11 1.01h17.01l19.42 44.18 18.08-44.18h16.91L265.7 71.35zM0 1l41 35L0 71V1z"})))}function L(e){var t=e.user&&e.user.avatar;return s.createElement("div",{className:"mx-2"},s.createElement("span",{className:E.a.avatar,style:{backgroundImage:"url('".concat(t,"')")}}," "))}function w(){return s.createElement("div",{className:"ml-2"},s.createElement("span",{className:E.a.notifications}," "))}function P(e){var t=p.Flight.useBasicFetch(d.currentUser);return s.createElement("nav",{className:"navbar navbar-expanded sticky-top ".concat(E.a.nav," justify-content-start")},e.showLeftNavToggle&&s.createElement(f.SvgContainer,{svgName:f.cvSvgLibrary.Handle,className:E.a.hamburger,onClick:e.toggleLeftNav}),s.createElement("a",{className:"navbar-brand text-hide align-top ".concat(E.a.logoContainer," d-inline-block'"),href:"/"},s.createElement(N,null)),s.createElement("div",{className:"d-flex align-items-center pr-1 position-absolute ".concat(E.a.actionButtons)},s.createElement(f.IconButton,{svgName:f.cvSvgLibrary.Upload,className:"btn btn-secondary"},"Upload a video"),s.createElement(w,null),s.createElement(L,{user:t.data})))}var S,k=n(7),C=n.n(k),O=n(5),A=n.n(O),T="shared.leftNav";function _(e){var t=e.appLink,n=e.name,a=s.createElement(s.Fragment,null,s.createElement("span",{className:"".concat(A.a.iconPlaceholder)}),s.createElement("span",{className:"".concat(A.a.leftNavText)},n));return t?s.createElement(f.AppLink,{className:"".concat(A.a.leftNavAnchor," d-block my-3"),appLink:t},a):s.createElement("a",{className:"".concat(A.a.leftNavAnchor," d-block my-3")},a)}function x(e){if(e.navState===S.Hidden)return s.createElement(s.Fragment,null);var t=e.navState===S.Collapsed,n=p.LanguageService.encloseNamespace(T);return s.createElement("nav",{className:"".concat(A.a.leftNav," ").concat(t?A.a.leftNavCollapsed:"")},s.createElement(k.Scrollbars,{height:"100%"},s.createElement(_,{name:n("home"),appLink:{application:o.DEFAULT,action:"index"}}),s.createElement(_,{name:n("myPlaylists"),appLink:{application:o.PLAYLISTS,action:r.Playlists.HOME}}),s.createElement(_,{name:n("myUploads"),appLink:{application:o.DEFAULT,action:r.Default.MY_UPLOADS}}),s.createElement(_,{name:n("following")}),s.createElement(_,{name:n("favouritedVideos")}),!t&&s.createElement(s.Fragment,null,s.createElement("hr",null),s.createElement(_,{name:n("watchHistory")}),s.createElement(_,{name:n("myClassrooms")}))))}function R(e){var t="".concat(e.webPlayerHost,"home/ev?vid=").concat(e.id);return s.createElement("div",{className:"embed-responsive embed-responsive-16by9 ".concat(e.className)},s.createElement("iframe",{src:t,className:"embed-responsive-item",allowFullScreen:!0,allow:"autoplay; fullscreen"}))}function j(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if(!(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(a=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==l.return||l.return()}finally{if(r)throw o}}return n}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}!function(e){e[e.Open=0]="Open",e[e.Collapsed=1]="Collapsed",e[e.Hidden=2]="Hidden"}(S||(S={}));var F=s.createContext(void 0);function I(e){var t=e.children,n=p.Flight.useBasicFetch(y.config),a=j(s.useState(null),2),r=a[0],o=a[1],i=j(s.useState(null),2),l=i[0],c=i[1],u={webPlayerUrl:n.data?n.data.webPlayerUrl:"",id:r,setId:o,position:l,setPosition:c};return s.createElement(F.Provider,{value:u},t)}var U=n(8),V=n.n(U);function D(){var e=s.useContext(F),t=e.id,n=e.webPlayerUrl,a=e.position;if(!t)return s.createElement(s.Fragment,null);var r={},o=V.a.fixed;return a&&(o=V.a.inline,r=a),s.createElement("div",{style:r,className:o},s.createElement(R,{id:t,webPlayerHost:n}))}function M(e){var t=e.video;return t.resources&&t.resources.data&&t.resources.data.length?s.createElement("div",{className:e.className},s.createElement("h2",{className:"h4"},"Resources"),t.resources.data.map((function(e,t){return s.createElement("div",{key:t},e.name)}))):s.createElement(s.Fragment,null)}function Y(e){var t=e.tags,n=e.className;return t&&t.data&&t.data.length?s.createElement("div",{className:n},"Tags: ",t.data.map((function(e,t){return s.createElement("span",{className:"badge mr-1 p-1 badge-light",key:t},e.name)}))):s.createElement(s.Fragment,null)}function H(e){var t=e.label,n=e.items,a=e.className;if(!(n&&n.data&&n.data.length))return s.createElement(s.Fragment,null);var r=n.data.map((function(e){return e.name})).join(", ");return s.createElement("div",{className:a},t,": ",r)}function B(e){var t=e.video,n=t.tags,a=t.rating,r=t.productionYear,o=t.productionCompanies,i=t.distributors,l=a&&a.code;return s.createElement(s.Fragment,null,s.createElement("h2",{className:"h4"},"Details"),s.createElement("div",{className:"row no-gutters"},s.createElement("div",{className:"col-3"},l&&s.createElement("div",{className:"pb-2"},"Rating: ",l),r&&s.createElement("div",{className:"pb-2"},"Production Year: ",r)),s.createElement("div",{className:"col-9"},s.createElement(H,{label:"Production Companies",items:o,className:"pb-2"}),s.createElement(H,{label:"Distributors",items:i,className:"pb-2"}),s.createElement(Y,{tags:n,className:"pb-2"}))))}function q(e){var t=e.description;return t?s.createElement(s.Fragment,null,s.createElement("h2",{className:"h4"},"Description"),s.createElement("p",null,t)):s.createElement(s.Fragment,null)}function z(e){var t=e.video;return s.createElement("div",{className:"rounded border px-3"},s.createElement(C.a,{autoHeight:!0,autoHeightMax:250},s.createElement("div",{className:"py-3"},s.createElement(B,{video:t}),s.createElement(q,{description:t.description}))))}function Q(){var e={application:o.DEFAULT,action:"index"};return s.createElement(f.AppLink,{appLink:e,className:"h5 mb-0"},s.createElement(f.SvgContainer,{svgName:f.cvSvgLibrary.ChevronLeft,size:f.SvgContainerSize.Medium,className:"svg-container d-inline-block mr-1 align-middle"}),s.createElement("span",{className:"d-inline-block align-middle"},"Back to Home"))}function W(e){var t=e.video,n=t.rating,a=t.productionYear;return s.createElement("div",null,n&&s.createElement("span",{className:"badge badge-light p-1 mr-1"},n.code),a&&s.createElement("span",{className:"badge badge-light p-1 mr-1"},a))}function J(){return s.createElement("div",{className:"mt-3"},s.createElement(f.IconButton,{svgName:f.cvSvgLibrary.Plus,className:"btn btn-outline-secondary mr-2"},"Create interactive video"),s.createElement(f.IconButton,{svgName:f.cvSvgLibrary.Plus,className:"btn btn-outline-secondary mr-2"},"Create clip"),s.createElement(f.IconButton,{svgName:f.cvSvgLibrary.More,className:"btn btn-light float-right ml-2"},"More"),s.createElement(f.IconButton,{svgName:f.cvSvgLibrary.Share,className:"btn btn-light float-right ml-2"},"Share"),s.createElement(f.IconButton,{svgName:f.cvSvgLibrary.AddToPlaylists,className:"btn btn-light float-right ml-2"},"Add to Playlist"),s.createElement(f.IconButton,{svgName:f.cvSvgLibrary.Plus,className:"btn btn-light float-right ml-2"},"Favourite"))}function X(e){var t=e.video;return s.createElement("h1",{className:"h3"},s.createElement(f.SeriesLink,{video:t,appLink:{application:"series",action:"series"}}),t.name)}function K(e){return function(t){var n=s.useCallback(t,[]);s.useEffect((function(){return window.addEventListener(e,n),function(){return window.removeEventListener(e,n)}}),[])}}var G=K("scroll"),Z=K("resize");function $(e){var t=s.useContext(F),n=t.setPosition,a=t.setId,r=p.Flight.useBasicFetch(g.video(e.id)),o=s.useRef(null),i=s.useCallback((function(e){e&&(o.current=e,l())}),[]),l=s.useMemo((function(){return p.FunctionHelper.debounce(function(e,t){return function(){if(e.current){var n=e.current.getBoundingClientRect(),a=window.pageXOffset||document.documentElement.scrollLeft,r=window.pageYOffset||document.documentElement.scrollTop;n.top<-n.height?t(null):t({top:r+n.top,left:a+n.left,width:n.width})}}}(o,n),100)}),[]);return G(l),Z(l),s.useEffect((function(){return function(){return n(null)}}),[]),r.data?(a(r.data.id),s.createElement(s.Fragment,null,s.createElement("div",{className:"d-flex justify-content-between"},s.createElement(Q,null),s.createElement("button",{className:"btn btn-light"},"Classroom mode")),s.createElement("div",{className:"embed-responsive embed-responsive-16by9 my-3",ref:i}),s.createElement(X,{video:r.data}),s.createElement(W,{video:r.data}),s.createElement(J,null),s.createElement("hr",null),s.createElement(z,{video:r.data}),s.createElement(M,{video:r.data,className:"mt-3"}))):s.createElement(s.Fragment,null)}var ee="shared.myUploads",te=function(){return[{label:p.LanguageService.getPhrase(ee,"share"),appLink:{application:o.DEFAULT,action:"index"},svgName:f.cvSvgLibrary.Share,className:"btn btn-light",button:!0},{label:p.LanguageService.getPhrase(ee,"edit"),appLink:{application:o.DEFAULT,action:"index"},svgName:f.cvSvgLibrary.Edit,className:"btn btn-light",button:!0}]},ne=function(e){return{application:null,action:null,args:[e.id]}},ae=function(e){return{application:null,action:null,args:[e.id]}};function re(e){var t=p.Flight.useBasicFetch(y.config),n=p.Flight.useBasicFetch(g.workspace(e.cursor));return t.data&&n.data?s.createElement(s.Fragment,null,s.createElement(f.BannerHeader,{heading:p.LanguageService.getPhrase(ee,"header"),banner:null,imageCdnUrl:t.data.imageCdnUrl,actions:te()}),s.createElement("div",null,s.createElement("p",{className:"pt-3"},s.createElement(f.Text,{namespace:ee,phrase:"description"})),s.createElement(f.VideoList,{videos:n.data.data,cursors:n.data.pagination.cursors,getVideoAppLink:ne,getSeriesAppLink:ae}))):s.createElement(s.Fragment,null)}var oe=n(6),ie=n.n(oe);function le(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if(!(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(a=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==l.return||l.return()}finally{if(r)throw o}}return n}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var ce=function(e){var t=e.showNav,n=e.contentChild,a=e.popupChild,r=e.alertChild,o=le(s.useState(!1),2),i=o[0],l=o[1],c=Object(f.useMediaQuery)(f.MediaQueryStrings.XS),u=Object(f.useMediaQuery)(f.MediaQueryStrings.SM),p=Object(f.useMediaQuery)(f.MediaQueryStrings.XLG);s.useEffect((function(){l(!p)}),[p]);var m=function(e,t,n){return t?{state:e?S.Hidden:S.Open,showMask:!e,contentClass:ie.a.hiddenNavContent}:n?{state:e?S.Collapsed:S.Open,showMask:!e,contentClass:ie.a.collapsedNavContent}:{state:e?S.Collapsed:S.Open,showMask:!1,contentClass:e?ie.a.collapsedNavContent:ie.a.openNavContent}}(i,c,u);return s.createElement(s.Fragment,null,s.createElement(P,{toggleLeftNav:function(){l(!i)},showLeftNavToggle:t}),t&&s.createElement(x,{navState:m.state}),s.createElement("div",{className:"".concat(ie.a.content," ").concat(m.contentClass)},s.createElement("div",{className:"container"},n)),a,r,m.showMask&&s.createElement("div",{className:"modal-backdrop show ".concat(ie.a.mask)}),s.createElement(D,null))};function ue(e){return s.createElement(m.Provider,{store:e.store},s.createElement(I,null,s.createElement(ce,Object.assign({},e))))}var se=n(10),pe=n.n(se);function me(e){return(me="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function fe(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function de(e,t){return!t||"object"!==me(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function ye(e,t,n){return(ye="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var a=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=ve(e)););return e}(e,t);if(a){var r=Object.getOwnPropertyDescriptor(a,t);return r.get?r.get.call(n):r.value}})(e,t,n||e)}function ve(e){return(ve=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function he(e,t){return(he=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var ge=function(e){function t(e){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(n=de(this,ve(t).call(this,e))).childComponents={},n}var n,a,r;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&he(e,t)}(t,e),n=t,r=[{key:"getCacheKey",value:function(e){return"".concat(l.TEACHER_LAYOUT,":").concat(e.showNav)}}],(a=[{key:"regions",value:function(){return{layout:{el:".layout-region",replaceEl:!0}}}},{key:"getChildComponents",value:function(){return{showNav:this.options.showNav,contentChild:this.childComponents[i.CONTENT],popupChild:this.childComponents[i.POPUP],alertChild:this.childComponents[i.ALERT],store:this.options.store}}},{key:"unsetRegion",value:function(e){delete this.childComponents[e],this.renderLayout()}},{key:"closePopup",value:function(){this.unsetRegion(i.POPUP)}},{key:"showChildView",value:function(e,t){this.childComponents[e]=t,this.renderLayout()}},{key:"renderLayout",value:function(){ye(ve(t.prototype),"showChildView",this).call(this,"layout",s.createElement(ue,Object.assign({},this.getChildComponents())))}},{key:"title",get:function(){return!1}},{key:"name",get:function(){return"TeacherLayoutView"}},{key:"template",get:function(){return pe.a}}])&&fe(n.prototype,a),r&&fe(n,r),t}(p.ReactLayoutView);function be(){return s.createElement("div",{style:{height:"3000px"}},s.createElement("h1",null,"Hello World"),s.createElement(f.AppLink,{appLink:{application:o.DEFAULT,action:"play:video",args:["9122777"]}},"Play page 1"),s.createElement(f.AppLink,{appLink:{application:o.DEFAULT,action:"play:video",args:["3713435"]}},"Play page 2"))}function Ee(){return s.createElement(s.Fragment,null,s.createElement("h1",null,"Not Found"))}function Ne(e){return(Ne="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Le(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function we(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function Pe(e,t,n){return t&&we(e.prototype,t),n&&we(e,n),e}function Se(e,t){return!t||"object"!==Ne(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function ke(e){return(ke=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function Ce(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Oe(e,t)}function Oe(e,t){return(Oe=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var Ae=function(e){function t(){return Le(this,t),Se(this,ke(t).apply(this,arguments))}return Ce(t,e),Pe(t,[{key:"channelName",get:function(){return o.DEFAULT}},{key:"appRoutes",get:function(){return{"":"index","videos/:id":"playVideo","my-uploads":"myUploads","*path":"catchAllRoutes"}}},{key:"appLinks",get:function(){return["notFound"]}}]),t}(p.Core.AppRouter),Te=function(e){function t(){return Le(this,t),Se(this,ke(t).apply(this,arguments))}return Ce(t,e),Pe(t,[{key:"index",value:function(){this.layout.showChildView(i.CONTENT,s.createElement(be,null))}},{key:"playVideo",value:function(e){this.layout.showChildView(i.CONTENT,s.createElement($,{id:e}))}},{key:"myUploads",value:function(e){this.layout.showChildView(i.CONTENT,s.createElement(re,{cursor:e.cursor}))}},{key:"catchAllRoutes",value:function(){this.layout.showChildView(i.CONTENT,s.createElement(Ee,null))}},{key:"notFound",value:function(){this.layout.showChildView(i.CONTENT,s.createElement(Ee,null))}},{key:"name",get:function(){return"Default Application"}},{key:"layoutOptions",get:function(){return{name:l.TEACHER_LAYOUT,options:{showNav:!0}}}},{key:"channelName",get:function(){return o.DEFAULT}}],[{key:"router",get:function(){return Ae}}]),t}(p.Core.Application),_e=n(11);function xe(e){return(xe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Re(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function je(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function Fe(e,t,n){return t&&je(e.prototype,t),n&&je(e,n),e}function Ie(e,t){return!t||"object"!==xe(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function Ue(e){return(Ue=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function Ve(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&De(e,t)}function De(e,t){return(De=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var Me=function(e){function t(){return Re(this,t),Ie(this,Ue(t).apply(this,arguments))}return Ve(t,e),Fe(t,[{key:"channelName",get:function(){return o.PLAYLISTS}},{key:"appRoutes",get:function(){return{"playlists(/)":"index","playlists/:id(/)":"playlist"}}},{key:"appLinks",get:function(){return["newPlaylist","editPlaylist","deletePlaylist"]}}]),t}(p.Core.AppRouter),Ye=function(e){function t(){return Re(this,t),Ie(this,Ue(t).apply(this,arguments))}return Ve(t,e),Fe(t,[{key:"index",value:function(){this.layout.showChildView(i.CONTENT,s.createElement(a.PlaylistsContextProvider,null,s.createElement(a.PlaylistsView,{getPlaylistAppLink:function(e){return{application:o.PLAYLISTS,action:r.Playlists.PLAYLIST,args:[e.id]}}})))}},{key:"playlist",value:function(e){this.layout.showChildView(i.CONTENT,s.createElement(a.PlaylistView,{playlistId:e,application:o.PLAYLISTS,getVideoAppLink:function(e){return{application:o.DEFAULT,action:"play:video",args:[e.id]}},getSeriesAppLink:function(e){return{application:o.PLAYLISTS,action:r.Playlists.HOME}},allowEdit:!0}))}},{key:"newPlaylist",value:function(){var e=this;this.layout.showChildView(i.POPUP,s.createElement(a.NewPlaylistView,{application:o.PLAYLISTS,closePopup:function(){return e.layout.closePopup()}}))}},{key:"editPlaylist",value:function(e){var t=this;this.layout.showChildView(i.POPUP,s.createElement(a.EditPlaylistView,{playlistId:e,closePopup:function(){return t.layout.closePopup()}}))}},{key:"deletePlaylist",value:function(e){var t=this;this.layout.showChildView(i.POPUP,s.createElement(a.DeletePlaylistView,{playlistId:e,routeToOnDelete:{application:o.PLAYLISTS,action:r.Playlists.HOME},closePopup:function(){return t.layout.closePopup()}}))}},{key:"onShowAlert",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.collection,n=t?t.toJSON():[],a=function(e){return _e.Radio.channel(p.CommonChannels.ALERT).trigger("remove:alert",e)};this.layout.showChildView(i.ALERT,s.createElement(f.AlertList,{alerts:n,removeAlert:a}))}},{key:"name",get:function(){return"Playlists Application"}},{key:"layoutOptions",get:function(){return{name:l.TEACHER_LAYOUT,options:{showNav:!0}}}},{key:"channelName",get:function(){return o.PLAYLISTS}}],[{key:"router",get:function(){return Me}}]),t}(p.Core.Application);n.d(t,"Actions",(function(){return r})),n.d(t,"AppChannels",(function(){return o})),n.d(t,"LayoutRegions",(function(){return i})),n.d(t,"Layouts",(function(){return l})),n.d(t,"WithStatements",(function(){return u})),n.d(t,"TeacherLayoutView",(function(){return ge})),n.d(t,"DefaultApplication",(function(){return Te})),n.d(t,"PlaylistsApplication",(function(){return Ye}))}])}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("React"),require("@clickview/shared"),require("@clickview/common"),require("@clickview/playlists"),require("ReactCustomScrollbars"),require("ReactRedux"),require("Backbone"),require("Handlebars")):"function"==typeof define&&define.amd?define(["React","@clickview/shared","@clickview/common","@clickview/playlists","ReactCustomScrollbars","ReactRedux","Backbone","Handlebars"],t):"object"==typeof exports?exports["@clickview/lite"]=t(require("React"),require("@clickview/shared"),require("@clickview/common"),require("@clickview/playlists"),require("ReactCustomScrollbars"),require("ReactRedux"),require("Backbone"),require("Handlebars")):e["@clickview/lite"]=t(e.React,e["@clickview/shared"],e["@clickview/common"],e["@clickview/playlists"],e.ReactCustomScrollbars,e.ReactRedux,e.Backbone,e.Handlebars)}(window,(function(e,t,n,a,r,o,i,l){return function(e){var t={};function n(a){if(t[a])return t[a].exports;var r=t[a]={i:a,l:!1,exports:{}};return e[a].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,a){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(n.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(a,r,function(t){return e[t]}.bind(null,r));return a},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=17)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t){e.exports=a},function(e,t,n){e.exports={nav:"_3RLQ9",logoContainer:"UIlc9",searchBar:"_2E7RQ",actionButtons:"_2HygL",avatar:"_2OoYm",notifications:"_2b7ER",hamburger:"_2BRko"}},function(e,t,n){e.exports={content:"_1SX2l",collapsedNavContent:"_3LJFz",openNavContent:"_34Pt4",hiddenNavContent:"_1gZ0J",mask:"mE2Dq"}},function(e,t,n){e.exports={leftNav:"_3jVyN",iconPlaceholder:"_1ud9G",leftNavAnchor:"_3A_-8",leftNavText:"_3qbRh",leftNavCollapsed:"_2idO9"}},function(e,t){e.exports=r},function(e,t,n){e.exports={fixed:"_3C4_W",inline:"_2voRI"}},function(e,t){e.exports=o},function(e,t,n){var a=n(16);e.exports=(a.default||a).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,a,r){return'<div class="layout-region position-relative"></div>'},useData:!0})},function(e,t){e.exports=i},function(e){e.exports=JSON.parse("{}")},function(e){e.exports=JSON.parse("{}")},function(e){e.exports=JSON.parse("{}")},function(e,t,n){},function(e,t){e.exports=l},function(e,t,n){"use strict";n.r(t);n(12),n(13),n(14),n(15);var a=n(3),r={Default:{MY_UPLOADS:"my:uploads"},Playlists:{HOME:a.Actions.Playlists.HOME,PLAYLIST:a.Actions.Playlists.PLAYLIST,NEW_PLAYLIST:a.Actions.Playlists.NEW_PLAYLIST,EDIT_PLAYLIST:a.Actions.Playlists.EDIT_PLAYLIST,DELETE_PLAYLIST:a.Actions.Playlists.DELETE_PLAYLIST}},o={DEFAULT:"default:application",PLAYLISTS:"lite:playlists:application"},i={CONTENT:"content",POPUP:"popup",ALERT:"alert"},l={TEACHER_LAYOUT:"TeacherLayout"},c="series,season,rating,producers,distributors,resources,tags,productionCompanies,directors,links,thumbnail",u={VIDEOS:c,WORKSPACE_VIDEOS:"".concat(c,"&filter={orderbydesc:timestamp,page:1,limit:25}")},s=n(0),p=n(2),m=n(9),f=n(1),d={url:"api/currentUser",key:"currentuser"},y={url:"/api/config",key:"config"},v=function(e){return"/api/domain/v2/objects/".concat(e,"?query=").concat(u.VIDEOS)},h=function(e){return"api/domain/v2/objects/8961024/videos?query=".concat(u.WORKSPACE_VIDEOS).concat(function(e){return e?"&cursor=".concat(e):""}(e))},b=function(e){return{url:v(e),key:"videos:".concat(e)}},g=function(e){return{url:h(e),key:"workspace:".concat(e)}};var E=n(4),N=n.n(E);function L(){return s.createElement("svg",{viewBox:"0 0 434 71"},s.createElement("g",null,s.createElement("path",{fill:"#000000",d:"M114.44 56.57l3.5 3.5a32.87 32.87 0 0 1-25.16 11.26c-19.63 0-33.62-15.54-33.62-35.16C59.16 16.55 73.16 1 92.78 1a32.31 32.31 0 0 1 24.19 10.4l-3.6 3.3a27.32 27.32 0 0 0-20.59-8.74c-16.91 0-28.39 13.5-28.39 30.21s11.48 30.21 28.39 30.21a28.08 28.08 0 0 0 21.66-9.81zM126.64 1h4.55v70.22h-4.73L126.64 1zm17.3 10.6a3.7 3.7 0 1 1 0 7.4 3.7 3.7 0 0 1 0-7.4zm-2.41 15.07h4.81v44.56h-4.81V26.67zm48 33.15l3.33 3.15a21.8 21.8 0 0 1-17.31 8.61c-12.59 0-21.76-10-21.76-22.22 0-12.22 9.17-22.22 21.76-22.22a21.84 21.84 0 0 1 16.85 8l-3.43 3.06a17.15 17.15 0 0 0-13.42-6.3c-10.09 0-16.76 8.15-16.76 17.5s6.67 17.5 16.76 17.5a17.38 17.38 0 0 0 13.98-7.08zm14.99-9.33v20.74h-4.73V1.01h4.73v47.75l20.74-19.02h6.64l-21.56 19.84L234 71.23h-7.01l-22.47-20.74z"}),s.createElement("path",{fill:"#F8981D",d:"M304.09 19.4a5.56 5.56 0 1 1 0-11.12 5.56 5.56 0 0 1 0 11.12zm-5.56 7.27h11.11v44.56h-11.11V26.67zm61.42 22.15c0 .81 0 2.42-.09 4h-31.75c.8 3.77 5.2 8.61 11.93 8.61a17.11 17.11 0 0 0 11.66-4.31l5.38 8.16a27.23 27.23 0 0 1-17 6.1c-12.92 0-22.88-9.87-22.88-22.34s9.06-22.33 21.35-22.33c11.62-.04 21.4 9.02 21.4 22.11zm-10.77-3.76c-.18-3.68-3.58-8.62-10.67-8.62-6.91 0-10.05 4.85-10.4 8.62h21.07zM385.92 71h-6.42l-19.64-44.37h13.97l9.16 23.98 9.72-23.98h8.31l9.63 23.98 9.16-23.98h13.97L414.24 71h-6.52l-10.85-23.7L385.92 71zm-120.22.35h-6L226.11 1.01h17.01l19.42 44.18 18.08-44.18h16.91L265.7 71.35zM0 1l41 35L0 71V1z"})))}function w(e){var t=e.user&&e.user.avatar;return s.createElement("div",{className:"mx-2"},s.createElement("span",{className:N.a.avatar,style:{backgroundImage:"url('".concat(t,"')")}}," "))}function P(){return s.createElement("div",{className:"ml-2"},s.createElement("span",{className:N.a.notifications}," "))}function S(e){var t=p.Flight.useBasicFetch(d);return s.createElement("nav",{className:"navbar navbar-expanded sticky-top ".concat(N.a.nav," justify-content-start")},e.showLeftNavToggle&&s.createElement(f.SvgContainer,{svgName:f.cvSvgLibrary.Handle,className:N.a.hamburger,onClick:e.toggleLeftNav}),s.createElement("a",{className:"navbar-brand text-hide align-top ".concat(N.a.logoContainer," d-inline-block'"),href:"/"},s.createElement(L,null)),s.createElement("div",{className:"d-flex align-items-center pr-1 position-absolute ".concat(N.a.actionButtons)},s.createElement(f.IconButton,{svgName:f.cvSvgLibrary.Upload,className:"btn btn-secondary"},"Upload a video"),s.createElement(P,null),s.createElement(w,{user:t.data})))}var k,C=n(7),O=n.n(C),A=n(6),T=n.n(A);!function(e){e[e.Open=0]="Open",e[e.Collapsed=1]="Collapsed",e[e.Hidden=2]="Hidden"}(k||(k={}));var _=function(e){return s.createElement(f.AppLink,{className:"".concat(T.a.leftNavAnchor," d-block my-3"),appLink:e.appLink},s.createElement("span",{className:"".concat(T.a.iconPlaceholder)}),s.createElement("span",{className:"".concat(T.a.leftNavText)},e.name))};function x(e){if(e.navState===k.Hidden)return s.createElement(s.Fragment,null);var t=e.navState===k.Collapsed,n=p.LanguageService.encloseNamespace("shared.leftNav");return s.createElement("nav",{className:"".concat(T.a.leftNav," ").concat(t?T.a.leftNavCollapsed:"")},s.createElement(C.Scrollbars,{height:"100%"},s.createElement(_,{name:n("home"),appLink:{application:o.DEFAULT,action:"index"}}),s.createElement(_,{name:n("myPlaylists"),appLink:{application:o.PLAYLISTS,action:r.Playlists.HOME}}),s.createElement(_,{name:n("myUploads"),appLink:{application:o.DEFAULT,action:r.Default.MY_UPLOADS}}),s.createElement(_,{name:n("following")}),s.createElement(_,{name:n("favouritedVideos")}),!t&&s.createElement(s.Fragment,null,s.createElement("hr",null),s.createElement(_,{name:n("watchHistory")}),s.createElement(_,{name:n("myClassrooms")}))))}function R(e){var t="".concat(e.webPlayerHost,"home/ev?vid=").concat(e.id);return s.createElement("div",{className:"embed-responsive embed-responsive-16by9 ".concat(e.className)},s.createElement("iframe",{src:t,className:"embed-responsive-item",allowFullScreen:!0,allow:"autoplay; fullscreen"}))}function j(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if(!(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(a=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==l.return||l.return()}finally{if(r)throw o}}return n}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var F=s.createContext(void 0);function I(e){var t=e.children,n=p.Flight.useBasicFetch(y),a=j(s.useState(null),2),r=a[0],o=a[1],i=j(s.useState(null),2),l=i[0],c=i[1],u={webPlayerUrl:n.data?n.data.webPlayerUrl:"",id:r,setId:o,position:l,setPosition:c};return s.createElement(F.Provider,{value:u},t)}var U=n(8),V=n.n(U);function D(){var e=s.useContext(F),t=e.id,n=e.webPlayerUrl,a=e.position;if(!t)return s.createElement(s.Fragment,null);var r={},o=V.a.fixed;return a&&(o=V.a.inline,r=a),s.createElement("div",{style:r,className:o},s.createElement(R,{id:t,webPlayerHost:n}))}function M(e){var t=e.video;return t.resources&&t.resources.data&&t.resources.data.length?s.createElement("div",{className:e.className},s.createElement("h2",{className:"h4"},"Resources"),t.resources.data.map((function(e,t){return s.createElement("div",{key:t},e.name)}))):s.createElement(s.Fragment,null)}function Y(e){var t=e.tags,n=e.className;return t&&t.data&&t.data.length?s.createElement("div",{className:n},"Tags: ",t.data.map((function(e,t){return s.createElement("span",{className:"badge mr-1 p-1 badge-light",key:t},e.name)}))):s.createElement(s.Fragment,null)}function H(e){var t=e.label,n=e.items,a=e.className;if(!(n&&n.data&&n.data.length))return s.createElement(s.Fragment,null);var r=n.data.map((function(e){return e.name})).join(", ");return s.createElement("div",{className:a},t,": ",r)}function B(e){var t=e.video,n=t.tags,a=t.rating,r=t.productionYear,o=t.productionCompanies,i=t.distributors,l=a&&a.code;return s.createElement(s.Fragment,null,s.createElement("h2",{className:"h4"},"Details"),s.createElement("div",{className:"row no-gutters"},s.createElement("div",{className:"col-3"},l&&s.createElement("div",{className:"pb-2"},"Rating: ",l),r&&s.createElement("div",{className:"pb-2"},"Production Year: ",r)),s.createElement("div",{className:"col-9"},s.createElement(H,{label:"Production Companies",items:o,className:"pb-2"}),s.createElement(H,{label:"Distributors",items:i,className:"pb-2"}),s.createElement(Y,{tags:n,className:"pb-2"}))))}function q(e){var t=e.description;return t?s.createElement(s.Fragment,null,s.createElement("h2",{className:"h4"},"Description"),s.createElement("p",null,t)):s.createElement(s.Fragment,null)}function z(e){var t=e.video;return s.createElement("div",{className:"rounded border px-3"},s.createElement(O.a,{autoHeight:!0,autoHeightMax:250},s.createElement("div",{className:"py-3"},s.createElement(B,{video:t}),s.createElement(q,{description:t.description}))))}function Q(){var e={application:o.DEFAULT,action:"index"};return s.createElement(f.AppLink,{appLink:e,className:"h5 mb-0"},s.createElement(f.SvgContainer,{svgName:f.cvSvgLibrary.ChevronLeft,size:f.SvgContainerSize.Medium,className:"svg-container d-inline-block mr-1 align-middle"}),s.createElement("span",{className:"d-inline-block align-middle"},"Back to Home"))}function W(e){var t=e.video,n=t.rating,a=t.productionYear;return s.createElement("div",null,n&&s.createElement("span",{className:"badge badge-light p-1 mr-1"},n.code),a&&s.createElement("span",{className:"badge badge-light p-1 mr-1"},a))}function J(){return s.createElement("div",{className:"mt-3"},s.createElement(f.IconButton,{svgName:f.cvSvgLibrary.Plus,className:"btn btn-outline-secondary mr-2"},"Create interactive video"),s.createElement(f.IconButton,{svgName:f.cvSvgLibrary.Plus,className:"btn btn-outline-secondary mr-2"},"Create clip"),s.createElement(f.IconButton,{svgName:f.cvSvgLibrary.More,className:"btn btn-light float-right ml-2"},"More"),s.createElement(f.IconButton,{svgName:f.cvSvgLibrary.Share,className:"btn btn-light float-right ml-2"},"Share"),s.createElement(f.IconButton,{svgName:f.cvSvgLibrary.AddToPlaylists,className:"btn btn-light float-right ml-2"},"Add to Playlist"),s.createElement(f.IconButton,{svgName:f.cvSvgLibrary.Plus,className:"btn btn-light float-right ml-2"},"Favourite"))}function X(e){var t=e.video;return s.createElement("h1",{className:"h3"},s.createElement(f.SeriesLink,{video:t,appLink:{application:"series",action:"series"}}),t.name)}function K(e){return function(t){var n=s.useCallback(t,[]);s.useEffect((function(){return window.addEventListener(e,n),function(){return window.removeEventListener(e,n)}}),[])}}var G=K("scroll"),Z=K("resize");function $(e){var t=s.useContext(F),n=t.setPosition,a=t.setId,r=p.Flight.useBasicFetch(b(e.id)),o=s.useRef(null),i=s.useCallback((function(e){e&&(o.current=e,l())}),[]),l=s.useMemo((function(){return p.FunctionHelper.debounce(function(e,t){return function(){if(e.current){var n=e.current.getBoundingClientRect(),a=window.pageXOffset||document.documentElement.scrollLeft,r=window.pageYOffset||document.documentElement.scrollTop;n.top<-n.height?t(null):t({top:r+n.top,left:a+n.left,width:n.width})}}}(o,n),100)}),[]);return G(l),Z(l),s.useEffect((function(){return function(){return n(null)}}),[]),r.data?(a(r.data.id),s.createElement(s.Fragment,null,s.createElement("div",{className:"d-flex justify-content-between"},s.createElement(Q,null),s.createElement("button",{className:"btn btn-light"},"Classroom mode")),s.createElement("div",{className:"embed-responsive embed-responsive-16by9 my-3",ref:i}),s.createElement(X,{video:r.data}),s.createElement(W,{video:r.data}),s.createElement(J,null),s.createElement("hr",null),s.createElement(z,{video:r.data}),s.createElement(M,{video:r.data,className:"mt-3"}))):s.createElement(s.Fragment,null)}var ee=function(e){return{application:null,action:null,args:[e.id]}},te=function(e){return{application:null,action:null,args:[e.id]}};function ne(e){var t=p.Flight.useBasicFetch(y),n=p.Flight.useBasicFetch(g(e.cursor));return t.data&&n.data?s.createElement(s.Fragment,null,s.createElement(f.BannerHeader,{heading:p.LanguageService.getPhrase("shared.myUploads","header"),banner:null,imageCdnUrl:t.data.imageCdnUrl,actions:[{label:p.LanguageService.getPhrase("shared.myUploads","share"),appLink:{application:o.DEFAULT,action:"index"},svgName:f.cvSvgLibrary.Share,className:"btn btn-light",button:!0},{label:p.LanguageService.getPhrase("shared.myUploads","edit"),appLink:{application:o.DEFAULT,action:"index"},svgName:f.cvSvgLibrary.Edit,className:"btn btn-light",button:!0}]}),s.createElement("div",null,s.createElement("p",{className:"pt-3"},s.createElement(f.Text,{namespace:"shared.myUploads",phrase:"description"})),s.createElement(f.VideoList,{videos:n.data.data,cursors:n.data.pagination.cursors,getVideoAppLink:ee,getSeriesAppLink:te}))):s.createElement(s.Fragment,null)}var ae=n(5),re=n.n(ae);function oe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if(!(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var i,l=e[Symbol.iterator]();!(a=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==l.return||l.return()}finally{if(r)throw o}}return n}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var ie=function(e){var t=e.showNav,n=e.contentChild,a=e.popupChild,r=e.alertChild,o=oe(s.useState(!1),2),i=o[0],l=o[1],c=Object(f.useMediaQuery)(f.MediaQueryStrings.XS),u=Object(f.useMediaQuery)(f.MediaQueryStrings.SM),p=Object(f.useMediaQuery)(f.MediaQueryStrings.XLG);s.useEffect((function(){l(!p)}),[p]);var m=function(e,t,n){return t?{state:e?k.Hidden:k.Open,showMask:!e,contentClass:re.a.hiddenNavContent}:n?{state:e?k.Collapsed:k.Open,showMask:!e,contentClass:re.a.collapsedNavContent}:{state:e?k.Collapsed:k.Open,showMask:!1,contentClass:e?re.a.collapsedNavContent:re.a.openNavContent}}(i,c,u);return s.createElement(s.Fragment,null,s.createElement(S,{toggleLeftNav:function(){l(!i)},showLeftNavToggle:t}),t&&s.createElement(x,{navState:m.state}),s.createElement("div",{className:"".concat(re.a.content," ").concat(m.contentClass)},s.createElement("div",{className:"container"},n)),a,r,m.showMask&&s.createElement("div",{className:"modal-backdrop show ".concat(re.a.mask)}),s.createElement(D,null))};function le(e){return s.createElement(m.Provider,{store:e.store},s.createElement(I,null,s.createElement(ie,Object.assign({},e))))}var ce=n(10),ue=n.n(ce);function se(e){return(se="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function pe(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function me(e,t){return!t||"object"!==se(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function fe(e,t,n){return(fe="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var a=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=de(e)););return e}(e,t);if(a){var r=Object.getOwnPropertyDescriptor(a,t);return r.get?r.get.call(n):r.value}})(e,t,n||e)}function de(e){return(de=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function ye(e,t){return(ye=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var ve=function(e){function t(e){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(n=me(this,de(t).call(this,e))).childComponents={},n}var n,a,r;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&ye(e,t)}(t,e),n=t,r=[{key:"getCacheKey",value:function(e){return"".concat(l.TEACHER_LAYOUT,":").concat(e.showNav)}}],(a=[{key:"regions",value:function(){return{layout:{el:".layout-region",replaceEl:!0}}}},{key:"getChildComponents",value:function(){return{showNav:this.options.showNav,contentChild:this.childComponents[i.CONTENT],popupChild:this.childComponents[i.POPUP],alertChild:this.childComponents[i.ALERT],store:this.options.store}}},{key:"unsetRegion",value:function(e){delete this.childComponents[e],this.renderLayout()}},{key:"closePopup",value:function(){this.unsetRegion(i.POPUP)}},{key:"showChildView",value:function(e,t){this.childComponents[e]=t,this.renderLayout()}},{key:"renderLayout",value:function(){fe(de(t.prototype),"showChildView",this).call(this,"layout",s.createElement(le,Object.assign({},this.getChildComponents())))}},{key:"title",get:function(){return!1}},{key:"name",get:function(){return"TeacherLayoutView"}},{key:"template",get:function(){return ue.a}}])&&pe(n.prototype,a),r&&pe(n,r),t}(p.ReactLayoutView);function he(){return s.createElement("div",{style:{height:"3000px"}},s.createElement("h1",null,"Hello World"),s.createElement(f.AppLink,{appLink:{application:o.DEFAULT,action:"play:video",args:["9122777"]}},"Play page 1"),s.createElement(f.AppLink,{appLink:{application:o.DEFAULT,action:"play:video",args:["3713435"]}},"Play page 2"))}function be(){return s.createElement(s.Fragment,null,s.createElement("h1",null,"Not Found"))}function ge(e){return(ge="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Ee(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Ne(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function Le(e,t,n){return t&&Ne(e.prototype,t),n&&Ne(e,n),e}function we(e,t){return!t||"object"!==ge(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function Pe(e){return(Pe=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function Se(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&ke(e,t)}function ke(e,t){return(ke=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var Ce=function(e){function t(){return Ee(this,t),we(this,Pe(t).apply(this,arguments))}return Se(t,e),Le(t,[{key:"channelName",get:function(){return o.DEFAULT}},{key:"appRoutes",get:function(){return{"":"index","videos/:id":"playVideo","my-uploads":"myUploads","*path":"catchAllRoutes"}}},{key:"appLinks",get:function(){return["notFound"]}}]),t}(p.Core.AppRouter),Oe=function(e){function t(){return Ee(this,t),we(this,Pe(t).apply(this,arguments))}return Se(t,e),Le(t,[{key:"index",value:function(){this.layout.showChildView(i.CONTENT,s.createElement(he,null))}},{key:"playVideo",value:function(e){this.layout.showChildView(i.CONTENT,s.createElement($,{id:e}))}},{key:"myUploads",value:function(e){this.layout.showChildView(i.CONTENT,s.createElement(ne,{cursor:e.cursor}))}},{key:"catchAllRoutes",value:function(){this.layout.showChildView(i.CONTENT,s.createElement(be,null))}},{key:"notFound",value:function(){this.layout.showChildView(i.CONTENT,s.createElement(be,null))}},{key:"name",get:function(){return"Default Application"}},{key:"layoutOptions",get:function(){return{name:l.TEACHER_LAYOUT,options:{showNav:!0}}}},{key:"channelName",get:function(){return o.DEFAULT}}],[{key:"router",get:function(){return Ce}}]),t}(p.Core.Application),Ae=n(11);function Te(e){return(Te="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _e(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function xe(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function Re(e,t,n){return t&&xe(e.prototype,t),n&&xe(e,n),e}function je(e,t){return!t||"object"!==Te(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function Fe(e){return(Fe=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function Ie(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&Ue(e,t)}function Ue(e,t){return(Ue=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var Ve=function(e){function t(){return _e(this,t),je(this,Fe(t).apply(this,arguments))}return Ie(t,e),Re(t,[{key:"channelName",get:function(){return o.PLAYLISTS}},{key:"appRoutes",get:function(){return{"playlists(/)":"index","playlists/:id(/)":"playlist"}}},{key:"appLinks",get:function(){return["newPlaylist","editPlaylist","deletePlaylist"]}}]),t}(p.Core.AppRouter),De=function(e){function t(){return _e(this,t),je(this,Fe(t).apply(this,arguments))}return Ie(t,e),Re(t,[{key:"index",value:function(){this.layout.showChildView(i.CONTENT,s.createElement(a.PlaylistsContextProvider,null,s.createElement(a.PlaylistsView,{getPlaylistAppLink:function(e){return{application:o.PLAYLISTS,action:r.Playlists.PLAYLIST,args:[e.id]}}})))}},{key:"playlist",value:function(e){this.layout.showChildView(i.CONTENT,s.createElement(a.PlaylistView,{playlistId:e,application:o.PLAYLISTS,getVideoAppLink:function(e){return{application:o.DEFAULT,action:"play:video",args:[e.id]}},getSeriesAppLink:function(e){return{application:o.PLAYLISTS,action:r.Playlists.HOME}},allowEdit:!0}))}},{key:"newPlaylist",value:function(){var e=this;this.layout.showChildView(i.POPUP,s.createElement(a.NewPlaylistView,{application:o.PLAYLISTS,closePopup:function(){return e.layout.closePopup()}}))}},{key:"editPlaylist",value:function(e){var t=this;this.layout.showChildView(i.POPUP,s.createElement(a.EditPlaylistView,{playlistId:e,closePopup:function(){return t.layout.closePopup()}}))}},{key:"deletePlaylist",value:function(e){var t=this;this.layout.showChildView(i.POPUP,s.createElement(a.DeletePlaylistView,{playlistId:e,routeToOnDelete:{application:o.PLAYLISTS,action:r.Playlists.HOME},closePopup:function(){return t.layout.closePopup()}}))}},{key:"onShowAlert",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.collection,n=t?t.toJSON():[],a=function(e){return Ae.Radio.channel(p.CommonChannels.ALERT).trigger("remove:alert",e)};this.layout.showChildView(i.ALERT,s.createElement(f.AlertList,{alerts:n,removeAlert:a}))}},{key:"name",get:function(){return"Playlists Application"}},{key:"layoutOptions",get:function(){return{name:l.TEACHER_LAYOUT,options:{showNav:!0}}}},{key:"channelName",get:function(){return o.PLAYLISTS}}],[{key:"router",get:function(){return Ve}}]),t}(p.Core.Application);n.d(t,"Actions",(function(){return r})),n.d(t,"AppChannels",(function(){return o})),n.d(t,"LayoutRegions",(function(){return i})),n.d(t,"Layouts",(function(){return l})),n.d(t,"WithStatements",(function(){return u})),n.d(t,"TeacherLayoutView",(function(){return ve})),n.d(t,"DefaultApplication",(function(){return Oe})),n.d(t,"PlaylistsApplication",(function(){return De}))}])}));

package/dist/shared/views/left-nav/LeftNavView.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
-interface LeftNavViewProps {
-    navState: LeftNavState;
-}
 export declare enum LeftNavState {
     Open = 0,
     Collapsed = 1,
     Hidden = 2
 }
+interface LeftNavViewProps {
+    navState: LeftNavState;
+}
 export declare function LeftNavView(props: LeftNavViewProps): React.ReactElement;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickview/lite",
-  "version": "0.0.2-alpha.0",
+  "version": "0.0.2-alpha.2",
   "description": "ClickView Lite",
   "main": "dist/bundle.js",
   "types": "dist/index.d.ts",
@@ -20,14 +20,14 @@
   "author": "Joshua Taylor, Shale Kuzmanovski, Matt Trengrove, Michael McDonnell",
   "license": "ISC",
   "devDependencies": {
-    "@clickview/tooling": "0.0.11-alpha.0",
+    "@clickview/tooling": "0.0.11-alpha.2",
     "@types/react-custom-scrollbars": "4.0.6"
   },
   "dependencies": {
-    "@clickview/common": "1.0.1-alpha.0",
-    "@clickview/playlists": "1.0.1-alpha.0",
-    "@clickview/shared": "1.0.1-alpha.0",
-    "@clickview/styles": "1.0.1-alpha.0",
+    "@clickview/common": "1.0.1-alpha.2",
+    "@clickview/playlists": "1.0.1-alpha.2",
+    "@clickview/shared": "1.0.1-alpha.2",
+    "@clickview/styles": "1.0.1-alpha.2",
     "react-custom-scrollbars": "4.2.1"
   },
   "babel": {