@clickview/lite 0.0.23 → 0.0.24-rc.1

package/dist/projects/lite/src/shared/components/play-page/VideoTitle.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Video } from "../../../../../../libs/shared/src/interfaces";
 interface VideoTitleProps {
     video: Video;
-    setFavourite?: (videoId: string, shouldFavourite: boolean, onError?: () => void) => void;
+    setFavourite?: (video: Video, shouldFavourite: boolean, onError?: () => void) => void;
 }
 export declare function VideoTitle(props: VideoTitleProps): React.ReactElement;
 export {};

package/dist/projects/lite/src/shared/components/user-options/UserOptions.d.ts

@@ -3,6 +3,7 @@ import { CurrentUser } from "../../../../../../libs/shared/src/interfaces";
 interface UserOptionsProps {
     user: CurrentUser;
     imageCdnUrl: string;
+    supportSiteUrl: string;
     onlyShowSignOut?: boolean;
 }
 export declare const UserOptions: React.NamedExoticComponent<UserOptionsProps>;

package/dist/projects/lite/src/shared/constants/LiteActions.d.ts

@@ -7,6 +7,7 @@ export declare const Actions: {
         SERIES: string;
         PLAY_VIDEO: string;
         FAVOURITE_VIDEOS: string;
+        MY_VIDEOS: string;
         EDIT_VIDEO: string;
         EDIT_UPLOAD: string;
         SHARE: string;
@@ -52,7 +53,6 @@ export declare const Actions: {
         TEACHER_UPLOAD_REVIEW: string;
     };
     Upload: {
-        MY_UPLOADS: string;
         EDIT_UPLOAD: string;
         CANCEL_UPLOAD: string;
     };

package/dist/projects/lite/src/shared/enums/LeftNavId.d.ts

@@ -0,0 +1,10 @@
+export declare enum LeftNavId {
+    Discover = "Discover",
+    Playlists = "Playlists",
+    MyVideos = "MyVideos",
+    FavouritedVideos = "FavouritedVideos",
+    WatchHistory = "WatchHistory",
+    Classrooms = "Classrooms",
+    Classroom = "Classroom",
+    Settings = "Settings"
+}

package/dist/projects/lite/src/shared/utils/LeftNavHelper.d.ts

@@ -2,7 +2,10 @@ import { Core } from "../../../../../libs/common/src/backbone";
 export declare const LeftNavHelper: {
     getDiscoverAppLinks(): Core.AppLink[];
     getPlaylistAppLinks(): Core.AppLink[];
-    getMyUploadsAppLinks(): Core.AppLink[];
+    getMyVideosAppLinks(): Core.AppLink[];
     getFavouritedVideosAppLinks(): Core.AppLink[];
     getWatchHistoryAppLinks(): Core.AppLink[];
+    getClassroomsAppLinks(): Core.AppLink[];
+    getClassroomAppLinks(): Core.AppLink[];
+    getSettingsAppLinks(): Core.AppLink[];
 };

package/dist/projects/lite/src/shared/views/left-nav/CollapsedLeftNav.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-import { Core } from "../../../../../../libs/common/src/backbone";
+import { LeftNavId } from 'shared/enums/LeftNavId';
 interface CollapsedLeftNavViewProps {
-    activeAppLink: Core.AppLink;
-    appLinkIsRoute: boolean;
+    activeItem: LeftNavId;
 }
-export declare function CollapsedLeftNavView(props: CollapsedLeftNavViewProps): JSX.Element;
+export declare function CollapsedLeftNavView({ activeItem }: CollapsedLeftNavViewProps): JSX.Element;
 export {};

package/dist/projects/lite/src/shared/views/left-nav/ExpandedLeftNav.d.ts

@@ -1,2 +1,12 @@
-import React from 'react';
-export declare const ExpandedLeftNavView: React.NamedExoticComponent<object>;
+/// <reference types="react" />
+import { LeftNavId } from 'shared/enums/LeftNavId';
+interface ExpandedLeftNavViewProps {
+    activeItem: LeftNavId;
+    /**
+     * This is for things like classroom items, where it's a list of dynamic items. We need to do this
+     * to be able to tell exactly which item is active.
+     */
+    dynamicActiveId?: string;
+}
+export declare function ExpandedLeftNavView({ activeItem, dynamicActiveId }: ExpandedLeftNavViewProps): JSX.Element;
+export {};

package/dist/scripts/0-2ea5310eb2.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[0],{1220:function(e,a,t){e.exports={overlayContainer:"_1MQy4",favouriteContainer:"_2obuZ",favouriteButton:"_1UfdO",title:"Q1km-",downScale:"_2_7sb",gradient:"Of_Cn",playIcon:"B9cJG"}},1221:function(e,a,t){e.exports={mask:"_3nE2p",video:"KdGwU",playlist:"_1cBmC",maskContainer:"_3si6K"}},1222:function(e,a,t){e.exports={titleOverlay:"_1JIh4",titleBelow:"_1OKu_",overlayContainer:"_1BBKk",favouriteContainer:"_23tXc",favouriteButton:"_2lJ57",badgeContainer:"_28ZUf",watchProgress:"_3YP9l",gradient:"_1o4aT"}},824:function(e,a,t){"use strict";t.d(a,"a",(function(){return c}));var n=t(153),r=t(48),i=t(52),c=function(){var e=Object(n.a)(i.a.ALERT);return{success:function(a){e.success(a)()},error:function(a){e.error(a)()},warning:function(a){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:a})}}}},842:function(e,a,t){"use strict";var n;t.d(a,"a",(function(){return n})),function(e){e.Small="small",e.Medium="medium",e.Large="large",e.Raw="raw"}(n||(n={}))},851:function(e,a,t){"use strict";var n=t(0),r=t(33),i=t(7),c=function(e){if(!e)return"";return function(e){switch(!0){case e<32:return"bg-purple";case e<48:return"bg-success";case e<80:return"bg-info";case e<96:return"bg-danger";case e<128:return"bg-pink";case e>=128:return"bg-warning";default:return""}}(e)},o=t(250),l=t(950),s=t.n(l);t.d(a,"b",(function(){return u})),t.d(a,"a",(function(){return m}));var u,d=i.a.encloseNamespace("shared.badges");function m(e){var a=e.type,t=e.data;if(!function(e,a){var t,n,r;return e===u.Rating?a&&!!a.value:e===u.Interactive||e===u.Resources?!!(null===(t=a)||void 0===t?void 0:t.length)||!!(null===(r=null===(n=a)||void 0===n?void 0:n.data)||void 0===r?void 0:r.length):!!a}(a,t))return n.createElement(n.Fragment,null);var i=function(e,a){var t="";return e===u.Duration&&(t=s.a.duration),e===u.Interactive&&(t=s.a.interactive),e===u.Rating&&(t="".concat(s.a.rating," ").concat(c(a.value))),e===u.ProductionYear&&(t=s.a.productionYear),e===u.Resources&&(t=s.a.resources),"".concat("badge"," ").concat(t)}(a,t),l=function(e,a){return e===u.Interactive?d("interactive"):e===u.Duration?o.a.ToDisplayDuration(a):e===u.Rating?a.code:e===u.ProductionYear?a:e===u.Resources?d("resources"):void 0}(a,t),m=function(e,a){return e===u.Rating?{title:a.name,placement:"top"}:null}(a,t);return m?n.createElement(r.OverlayTrigger,{placement:m.placement,overlay:n.createElement(r.Tooltip,{id:m.title},m.title)},n.createElement("span",{className:i},l)):n.createElement("span",{className:i},l)}!function(e){e.Duration="duration",e.Interactive="interactive",e.Rating="rating",e.ProductionYear="production-year",e.Resources="resources"}(u||(u={}))},852:function(e,a,t){"use strict";t.d(a,"b",(function(){return n})),t.d(a,"a",(function(){return m}));var n,r,i=t(0),c=t(153),o=t(55),l=t(13),s=t(12),u=t(985),d=t.n(u);function m(e){var a=e.type,t=e.mediaType,u=e.extraClasses,m=(Object(c.a)(s.b.ImageUrl).getImageUrls(),function(e){return e===n.Video?d.a.videoFallback:e===n.Playlist?d.a.playlistFallback:e===n.Series||e===n.TallSubject?d.a.posterFallback:e===n.Subject?"".concat(d.a.subjectFallback," svg-container d-inline-block"):""}(a)),v=function(e,a){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:""}(a),f=function(e){return e===n.Subject?o.b.ExtraLarge:o.b.Standard}(a),b="".concat(function(e,a){return a===n.Subject?d.a.subjectFallbackContainer:e===r.Svg?a===n.Video?"".concat(d.a.svgFallbackContainer," rounded-lg"):d.a.svgFallbackContainer:d.a.baseFallbackContainer}(t,a));return u&&(b+=" ".concat(e.extraClasses)),i.createElement("div",{className:b},t===r.Svg?i.createElement(o.a,{svgName:v,className:m,tagName:"div",size:f}):i.createElement("div",{className:d.a.fallbackThumbnailImage,style:{backgroundImage:"url('".concat(v,"')")}}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series",e[e.Subject=3]="Subject",e[e.TallSubject=4]="TallSubject"}(n||(n={})),function(e){e[e.Svg=0]="Svg",e[e.Image=1]="Image"}(r||(r={})),m.defaultProps={mediaType:r.Svg}},861:function(e,a,t){"use strict";var n;t.d(a,"a",(function(){return n})),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(n||(n={}))},866:function(e,a,t){"use strict";t.d(a,"a",(function(){return c}));var n=t(0),r=t(950),i=t.n(r);function c(e){var a="d-flex ".concat(i.a.badgeList);return e.className&&(a+=" ".concat(e.className)),n.createElement("div",{className:a},e.children)}},867:function(e,a,t){"use strict";var n=t(0),r=t.n(n),i=t(35),c=t(949),o=t(874),l=t(852),s=t(245),u=t(866),d=t(851),m=t(55),v=t(13),f=t(1220),b=t.n(f),p=t(3);function y(e){var a,t,n,f=e.video,y=e.appLink,g=e.size,E=e.setFavourite,O=e.preload,N=e.hovering,h=Object.assign(Object.assign({},e.analyticsData),{id:null===(a=f)||void 0===a?void 0:a.id,name:null===(t=f)||void 0===t?void 0:t.name}),S=Object.assign(Object.assign({},e.analyticsOptions),{entity:p.d.Video,actionType:p.n.Click,descriptor:p.b.Thumbnail});return r.a.createElement("div",{className:"position-relative rounded overflow-hidden"},!!i.a.isFunction(E)&&r.a.createElement("div",{className:b.a.favouriteContainer},r.a.createElement(c.a,{setFavourite:E,video:f,className:"rounded-circle p-1 ".concat(b.a.favouriteButton)})),r.a.createElement(o.b,{data:f.thumbnail,appLink:y,aspectRatio:o.a.SixteenByNine,size:g,preload:O,className:b.a.gradient,analyticsData:h,analyticsOptions:S},N&&r.a.createElement(m.a,{className:b.a.playIcon,svgName:v.b.PlayCircle}),r.a.createElement(l.a,{type:l.b.Video}),r.a.createElement("div",{className:b.a.overlayContainer},r.a.createElement("div",{className:"".concat(b.a.title," ").concat(N?b.a.downScale:"")},!!(null===(n=e.video.series)||void 0===n?void 0:n.id)&&r.a.createElement(s.a,{className:"text-shadow clamp-1",video:f,appLink:null}),r.a.createElement("span",{className:"h6 text-reset text-shadow clamp-1 mb-0"},f.name),N&&r.a.createElement(u.a,{className:"align-items-center mb-n1"},r.a.createElement(d.a,{type:d.b.Duration,data:f.duration}),r.a.createElement(d.a,{type:d.b.Rating,data:f.rating}),f.hasSubtitle&&r.a.createElement("span",{className:"badge p-0"},r.a.createElement(m.a,{svgName:v.b.CloseCaptionBadge})))))))}var g,E=t(861),O=t(1221),N=t.n(O);function h(e){var a=e.type,t=function(e){return e===g.Video?N.a.video:e===g.Playlist?N.a.playlist:""}(a),r=function(e){return e===g.Video?v.b.PlayCircle:e===g.Playlist?v.b.AddToPlaylists:""}(a);return n.createElement("div",{className:N.a.maskContainer},n.createElement("div",{className:N.a.mask}),n.createElement(m.a,{svgName:r,className:t}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist"}(g||(g={}));var S=t(51);function w(e){var a=e.video.lastProgressPoint&&e.video.duration&&e.video.lastProgressPoint/e.video.duration*1e5;return a?n.createElement("div",{className:e.className},n.createElement("div",{className:"bg-primary h-100",style:{width:"".concat(a,"%")}})):n.createElement(n.Fragment,null)}var j=t(1222),k=t.n(j);function B(e){var a,t=e.video,n=e.seriesAppLink,i=e.textPosition,c=e.appLink,o=i===E.a.Overlay,l=o?k.a.titleOverlay:k.a.titleBelow;return r.a.createElement("div",{className:l},!!(null===(a=e.video.series)||void 0===a?void 0:a.id)&&r.a.createElement(s.a,{className:o?"text-shadow clamp-1":"clamp-2",video:t,appLink:o?null:n}),o?r.a.createElement("span",{className:"h6 text-reset text-shadow clamp-1 mb-0"},t.name):r.a.createElement(S.a,{className:"h6 text-reset clamp-2 mb-0",appLink:c},t.name))}function _(e){var a,t,n=e.video,s=e.appLink,m=e.textPosition,v=e.size,f=e.setFavourite,b=e.preload,y="position-relative";m===E.a.Overlay&&(y+=" rounded overflow-hidden");var O=Object.assign(Object.assign({},e.analyticsData),{id:null===(a=n)||void 0===a?void 0:a.id,name:null===(t=n)||void 0===t?void 0:t.name}),N=Object.assign(Object.assign({},e.analyticsOptions),{entity:p.d.Video,actionType:p.n.Click,descriptor:p.b.Thumbnail}),S="rounded-lg overflow-hidden";return m===E.a.Overlay&&(S+=" "+k.a.gradient),r.a.createElement("div",{className:y},!!i.a.isFunction(f)&&r.a.createElement("div",{className:k.a.favouriteContainer},r.a.createElement(c.a,{setFavourite:f,video:n,className:"rounded-circle p-1 ".concat(k.a.favouriteButton)})),r.a.createElement(o.b,{data:n.thumbnail,appLink:s,aspectRatio:o.a.SixteenByNine,size:v,preload:b,className:S,analyticsData:O,analyticsOptions:N},r.a.createElement(h,{type:g.Video}),r.a.createElement(l.a,{type:l.b.Video}),r.a.createElement("div",{className:k.a.overlayContainer},m===E.a.Overlay&&r.a.createElement(B,Object.assign({},e)),r.a.createElement(w,{video:n,className:k.a.watchProgress}),r.a.createElement(u.a,{className:k.a.badgeContainer},r.a.createElement(d.a,{type:d.b.Duration,data:n.duration})))),m===E.a.Below&&r.a.createElement(B,Object.assign({},e)))}function x(e){return"expandable"===e.type?n.createElement(y,Object.assign({},e)):n.createElement(_,Object.assign({},e))}t.d(a,"a",(function(){return x}))},874:function(e,a,t){"use strict";var n,r=t(0),i=t(57),c=t(910),o=t(983),l=t.n(o),s=function(e,a){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&a.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)a.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(t[n[r]]=e[n[r]])}return t},u=r.memo((function(e){var a=e.forceLoad,t=s(e,["forceLoad"]),n=Object(c.a)(),i=n.ref,o=n.inView;if(!i)return r.createElement("img",Object.assign({className:l.a.image,alt:""},t));var u=t.src,d=s(t,["src"]),m=Object.assign(Object.assign({alt:""},d),o||a?{src:u}:{});return a||(m.ref=i),r.createElement("img",Object.assign({className:l.a.image},m))})),d=t(51),m=t(842),v=t(984),f=t.n(v);function b(e){var a="thumbnail ".concat(f.a.thumbnail),t="";return e.aspectRatio===n.SixteenByNine&&(t=f.a.sixteenByNine),e.aspectRatio===n.NineBySixteen&&(t=f.a.nineBySixteen),e.aspectRatio===n.OneByOne&&(t=f.a.oneByOne),e.aspectRatio===n.TwoByThree&&(t=f.a.twoByThree),t&&(a+=" ".concat(t)),e.className&&(a+=" ".concat(e.className)),a}function p(e){var a=e.data,t=e.size,n=e.appLink,c=e.preload,o=e.analyticsOptions,l=e.analyticsData,s="";"string"==typeof a?s=a:i.a.isObject(a)&&(s=a.url);var v=s&&function(e){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:m.a.Small;return"".concat(e,"?size=").concat(a)}(s,t);return r.createElement("div",{className:b(e)},r.createElement(d.a,{appLink:n,analyticsData:l,analyticsOptions:o},e.children,v&&r.createElement(u,{src:v,forceLoad:c})))}t.d(a,"a",(function(){return n})),t.d(a,"b",(function(){return p})),function(e){e[e.SixteenByNine=0]="SixteenByNine",e[e.OneByOne=1]="OneByOne",e[e.TwoByThree=2]="TwoByThree",e[e.NineBySixteen=3]="NineBySixteen"}(n||(n={}))},910:function(e,a,t){"use strict";t.d(a,"a",(function(){return c}));var n=t(819);function r(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,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(t.push(c.value),!a||t.length!==a);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return i(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 i(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 i(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}function c(e){var a=r(n.useInView({triggerOnce:!0}),2),t=a[0],i=a[1];return!0!==e&&void 0!==window.IntersectionObserver||(i=!0,t=null),{ref:t,inView:i}}},949:function(e,a,t){"use strict";t.d(a,"a",(function(){return d}));var n=t(0),r=t(7),i=t(13),c=t(55),o=t(824);function l(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,r=!1,i=void 0;try{for(var c,o=e[Symbol.iterator]();!(n=(c=o.next()).done)&&(t.push(c.value),!a||t.length!==a);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(r)throw i}}return t}(e,a)||function(e,a){if(!e)return;if("string"==typeof e)return s(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 s(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 s(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 u=r.a.encloseNamespace("shared.favouriteButton");function d(e){var a=Object(o.a)(),t="boolean"==typeof e.video.isFavourited,r=!!e.video.isFavourited,s=l(n.useState(r),2),d=s[0],m=s[1];n.useEffect((function(){m(r)}),[r]);var v="cursor-pointer text".concat(d?"-danger":"-dark");return e.className&&(v+=" ".concat(e.className)),t?n.createElement("div",{className:v,onClick:function(){var t=!d;m(t),e.setFavourite(e.video,t,(function(){a.error(u(t?"favouriteError":"unfavouriteError")),m(!t)}))}},n.createElement(c.a,{svgName:d?i.b.Heart:i.b.HeartOutline,size:c.b.Small})):n.createElement(n.Fragment,null)}},950:function(e,a,t){e.exports={duration:"_3XH_S",interactive:"INxgX",productionYear:"Bt6Bx",resources:"_3VUQB",rating:"_3bOtF",badgeList:"_1BsVS"}},983:function(e,a,t){e.exports={image:"_1YW-E"}},984:function(e,a,t){e.exports={thumbnail:"_3lfBf",sixteenByNine:"_2LqZ8",nineBySixteen:"_136ry",oneByOne:"_2wYLa",twoByThree:"_1eC6Q"}},985:function(e,a,t){e.exports={baseFallbackContainer:"_1wRjB",svgFallbackContainer:"_2t1jq",subjectFallbackContainer:"_12D74",videoFallback:"_6BPy-",subjectFallback:"_2Srdd",playlistFallback:"_1slQX",posterFallback:"i0o8n",fallbackThumbnailImage:"_2L_tV"}}}]);