@clickview/lite 0.0.22-dev.1 → 0.0.22-rc.0

package/dist/libs/shared/src/components/icon-button/IconButton.d.ts

@@ -1,10 +1,14 @@
 import * as React from 'react';
 import { Core } from "../../../../common/src/backbone";
+import { HashObject } from "../../../../common/src/react/interfaces/HashObject";
+import { AnalyticsOptions } from "../../../../analytics/src/interfaces/AnalyticsTypes";
 interface IconButtonProps {
     svgName: string;
     className?: string;
     appLink?: Core.AppLink;
     onClick?: (e: React.MouseEvent) => void;
+    analyticsData?: HashObject;
+    analyticsOptions?: AnalyticsOptions;
 }
 /**
  * Renders a button with an svg followed by text.

package/dist/libs/shared/src/components/svg-container/SvgContainer.d.ts

@@ -5,7 +5,8 @@ export declare enum SvgContainerSize {
     Small = "sm",
     Medium = "md",
     Large = "lg",
-    ExtraLarge = "xlg"
+    ExtraLarge = "xlg",
+    XXL = "xxlg"
 }
 interface SvgContainerProps {
     svgName: string;

package/dist/libs/shared/src/components/svgs/clickview-logo/ClickViewLogo.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
 export declare function ClickViewLogo(): React.ReactElement;
 export declare function ClickViewLogoInverted(): React.ReactElement;
+export declare function ClickViewPlayLogo(): React.ReactElement;

package/dist/libs/shared/src/components/toggle-switch/ToggleSwitch.d.ts

@@ -3,6 +3,7 @@ interface ToggleSwitchProps {
     onClick: (...args: any) => any;
     on: boolean;
     disabled?: boolean;
+    hideOutline?: boolean;
 }
 export declare function ToggleSwitch(props: ToggleSwitchProps): JSX.Element;
 export {};

package/dist/libs/shared/src/components/widgets/fixed-widget/FixedWidget.d.ts

@@ -3,17 +3,20 @@ import { Core } from "../../../../../common/src/backbone";
 import { Flight } from "../../../../../common/src/react";
 import { WidgetType } from "../../../interfaces";
 import { WidgetContents } from "../../../enums/WidgetContents";
+import { ThumbnailSize } from "../../../enums/ThumbnailSize";
 export interface FixedWidgetProps {
     id?: string;
     name?: string;
     description?: string;
     type: WidgetType;
     contents: WidgetContents;
+    thumbnailSize?: ThumbnailSize;
     collection?: any;
     lazyLoad?: boolean;
     fetch?: (...args: any) => Flight.Response<any>;
     prefetched?: boolean;
     setData?: (data: any) => any;
+    minimumItemCount?: number;
     childComponent: React.ElementType;
     childAppLink: Core.AppLink;
     appLink?: Core.AppLink;
@@ -23,6 +26,7 @@ declare function FixedWidget(props: FixedWidgetProps): JSX.Element;
 declare namespace FixedWidget {
     var defaultProps: {
         type: WidgetType;
+        minimumItemCount: number;
     };
 }
 declare const Memoized: React.MemoExoticComponent<typeof FixedWidget>;

package/dist/libs/shared/src/constants/WithStatements.d.ts

@@ -1,5 +1,10 @@
 export declare const SharedWithStatements: {
     VIDEO_COLLECTION: string;
+    /**
+     * We need to fetch videos 100 interactives for a shared playlist to determine which interactives
+     * the user can access using _allowAccess
+     */
+    SHARED_PLAYLIST_VIDEO_COLLECTION: string;
     SERIES: string;
     FOLDER: string;
     CLASSIFICATION: string;

package/dist/libs/shared/src/enums/SettingName.d.ts

@@ -1,3 +1,4 @@
 export declare enum SettingName {
-    HasCompletedOnboarding = "has_completed_onboarding"
+    HasCompletedOnboarding = "has_completed_onboarding",
+    FollowingBetaAccess = "following_beta_access"
 }

package/dist/libs/shared/src/flight-requests/PlaylistRequests.d.ts

@@ -10,15 +10,15 @@ export declare const PlaylistRequests: {
     getPlaylistVideos(id: string, maxAllowedRating?: number, cursor?: string): Flight.Request;
     getSharedPlaylistVideos(shareCode: string, maxAllowedRating?: number, cursor?: string): Flight.Request;
     getVideoPlaylists(videoId: string, userId: string, cursor?: string): Flight.Request;
-    getIsFollowingPlaylist(playlistId: string, userId: string): Flight.Request;
     createPlaylist(userId: string, data: CreateOrUpdatePlaylistRequest, success?: (data: any) => void, error?: (data: any) => void): Flight.Request;
     updatePlaylist(id: string, data: CreateOrUpdatePlaylistRequest, success?: (data: any) => void, error?: (data: any) => void): Flight.Request;
     deletePlaylist(id: string, success?: (data: any) => void, error?: (data: any) => void): Flight.Request;
     addToPlaylist(playlistId: string, videoIds: string[], success?: (data: any) => void, error?: (data: any) => void): Flight.Request;
     reorderVideos(id: string, reorderRequest: ReorderRequest, success?: (data: any) => void, error?: (data: any) => void): Flight.Request;
     removePlaylistVideo(playlistId: string, videoId: string, success?: (data: any) => void, error?: (data: any) => void): Flight.Request;
-    followPlaylist(playlistId: string, userId: string): Flight.Request;
-    unfollowPlaylist(playlistId: string, userId: string): Flight.Request;
+    getIsFollowingPlaylist(playlistId: string, userId: string): Flight.Request;
+    followPlaylist(playlistId: string, userId: string, success?: (data: any) => void, error?: (xhr: Xhr) => void, always?: () => void): Flight.Request;
+    unfollowPlaylist(playlistId: string, userId: string, success?: (data: any) => void, error?: (xhr: Xhr) => void, always?: () => void): Flight.Request;
     getPlaylistPrivacy(playlistId: string): Flight.Request;
     updatePlaylistPrivacy(playlistId: string, privacy: PlaylistPrivacy, success?: (data: any) => void, error?: (xhr: Xhr) => void, always?: () => void): Flight.Request;
     getMigrationTask(success?: (data: any) => void, error?: (xhr: Xhr) => void): Flight.Request;

package/dist/libs/shared/src/flight-requests/PreferenceRequests.d.ts

@@ -12,14 +12,14 @@ export declare const PreferenceRequests: {
      * Subjects
      */
     allSubjectPreferences(): Flight.Request;
-    mySubjectPreferences(): Flight.Request;
+    mySubjectPreferences(success?: (data: any) => void): Flight.Request;
     followSubjects(subjectIds: string[], success: () => void, error?: () => void, always?: () => void): Flight.Request;
     unfollowSubjects(subjectIds: string[], success: () => void, error?: () => void, always?: () => void): Flight.Request;
     /**
      * Levels
      */
     allLevelPreferences(): Flight.Request;
-    myLevelPreferences(): Flight.Request;
+    myLevelPreferences(success?: (data: any) => void): Flight.Request;
     followLevels(levelIds: string[], success: () => void, error?: () => void, always?: () => void): Flight.Request;
     unfollowLevels(levelIds: string[], success: () => void, error?: () => void, always?: () => void): Flight.Request;
 };

package/dist/libs/shared/src/flight-requests/UserRequests.d.ts

@@ -2,4 +2,5 @@ import { Flight } from "../../../common/src/react";
 export declare const UserRequests: {
     currentUser: Flight.Request;
     workspace: Flight.Request;
+    sendVerificationEmail(emailAddress: string, success: () => void, error: () => void, always: () => void): Flight.Request;
 };

package/dist/libs/shared/src/images/svg/ImportedSvgs.d.ts

@@ -77,5 +77,8 @@ export declare enum localSvgs {
     Video = "video",
     Compass = "compass",
     History = "history",
-    Tag = "tag"
+    Tag = "tag",
+    Email = "email",
+    YearLevel = "year-level",
+    Subjects = "subjects"
 }

package/dist/libs/shared/src/images/svg/objects/index.d.ts

@@ -23,6 +23,9 @@ import Series from './series.svg';
 import WhiteWave from './white-wave.svg';
 import Compass from './compass.svg';
 import History from './history.svg';
+import Email from './email.svg';
+import YearLevel from './year-level.svg';
+import Subjects from './subjects.svg';
 import File from './file.svg';
 import FilePDF from './file-pdf.svg';
 import FileImg from './file-img.svg';
@@ -30,4 +33,4 @@ import FilePowerpoint from './file-ppt.svg';
 import FileWord from './file-word.svg';
 import FileZip from './file-zip.svg';
 import FileExcel from './file-excel.svg';
-export { Archive, Bell, Bookmark, Broadcast, Calendar, Cog, Folder, Handle, Interactive, Link, Playlist, PublisherArchive, Resources, StarOutline, Star, Tag, Time, Video, Subject, Series, File, FilePDF, FileImg, FilePowerpoint, FileWord, FileZip, FileExcel, Heart, HeartOutline, WhiteWave, Compass, History };
+export { Archive, Bell, Bookmark, Broadcast, Calendar, Cog, Folder, Handle, Interactive, Link, Playlist, PublisherArchive, Resources, StarOutline, Star, Tag, Time, Video, Subject, Series, File, FilePDF, FileImg, FilePowerpoint, FileWord, FileZip, FileExcel, Heart, HeartOutline, WhiteWave, Compass, History, Email, YearLevel, Subjects };

package/dist/libs/shared/src/interfaces/models/Avatar.d.ts

@@ -0,0 +1,3 @@
+import { Image } from "./..";
+export interface Avatar extends Image {
+}

package/dist/libs/shared/src/interfaces/models/Customer.d.ts

@@ -2,4 +2,5 @@ import { BaseObject } from "./..";
 import { Organisation } from './Organisation';
 export interface Customer extends BaseObject {
     organisation: Organisation;
+    crmId: string;
 }

package/dist/libs/shared/src/interfaces/models/Playlist.d.ts

@@ -10,4 +10,5 @@ export interface Playlist extends BaseObject {
     subjectPresentationAudiences?: PresentationAudienceCollection;
     followers?: UserCollection;
     privacy?: PlaylistPrivacy;
+    contentModifiedDate?: string;
 }

package/dist/libs/shared/src/interfaces/models/Presentation.d.ts

@@ -1,6 +1,6 @@
-import { BaseObject } from "./..";
+import { Cover, BaseObject } from "./..";
 import { PresentationType } from "../../enums/PresentationType";
 export interface Presentation extends BaseObject {
-    coverUrl: string;
+    cover: Cover;
     type: PresentationType;
 }

package/dist/libs/shared/src/interfaces/models/User.d.ts

@@ -1,4 +1,4 @@
-import { BaseObject, Group } from "./..";
+import { BaseObject, Group, Avatar } from "./..";
 import { UserRole } from "../../enums/UserRole";
 import { CustomerType } from "../../enums/CustomerType";
 import { OnlineUserRole } from "../../enums/UserRole";
@@ -16,6 +16,7 @@ export interface User extends BaseObject {
     status: string;
     role: UserRole;
     customers: CustomerCollection;
+    avatar?: Avatar;
 }
 export interface CuratorUser extends User {
     userId: string;

package/dist/libs/shared/src/interfaces/models/index.d.ts

@@ -1,10 +1,12 @@
 export * from './primitives';
 export * from './Audience';
+export * from './Avatar';
 export * from './Banner';
 export * from './Category';
 export * from './Channel';
 export * from './Config';
 export * from './Cover';
+export * from './EntitySetting';
 export * from './HeroBanner';
 export * from './Image';
 export * from './Interactive';

package/dist/libs/shared/src/utils/ImageHelper.d.ts

@@ -26,5 +26,5 @@ export declare const ImageHelper: {
     Rfc3986EncodeURIComponent(str: string): string;
     _createCategoryMappedUrl(mappingOptions: CategoryMapperImageOptions, options?: ImageOptions): string;
     _createUrl(baseUrl: string, options?: ImageOptions): string;
-    legacyCreateThumbnailUrl(thumbnail: string | HashObject<any> | Core.Model, options?: ImageOptions): string;
+    legacyCreateThumbnailUrl(thumbnail: string | Core.Model | HashObject<any>, options?: ImageOptions): string;
 };

package/dist/libs/shared/src/utils/UserHelper.d.ts

@@ -0,0 +1,3 @@
+export declare const UserHelper: {
+    getInitials(firstName: string, lastName: string): string;
+};

package/dist/projects/lite/src/app.d.ts

@@ -28,11 +28,11 @@ import './apps/playlists/components/playlist-details/playlist-details.lang.json'
 import './apps/playlists/components/playlist-header/playlist-header.lang.json';
 import './apps/playlists/components/playlist-list-header/playlists-list-header.lang.json';
 import './apps/playlists/components/select-playlist/select-playlist.lang.json';
-import './apps/playlists/components/sort-select/playlist-sort-select.lang.json';
 import './apps/playlists/views/add-to-playlist/add-to-playlist.lang.json';
 import './apps/playlists/views/delete-playlist/delete-playlist.lang.json';
 import './apps/playlists/views/edit-playlist/edit-playlist.lang.json';
 import './apps/playlists/views/new-playlist/new-playlist.lang.json';
+import './apps/playlists/views/playlist/playlist-view.lang.json';
 import './apps/playlists/views/playlists/playlists.lang.json';
 import './apps/playlists/views/remove-video-from-playlist/remove-video-from-playlists.lang.json';
 import './apps/search/components/filter-actions/filter-actions.lang.json';
@@ -101,6 +101,7 @@ import '../../../libs/shared/src/apps/notifications/views/notifications/notifica
 import '../../../libs/shared/src/apps/notifications/views/popover/notifications-popover.lang.json';
 import '../../../libs/shared/src/apps/playlists/components/empty-state/empty-state.lang.json';
 import '../../../libs/shared/src/apps/playlists/components/playlist-list/playlist-item.lang.json';
+import '../../../libs/shared/src/apps/playlists/components/sort-select/playlist-sort-select.lang.json';
 import '../../../libs/shared/src/apps/playlists/hooks/playlists-hooks.lang.json';
 import '../../../libs/shared/src/apps/playlists/validation/playlists-validation.lang.json';
 import '../../../libs/shared/src/apps/search/components/search-tips/search-tips.lang.json';

package/dist/projects/lite/src/apps/playlists/components/playlist-header/PlaylistHeader.d.ts

@@ -6,7 +6,7 @@ interface PlaylistHeaderProps {
     playlist: Playlist;
     hasVideos: boolean;
     isFollowing: boolean;
-    follow: (shouldFollow: boolean) => void;
+    follow: (shouldFollow: boolean, onError: () => void) => void;
     application: string;
     imageCdnUrl: string;
     showPartialLoading: boolean;

package/dist/projects/lite/src/apps/playlists/views/playlists/PlaylistsView.d.ts

@@ -4,7 +4,6 @@ import { Playlist } from "../../../../../../../libs/shared/src/interfaces";
 import { PlaylistSortType } from "../../../../../../../libs/shared/src/apps/playlists/enums/PlaylistSortType";
 interface PlaylistsViewProps {
     sort: PlaylistSortType;
-    getSortAppLink: (sort: PlaylistSortType) => Core.AppLink;
     getPlaylistAppLink: (playlist: Playlist) => Core.AppLink;
 }
 export declare function PlaylistsView(props: PlaylistsViewProps): React.ReactElement;

package/dist/projects/lite/src/apps/user-manager/interfaces/mocks/MockStudent.d.ts

@@ -4,7 +4,6 @@ import { MockClassroom } from './MockClassroom';
 export interface MockStudent extends User {
     yearLevel: MockYearLevel;
     classroom: MockClassroom;
-    avatar: string;
     lookupId?: string;
 }
 export interface MockStudentCollection extends BasePaginatedCollection<MockStudent> {

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

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { CurrentUser } from "../../../../../../libs/shared/src/interfaces";
 interface UserOptionsProps {
     user: CurrentUser;
+    imageCdnUrl: string;
 }
 /**
  * TODO: Implement user options properly;

package/dist/scripts/0-a394f6ba51.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[0],{1024:function(e,t,a){"use strict";var n=a(0),r=a(44),i=a(786),o=a(869),c=a(235),l=a(50),s=a(807),u=a(827),m=a(149),d=function(e){return!!e&&e.series&&!!e.series.id},p=a(12),f=a(151),v=a(822),b=a(42),g=a(809),y=a(236),E=a(123),N=a(1170),k=a.n(N),h=[E.a.AddToPlaylist,E.a.Share];function S(e){var t=n.useContext(y.a),a=t.videoActions,r=void 0===a?h:a,i=t.getActionAppLink,o=Object(f.a)(m.a.XS);if(!b.a.isFunction(i))return n.createElement(n.Fragment,null);var c=[];return r.forEach((function(t){var a=i(e.video,t);a&&c.push(Object.assign({appLink:a,className:"btn btn-link",button:!o},Object(E.b)()[t]))})),n.createElement(g.a,{actions:c,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link rounded-circle p-0 ".concat(k.a.actionsDropdown)})}var O=a(824),w=a(810);function C(e){return n.createElement(O.a,null,n.createElement(w.a,{type:w.b.Rating,data:e.video.rating}),n.createElement(w.a,{type:w.b.ProductionYear,data:e.video.productionYear}),n.createElement(w.a,{type:w.b.Interactive,data:e.video.interactives}))}var x=a(81),j=a(1171),L=a.n(j);function P(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(n=(o=c.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return B(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return B(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 B(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function T(e){var t=Object(f.a)(m.a.XS),a=21*(Object(f.a)(m.a.SM)?2:4),r=function(e){var t=P(Object(n.useState)(!1),2),a=t[0],r=t[1],i=P(Object(n.useState)(!1),2),o=i[0],c=i[1],l=Object(n.useRef)();return Object(n.useEffect)((function(){l&&l.current&&(l.current.offsetHeight<=e||(r(!0),c(!0)))}),[l]),{ref:l,isExpandable:a,isTruncated:o,toggleTruncation:function(){return c((function(e){return!e}))}}}(a),i=r.ref,o=r.isExpandable,c=r.isTruncated,l=r.toggleTruncation;if(t)return n.createElement(n.Fragment,null);var s={className:"position-relative overflow-hidden"};return c&&(s.style={maxHeight:"".concat(a,"px")}),e.forceTruncate&&!c&&l(),n.createElement("div",Object.assign({},s),n.createElement("p",{ref:i,className:"m-0"},e.video.description,!!o&&n.createElement("span",{className:"cursor-pointer ".concat(L.a.ellipsis),onClick:l},n.createElement(x.b,{namespace:"shared.videoItemDescription",phrase:c?"showMore":"showLess"}))))}var _=a(51);function A(e){return n.createElement(_.a,{appLink:e.appLink},n.createElement("h5",{className:"d-inline-block m-0 mb-1"},e.video.name))}var F=a(1172),I=a.n(F);a.d(t,"b",(function(){return R})),a.d(t,"a",(function(){return V}));var D=Object(i.SortableHandle)((function(){return n.createElement(r.Col,{xs:2,className:"d-flex justify-content-center align-items-center cursor-pointer ".concat(I.a.dragHandleContainer)},n.createElement(l.a,{svgName:p.b.Handle,size:l.b.Small}))}));function R(e){var t,a=Object(f.a)(m.a.XS),i=n.useContext(v.a),l=i.isSortable,p=i.currentSortingIndex,b=l&&!a,g=e.getVideoAppLink(e.video),y=d(e.video)&&e.getSeriesAppLink(e.video.series);return n.createElement(r.Row,{className:"py-2"},n.createElement(r.Col,{xs:a?12:4,className:"flex-column align-items-flex-start mb-1"},n.createElement(r.Row,null,!!b&&n.createElement(D,null),n.createElement(r.Col,{xs:(t=b,t?10:12)},n.createElement(o.a,{video:e.video,appLink:g,seriesAppLink:y,size:b?s.a.Small:s.a.Medium,textPosition:u.a.Independent,setFavourite:e.setFavourite,type:"static"})))),n.createElement(r.Col,{xs:a?12:8},n.createElement(S,{video:e.video}),n.createElement(c.a,{video:e.video,appLink:y}),n.createElement(A,{video:e.video,appLink:e.getVideoAppLink(e.video)}),n.createElement(C,{video:e.video}),n.createElement(T,{video:e.video,forceTruncate:Number.isInteger(p)&&e.idx===p})))}var V=Object(i.SortableElement)((function(e){return n.createElement(R,Object.assign({},e))}))},1170:function(e,t,a){e.exports={actionsDropdown:"XR0aX"}},1171:function(e,t,a){e.exports={ellipsis:"LJY5U"}},1172:function(e,t,a){e.exports={dragHandleContainer:"_24s1b"}},791:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(147),r=a(45),i=a(55),o=function(){var e=Object(n.a)(i.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},792:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);function r(e){return n.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},799:function(e,t,a){"use strict";a.d(t,"b",(function(){return n})),a.d(t,"a",(function(){return d}));var n,r,i=a(0),o=a(147),c=a(50),l=a(12),s=a(11),u=a(850),m=a.n(u);function d(e){var t=e.type,a=e.mediaType,u=e.extraClasses,d=(Object(o.a)(s.b.ImageUrl).getImageUrls(),function(e){return e===n.Video?m.a.videoFallback:e===n.Playlist?m.a.playlistFallback:e===n.Series||e===n.TallSubject?m.a.posterFallback:e===n.Subject?"".concat(m.a.subjectFallback," svg-container d-inline-block"):""}(t)),p=function(e,t){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),f=function(e){return e===n.Subject?c.b.ExtraLarge:c.b.Standard}(t),v="".concat(function(e,t){return t===n.Subject?m.a.subjectFallbackContainer:e===r.Svg?m.a.svgFallbackContainer:m.a.baseFallbackContainer}(a,t));return u&&(v+=" ".concat(e.extraClasses)),i.createElement("div",{className:v},a===r.Svg?i.createElement(c.a,{svgName:p,className:d,tagName:"div",size:f}):i.createElement("div",{className:m.a.fallbackThumbnailImage,style:{backgroundImage:"url('".concat(p,"')")}}))}!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={})),d.defaultProps={mediaType:r.Svg}},804:function(e,t,a){"use strict";var n,r=a(0),i=a(54),o=a(823),c=a(848),l=a.n(c),s=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a},u=r.memo((function(e){var t=e.forceLoad,a=s(e,["forceLoad"]),n=Object(o.a)(),i=n.ref,c=n.inView;if(!i)return r.createElement("img",Object.assign({className:l.a.image,alt:""},a));var u=a.src,m=s(a,["src"]),d=Object.assign(Object.assign({alt:""},m),c||t?{src:u}:{});return t||(d.ref=i),r.createElement("img",Object.assign({className:l.a.image},d))})),m=a(51),d=a(807),p=a(849),f=a.n(p);function v(e){var t="thumbnail ".concat(f.a.thumbnail),a="";return e.aspectRatio===n.SixteenByNine&&(a=f.a.sixteenByNine),e.aspectRatio===n.NineBySixteen&&(a=f.a.nineBySixteen),e.aspectRatio===n.OneByOne&&(a=f.a.oneByOne),e.aspectRatio===n.TwoByThree&&(a=f.a.twoByThree),a&&(t+=" ".concat(a)),e.className&&(t+=" ".concat(e.className)),t}function b(e){var t=e.data,a=e.size,n=e.appLink,o=e.preload,c="";"string"==typeof t?c=t:i.a.isObject(t)&&(c=t.url);var l=c&&function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:d.a.Small;return"".concat(e,"?size=").concat(t)}(c,a);return r.createElement("div",{className:v(e)},r.createElement(m.a,{appLink:n},e.children,l&&r.createElement(u,{src:l,forceLoad:o})))}a.d(t,"a",(function(){return n})),a.d(t,"b",(function(){return b})),function(e){e[e.SixteenByNine=0]="SixteenByNine",e[e.OneByOne=1]="OneByOne",e[e.TwoByThree=2]="TwoByThree",e[e.NineBySixteen=3]="NineBySixteen"}(n||(n={}))},807:function(e,t,a){"use strict";var n;a.d(t,"a",(function(){return n})),function(e){e.Small="small",e.Medium="medium",e.Large="large",e.Raw="raw"}(n||(n={}))},809:function(e,t,a){"use strict";var n=a(0),r=a(44),i=a(237),o=a(37),c=a(50),l=a(51),s=a(12),u=a(834),m=a.n(u),d=a(42);function p(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function f(e){if(e.action.appLink)return n.createElement(l.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 ".concat(p(e.action.className)),onClick:function(t){e.action.analyticsData&&e.action.analyticsOptions&&o.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),d.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function v(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);var t="actions-dropdown-".concat(i.a.getRandomInt()),a="px-0 ".concat(m.a.dropdownToggle);return e.dropdownToggleClassName&&(a+=" ".concat(e.dropdownToggleClassName)),n.createElement(r.Dropdown,{className:e.className?e.className:"",alignRight:!0},n.createElement(r.Dropdown.Toggle,{as:"button",type:"button",id:t,className:a},n.createElement(c.a,{svgName:s.b.More,size:c.b.Small})),n.createElement(r.Dropdown.Menu,null,e.actions.map((function(e,t){return n.createElement(f,{key:t,action:e})}))))}v.defaultProps={dropdownToggleClassName:"btn btn-light"};var b=a(228),g=a(153);function y(e){var t="ml-2";e.className&&(t+=" ".concat(e.className));var a=e.showSpinner?n.createElement(r.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):e.children;if(e.tooltip)return n.createElement(g.a,{title:e.tooltip},n.createElement(b.a,{appLink:e.appLink,svgName:e.svgName,onClick:e.onClick,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a));if(e.svgName)return n.createElement(b.a,{onClick:e.onClick,appLink:e.appLink,svgName:e.svgName,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a);if(e.appLink)return n.createElement(l.a,{onClick:e.onClick,appLink:e.appLink,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a);return n.createElement("button",{onClick:function(t){e.analyticsData&&e.analyticsOptions&&o.a.logUserAction(e.analyticsData,e.analyticsOptions),d.a.isFunction(e.onClick)&&e.onClick(t)},className:t},a)}function E(e){var t=[],a=[];e.actions.forEach((function(e){e.button?t.push(e):a.push(e)}));var r="d-flex";return e.className&&(r+=" ".concat(e.className)),n.createElement("div",{className:r},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:m.a.buttonList},t.map((function(e,t){return n.createElement(y,{key:t,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)}))),e.sortComponent?e.sortComponent:"",!!a.length&&n.createElement(v,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return E}))},810:function(e,t,a){"use strict";var n,r=a(0),i=a(44),o=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)},c=a(239),l=a(838),s=a.n(l);function u(e){var t=e.type,a=e.data;if(!function(e,t){return e===n.Rating?t&&!!t.value:!!t}(t,a))return r.createElement(r.Fragment,null);var l=function(e,t){var a="";return e===n.Duration&&(a=s.a.duration),e===n.Interactive&&(a=s.a.interactive),e===n.Rating&&(a="".concat(s.a.rating," ").concat(o(t.value))),e===n.ProductionYear&&(a=s.a.productionYear),"".concat("badge"," ").concat(a)}(t,a),u=function(e,t){return e===n.Interactive?"Interactive":e===n.Duration?c.a.ToDisplayDuration(t):e===n.Rating?t.code:e===n.ProductionYear?t:void 0}(t,a),m=function(e,t){return e===n.Rating?{title:t.name,placement:"top"}:null}(t,a);return m?r.createElement(i.OverlayTrigger,{placement:m.placement,overlay:r.createElement(i.Tooltip,{id:m.title},m.title)},r.createElement("span",{className:l},u)):r.createElement("span",{className:l},u)}a.d(t,"b",(function(){return n})),a.d(t,"a",(function(){return u})),function(e){e.Duration="duration",e.Interactive="interactive",e.Rating="rating",e.ProductionYear="production-year"}(n||(n={}))},822:function(e,t,a){"use strict";a.d(t,"a",(function(){return l})),a.d(t,"c",(function(){return s})),a.d(t,"b",(function(){return u}));var n=a(0),r=a(786),i=a(2),o=a(864),c=a(1024),l=n.createContext({isSortable:!1});function s(e){var t=n.useContext(l).isSortable?c.a:c.b,a=i.a.AppLinkHelper.getCurrentAppLink();return n.createElement(n.Fragment,null,n.createElement("div",{className:"position-relative"},e.videos.map((function(a,r){return n.createElement(t,{key:a.id,idx:r,index:r,video:a,getVideoAppLink:e.getVideoAppLink,getSeriesAppLink:e.getSeriesAppLink,setFavourite:e.setFavourite})}))),e.cursors&&n.createElement(o.b,{appLink:a,cursors:e.cursors}))}var u=Object(r.SortableContainer)((function(e){return n.createElement(l.Provider,{value:{isSortable:!0,currentSortingIndex:e.currentSortingIndex}},n.createElement(s,Object.assign({},e)))}))},823:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(784);function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(n=(o=c.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return i(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 i(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function o(e){var t=r(n.useInView({triggerOnce:!0}),2),a=t[0],i=t[1];return!0!==e&&void 0!==window.IntersectionObserver||(i=!0,a=null),{ref:a,inView:i}}},824:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(838),i=a.n(r);function o(e){var t="d-flex ".concat(i.a.badgeList);return e.className&&(t+=" ".concat(e.className)),n.createElement("div",{className:t},e.children)}},826:function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var n=a(0),r=a(9),i=a(12),o=a(50),c=a(791);function l(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(n=(o=c.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return s(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return s(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 s(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var u=r.a.encloseNamespace("shared.favouriteButton");function m(e){var t=Object(c.a)(),a="boolean"==typeof e.video.isFavourited,r=!!e.video.isFavourited,s=l(n.useState(r),2),m=s[0],d=s[1];n.useEffect((function(){d(r)}),[r]);var p="cursor-pointer text".concat(m?"-danger":"-dark");return e.className&&(p+=" ".concat(e.className)),a?n.createElement("div",{className:p,onClick:function(){var a=!m;d(a),e.setFavourite(e.video.id,a,(function(){t.error(u(a?"favouriteError":"unfavouriteError")),d(!a)}))}},n.createElement(o.a,{svgName:m?i.b.Heart:i.b.HeartOutline,size:o.b.Small})):n.createElement(n.Fragment,null)}},827:function(e,t,a){"use strict";var n;a.d(t,"a",(function(){return n})),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(n||(n={}))},834:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},838:function(e,t,a){e.exports={duration:"_3XH_S",interactive:"INxgX",productionYear:"Bt6Bx",rating:"_3bOtF",badgeList:"_1BsVS"}},848:function(e,t,a){e.exports={image:"_1YW-E"}},849:function(e,t,a){e.exports={thumbnail:"_3lfBf",sixteenByNine:"_2LqZ8",nineBySixteen:"_136ry",oneByOne:"_2wYLa",twoByThree:"_1eC6Q"}},850:function(e,t,a){e.exports={baseFallbackContainer:"_1wRjB",svgFallbackContainer:"_2t1jq",subjectFallbackContainer:"_12D74",videoFallback:"_6BPy-",subjectFallback:"_2Srdd",playlistFallback:"_1slQX",posterFallback:"i0o8n",fallbackThumbnailImage:"_2L_tV"}},864:function(e,t,a){"use strict";a.d(t,"b",(function(){return u})),a.d(t,"a",(function(){return m}));var n=a(0),r=a(792),i=a(51),o=a(81),c=a(37),l=a(3);function s(e,t){return t?{application:e.application,action:e.action,args:e.args,params:Object.assign({},e.params,{cursor:t})}:null}function u(e){var t=e.appLink,a=e.cursors,r=e.className;function u(e){c.a.logUserAction({page:e},{location:l.j.Pagination,entity:l.d.Pagination,actionType:l.n.Navigate,workflowPhase:l.o.Complete})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:r},n.createElement(i.a,{appLink:s(t,a.previous),className:"btn btn-secondary mr-1 ".concat(a.previous?"":"disabled"),onClick:function(){return u("previous")}},n.createElement(o.b,{phrase:"previous"})),n.createElement(i.a,{appLink:s(t,a.next),className:"btn btn-secondary ".concat(a.next?"":"disabled"),onClick:function(){return u("next")}},n.createElement(o.b,{phrase:"next"}))))}function m(e){function t(e){c.a.logUserAction({page:e},{location:l.j.Pagination,entity:l.d.Pagination,actionType:l.n.Navigate,workflowPhase:l.o.Complete})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:e.className},n.createElement(r.a,{onClick:function(){1!==e.currentPage&&(t("previous"),e.onClickBack())},className:"btn btn-secondary mr-1 cursor-pointer ".concat(1===e.currentPage?"disabled":"")},n.createElement(o.b,{phrase:"previous"})),n.createElement(r.a,{onClick:function(){e.currentPage!==e.totalPages&&(t("next"),e.onClickNext())},className:"btn btn-secondary cursor-pointer ".concat(e.currentPage===e.totalPages?"disabled":"")},n.createElement(o.b,{phrase:"next"}))))}u.defaultProps={className:"py-2"},m.defaultProps={className:"py-2"}},869:function(e,t,a){"use strict";var n=a(0),r=a.n(n),i=a(42),o=a(826),c=a(804),l=a(799),s=a(235),u=a(824),m=a(810),d=a(50),p=a(12),f=a(875),v=a.n(f);function b(e){var t,a=e.video,n=e.appLink,f=e.size,b=e.setFavourite,g=e.preload,y=e.hovering;return r.a.createElement("div",{className:"position-relative rounded overflow-hidden"},!!i.a.isFunction(b)&&r.a.createElement("div",{className:v.a.favouriteContainer},r.a.createElement(o.a,{setFavourite:b,video:a,className:"rounded-circle p-1 ".concat(v.a.favouriteButton)})),r.a.createElement(c.b,{data:a.thumbnail,appLink:n,aspectRatio:c.a.SixteenByNine,size:f,preload:g,className:v.a.gradient},y&&r.a.createElement(d.a,{className:v.a.playIcon,svgName:p.b.PlayCircle}),r.a.createElement(l.a,{type:l.b.Video}),r.a.createElement("div",{className:v.a.overlayContainer},r.a.createElement("div",{className:"".concat(v.a.title," ").concat(y?v.a.downScale:"")},!!(null===(t=e.video.series)||void 0===t?void 0:t.id)&&r.a.createElement(s.a,{className:"text-shadow clamp-1",video:a,appLink:null}),r.a.createElement("span",{className:"h6 text-reset text-shadow clamp-1 mb-0"},a.name),y&&r.a.createElement(u.a,{className:"align-items-center mb-n1"},r.a.createElement(m.a,{type:m.b.Duration,data:a.duration}),r.a.createElement(m.a,{type:m.b.Rating,data:a.rating}),a.hasSubtitle&&r.a.createElement("span",{className:"badge p-0"},r.a.createElement(d.a,{svgName:p.b.CloseCaptionBadge})))))))}var g,y=a(827),E=a(876),N=a.n(E);function k(e){var t=e.type,a=function(e){return e===g.Video?N.a.video:e===g.Playlist?N.a.playlist:""}(t),r=function(e){return e===g.Video?p.b.PlayCircle:e===g.Playlist?p.b.AddToPlaylists:""}(t);return n.createElement("div",{className:N.a.maskContainer},n.createElement("div",{className:N.a.mask}),n.createElement(d.a,{svgName:r,className:a}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist"}(g||(g={}));var h=a(51);function S(e){var t=e.video.lastProgressPoint&&e.video.duration&&e.video.lastProgressPoint/e.video.duration*1e5;return t?n.createElement("div",{className:e.className},n.createElement("div",{className:"bg-primary h-100",style:{width:"".concat(t,"%")}})):n.createElement(n.Fragment,null)}var O=a(877),w=a.n(O);function C(e){var t,a=e.video,n=e.seriesAppLink,i=e.textPosition,o=e.appLink,c=i===y.a.Overlay,l=c?w.a.titleOverlay:w.a.titleBelow;return r.a.createElement("div",{className:l},!!(null===(t=e.video.series)||void 0===t?void 0:t.id)&&r.a.createElement(s.a,{className:c?"text-shadow clamp-1":"clamp-2",video:a,appLink:c?null:n}),c?r.a.createElement("span",{className:"h6 text-reset text-shadow clamp-1 mb-0"},a.name):r.a.createElement(h.a,{className:"h6 text-reset clamp-2 mb-0",appLink:o},a.name))}function x(e){var t=e.video,a=e.appLink,n=e.textPosition,s=e.size,d=e.setFavourite,p=e.preload,f="position-relative";return n===y.a.Overlay&&(f+=" rounded overflow-hidden"),r.a.createElement("div",{className:f},!!i.a.isFunction(d)&&r.a.createElement("div",{className:w.a.favouriteContainer},r.a.createElement(o.a,{setFavourite:d,video:t,className:"rounded-circle p-1 ".concat(w.a.favouriteButton)})),r.a.createElement(c.b,{data:t.thumbnail,appLink:a,aspectRatio:c.a.SixteenByNine,size:s,preload:p,className:n===y.a.Overlay?w.a.gradient:""},r.a.createElement(k,{type:g.Video}),r.a.createElement(l.a,{type:l.b.Video}),r.a.createElement("div",{className:w.a.overlayContainer},n===y.a.Overlay&&r.a.createElement(C,Object.assign({},e)),r.a.createElement(S,{video:t,className:w.a.watchProgress}),r.a.createElement(u.a,{className:w.a.badgeContainer},r.a.createElement(m.a,{type:m.b.Duration,data:t.duration})))),n===y.a.Below&&r.a.createElement(C,Object.assign({},e)))}function j(e){return"expandable"===e.type?n.createElement(b,Object.assign({},e)):n.createElement(x,Object.assign({},e))}a.d(t,"a",(function(){return j}))},875:function(e,t,a){e.exports={overlayContainer:"_1MQy4",favouriteContainer:"_2obuZ",favouriteButton:"_1UfdO",title:"Q1km-",downScale:"_2_7sb",gradient:"Of_Cn",playIcon:"B9cJG"}},876:function(e,t,a){e.exports={mask:"_3nE2p",video:"KdGwU",playlist:"_1cBmC",maskContainer:"_3si6K"}},877:function(e,t,a){e.exports={titleOverlay:"_1JIh4",titleBelow:"_1OKu_",overlayContainer:"_1BBKk",favouriteContainer:"_23tXc",favouriteButton:"_2lJ57",badgeContainer:"_28ZUf",watchProgress:"_3YP9l",gradient:"_1o4aT"}}}]);