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

package/dist/projects/lite/src/apps/playlists/views/new-playlist/NewPlaylistView.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { PropsWithPopupViewProps } from "../../../../../../../libs/shared/src/interfaces";
+import { PropsWithPopupViewProps, PropsWithAnalyticsOptions } from "../../../../../../../libs/shared/src/interfaces";
 interface NewPlaylistViewProps {
     application: string;
 }
-declare type PropTypes = PropsWithPopupViewProps<NewPlaylistViewProps>;
+declare type PropTypes = PropsWithAnalyticsOptions<PropsWithPopupViewProps<NewPlaylistViewProps>>;
 export declare function NewPlaylistView(props: PropTypes): React.ReactElement;
 export {};

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { Video, Playlist, CurrentUser } from "../../../../../../../libs/shared/src/interfaces";
 import { VideoAction } from "../../../../../../../libs/shared/src/utils/video-actions/VideoActionsHelper";
 import { WorkflowPhase } from "../../../../../../../libs/analytics/src/interfaces";
@@ -11,10 +10,3 @@ export declare function getLastUpdatedDate(videos: Video[]): string;
 export declare function getVideoActions(canEdit: boolean): VideoAction[];
 export declare function logSortAction(playlistId: string, videoId: string, workflowPhase: WorkflowPhase): void;
 export declare function canEditPlaylist(playlist: Playlist, user: CurrentUser): boolean;
-/**
- * This function can be used to temporarily store an array of reordered videos
- * until the array obtained from the application store updates to the new order.
- *
- * @param videos array of videos from application store.
- */
-export declare function useReorderedVideos(videos: Video[]): [Video[], React.Dispatch<React.SetStateAction<Video[]>>];

package/dist/projects/lite/src/apps/playlists/views/remove-video-from-playlist/RemoveVideoFromPlaylistView.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { PropsWithPopupViewProps } from "../../../../../../../libs/shared/src/interfaces";
+import { PropsWithPopupViewProps, PropsWithAnalyticsOptions } from "../../../../../../../libs/shared/src/interfaces";
 interface RemoveVideoFromPlaylistViewProps {
     videoId: string;
     playlistId: string;
 }
-declare type PropTypes = PropsWithPopupViewProps<RemoveVideoFromPlaylistViewProps>;
+declare type PropTypes = PropsWithAnalyticsOptions<PropsWithPopupViewProps<RemoveVideoFromPlaylistViewProps>>;
 export declare function RemoveVideoFromPlaylistView(props: PropTypes): React.ReactElement;
 export {};

package/dist/projects/lite/src/apps/search/components/filter-actions/FilterActions.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { FilterPayloadType } from 'apps/search/reducers';
-interface FilterActionsProps extends FilterPayloadType {
+import { PropsWithAnalyticsOptions } from "../../../../../../../libs/shared/src/interfaces";
+declare type FilterActionsProps = FilterPayloadType & PropsWithAnalyticsOptions<{
     className?: string;
-}
+}>;
 export declare function FilterActions(props: FilterActionsProps): JSX.Element;
 export declare namespace FilterActions {
     var defaultProps: {

package/dist/projects/lite/src/apps/search/components/filter-button/FilterButton.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { SearchFilter, MoreFilters } from 'apps/search/interfaces';
-interface FilterButtonProps {
+import { PropsWithAnalyticsOptions } from "../../../../../../../libs/shared/src/interfaces";
+declare type FilterButtonProps = PropsWithAnalyticsOptions<{
     filter: SearchFilter | MoreFilters;
-}
+}>;
 export declare function FilterButton(props: FilterButtonProps): JSX.Element;
 export {};

package/dist/projects/lite/src/apps/search/components/filter-types/checkbox-filter/CheckboxFilter.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { SearchFilter } from 'apps/search/interfaces';
-interface CheckboxFilterProps {
+import { PropsWithAnalyticsOptions } from "../../../../../../../../libs/shared/src/interfaces";
+declare type CheckboxFilterProps = PropsWithAnalyticsOptions<{
     filter: SearchFilter;
-}
+}>;
 export declare function CheckboxFilter(props: CheckboxFilterProps): JSX.Element;
 export {};

package/dist/projects/lite/src/apps/search/components/filter-types/dropdown-filter/DropdownFilter.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { SearchFilter } from 'apps/search/interfaces';
-interface DropdownFilterProps {
+import { PropsWithAnalyticsOptions } from "../../../../../../../../libs/shared/src/interfaces";
+declare type DropdownFilterProps = PropsWithAnalyticsOptions<{
     filter: SearchFilter;
-}
+}>;
 export declare function DropdownFilter(props: DropdownFilterProps): JSX.Element;
 export {};

package/dist/projects/lite/src/apps/search/components/filter-types/radio-filter/RadioFilter.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { SearchFilter } from 'apps/search/interfaces';
-interface RadioFilterProps {
+import { PropsWithAnalyticsOptions } from "../../../../../../../../libs/shared/src/interfaces";
+declare type RadioFilterProps = PropsWithAnalyticsOptions<{
     filter: SearchFilter;
-}
+}>;
 export declare function RadioFilter(props: RadioFilterProps): JSX.Element;
 export {};

package/dist/projects/lite/src/apps/search/components/filter-types/radio-filter/year-level/YearLevelRadioFilter.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { SearchFilter } from 'apps/search/interfaces';
-interface YearLevelRadioFilterProps {
+import { PropsWithAnalyticsOptions } from "../../../../../../../../../libs/shared/src/interfaces";
+declare type YearLevelRadioFilterProps = PropsWithAnalyticsOptions<{
     filter: SearchFilter;
-}
+}>;
 export declare function YearLevelRadioFilter(props: YearLevelRadioFilterProps): JSX.Element;
 export {};

package/dist/projects/lite/src/apps/search/components/reset-button/ResetButton.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-interface ResetButtonProps {
+import { PropsWithAnalyticsOptions } from "../../../../../../../libs/shared/src/interfaces";
+declare type ResetButtonProps = PropsWithAnalyticsOptions<{
     currentQueryParam: string;
-}
+}>;
 export declare function ResetButton(props: ResetButtonProps): JSX.Element;
 export {};

package/dist/projects/lite/src/apps/search/components/search-filters/SearchFilters.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
 import { HashObject } from "../../../../../../../libs/common/src/react/interfaces/HashObject";
 import { SearchFilter, MoreFilters } from 'apps/search/interfaces';
-interface SearchFiltersProps {
+import { PropsWithAnalyticsOptions } from "../../../../../../../libs/shared/src/interfaces";
+declare type SearchFiltersProps = PropsWithAnalyticsOptions<{
     queryParams: HashObject;
     mainFilters: SearchFilter[];
     moreFilters?: MoreFilters;
     hideHeading?: boolean;
-}
+}>;
 export declare function SearchFilters(props: SearchFiltersProps): JSX.Element;
 export {};

package/dist/projects/lite/src/apps/search/interfaces/FilterProps.d.ts

@@ -1,4 +1,5 @@
 import { SearchFilter, MoreFilters } from './SearchFilter';
-export interface FilterProps {
+import { PropsWithAnalyticsOptions } from "../../../../../../libs/shared/src/interfaces";
+export declare type FilterProps = PropsWithAnalyticsOptions<{
     filter: SearchFilter | MoreFilters;
-}
+}>;

package/dist/projects/lite/src/apps/search/utils/FilterHelper.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HashObject } from "../../../../../../libs/common/src/react/interfaces/HashObject";
-import { SearchFilter, MoreFilters, FilterType, FilterProps, FilterOption } from 'apps/search/interfaces';
+import { SearchFilter, MoreFilters, FilterType, FilterOption } from 'apps/search/interfaces';
 import { FilterStateHash, FilterPayloadType, FilterState } from 'apps/search/reducers';
 import { MockYearLevel, MockClassroom } from 'apps/user-manager/interfaces';
 interface WithStatementObject {
@@ -14,7 +14,9 @@ declare type FiltersDictionary = {
 export declare const Filters: FiltersDictionary;
 export declare const FilterHelper: {
     getMoreFilters(): MoreFilters;
-    mapTypeToComponent(type: FilterType): (props: FilterProps) => JSX.Element;
+    mapTypeToComponent(type: FilterType): (props: import("../../../../../../libs/shared/src/interfaces").PropsWithAnalyticsOptions<{
+        filter: SearchFilter | MoreFilters;
+    }>) => JSX.Element;
     deriveInitialStateFromQuery(queryParams?: HashObject<any>, mainFilters?: SearchFilter[], moreFilters?: MoreFilters): FilterStateHash;
     hasActiveFilters(queryParams: HashObject<any>): boolean;
     getLabel(filter: SearchFilter, filterState: FilterState): string;

package/dist/projects/lite/src/apps/subjects/LiteSubjectApplication.d.ts

@@ -9,8 +9,8 @@ export declare class SubjectApplication extends ReactApplication {
     static get router(): any;
     get channelName(): string;
     protected get layoutOptions(): Core.LayoutOptions<TeacherLayoutViewOptions>;
-    classification(classificationId: string): void;
-    classificationSeries(classificationId: string, queryParams?: HashObject<string>): void;
+    classification(classificationId: string, slug?: string): void;
+    classificationSeries(classificationId: string, slug?: string, queryParams?: HashObject<string>): void;
     preferences({ step }: HashObject): void;
     protected onShowAlert(options?: ObjectHash): void;
 }

package/dist/projects/lite/src/apps/upload/services/FlightVideoUploadDataService.d.ts

@@ -2,6 +2,7 @@ import { Store } from 'redux';
 import { Core } from "../../../../../../libs/common/src/backbone";
 import { HashObject } from "../../../../../../libs/common/src/react/interfaces/HashObject";
 import { VideoOrigin } from "../../../../../../libs/shared/src/enums/VideoOrigin";
+import { SubtitleExtractionOptions } from "../../../../../../libs/shared/src/enums/SubtitleExtractionOptions";
 import { PendingProcessOrigin } from "../../../../../../libs/shared/src/enums/PendingProcessOrigin";
 import { BaseVideoUploadDataService } from "../../../../../../libs/shared/src/interfaces";
 interface FlightVideoDataServiceOptions {
@@ -11,6 +12,9 @@ interface CompletePendingItemVideo {
     name: string;
     description?: string;
 }
+interface SubtitleOptions {
+    SubtitleExtractOptions: SubtitleExtractionOptions;
+}
 interface CompletePendingItemRequest {
     id: string;
     userId: string;
@@ -21,6 +25,7 @@ interface CompletePendingItemRequest {
     pendingProcessOrigin: PendingProcessOrigin;
     origin: VideoOrigin;
     video: CompletePendingItemVideo;
+    subtitleOptions: SubtitleOptions;
 }
 export declare class FlightVideoUploadDataService implements BaseVideoUploadDataService {
     private store;

package/dist/projects/lite/src/apps/user-manager/components/delete-uploaded-student-popup/DeleteUploadedStudentPopup.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { PopupViewProps } from "../../../../../../../libs/shared/src/interfaces";
+import { PropsWithAnalyticsOptions, PropsWithPopupViewProps } from "../../../../../../../libs/shared/src/interfaces";
 import { MockStudent } from 'apps/user-manager/interfaces';
-interface DeleteUploadedStudentPopupProps {
+declare type DeleteUploadedStudentPopupProps = PropsWithAnalyticsOptions<PropsWithPopupViewProps<{
     student: MockStudent;
-}
-export declare function DeleteUploadedStudentPopup(props: DeleteUploadedStudentPopupProps & PopupViewProps): JSX.Element;
+}>>;
+export declare function DeleteUploadedStudentPopup(props: DeleteUploadedStudentPopupProps): JSX.Element;
 export {};

package/dist/projects/lite/src/apps/user-manager/components/delete-uploaded-teacher-popup/DeleteUploadedTeacherPopup.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { PopupViewProps } from "../../../../../../../libs/shared/src/interfaces";
+import { PropsWithAnalyticsOptions, PropsWithPopupViewProps } from "../../../../../../../libs/shared/src/interfaces";
 import { MockTeacher } from 'apps/user-manager/interfaces';
-interface DeleteUploadedTeacherPopupProps {
+declare type DeleteUploadedTeacherPopupProps = PropsWithAnalyticsOptions<PropsWithPopupViewProps<{
     teacher: MockTeacher;
-}
-export declare function DeleteUploadedTeacherPopup(props: DeleteUploadedTeacherPopupProps & PopupViewProps): JSX.Element;
+}>>;
+export declare function DeleteUploadedTeacherPopup(props: DeleteUploadedTeacherPopupProps): JSX.Element;
 export {};

package/dist/projects/lite/src/apps/user-manager/components/edit-uploaded-user-popup/EditUploadedUserPopup.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import { PopupViewProps } from "../../../../../../../libs/shared/src/interfaces";
+import { PropsWithPopupViewProps, PropsWithAnalyticsOptions } from "../../../../../../../libs/shared/src/interfaces";
 import { MockStudent, MockTeacher } from 'apps/user-manager/interfaces';
 import { MockUserType } from 'apps/user-manager/enums';
-interface EditUploadedUserPopupProps {
+declare type EditUploadedUserPopupProps = PropsWithPopupViewProps<PropsWithAnalyticsOptions<{
     user: MockStudent | MockTeacher;
     userType: MockUserType;
     title: string;
-}
-export declare function EditUploadedUserPopup(props: EditUploadedUserPopupProps & PopupViewProps): JSX.Element;
+}>>;
+export declare function EditUploadedUserPopup(props: EditUploadedUserPopupProps): JSX.Element;
 export {};

package/dist/projects/lite/src/apps/user-manager/components/manage-users-list/ManageUsersList.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
+import { PropsWithAnalyticsOptions } from "../../../../../../../libs/shared/src/interfaces";
 import { MockYearLevel, MockUserRole } from 'apps/user-manager/interfaces';
 import { MockUserType } from 'apps/user-manager/enums';
-interface ManageUsersListProps {
+declare type ManageUsersListProps = PropsWithAnalyticsOptions<{
     users: any[];
     userType: MockUserType;
     yearLevels?: MockYearLevel[];
     userRoles?: MockUserRole[];
-}
+}>;
 export declare function ManageUsersList(props: ManageUsersListProps): JSX.Element;
 export {};

package/dist/projects/lite/src/apps/user-manager/flight-requests/SchoolUserRequests.d.ts

@@ -1,6 +1,6 @@
 import { Flight } from "../../../../../../libs/common/src/react";
 import { HashObject } from "../../../../../../libs/common/src/react/interfaces/HashObject";
-import { EditUserRequest } from 'apps/user-manager/interfaces';
+import { EditUserRequest, MockStudent, MockTeacher } from 'apps/user-manager/interfaces';
 export declare const SchoolUserRequests: {
     /**
     * School student management
@@ -9,7 +9,7 @@ export declare const SchoolUserRequests: {
     tempGetAllStudents(): Flight.SimulatedRequest;
     removeStudentsFromSchool(ids: string[], onDone: () => void): Flight.SimulatedRequest;
     getStudent(id: string): Flight.SimulatedRequest;
-    createStudent(user: EditUserRequest, success?: () => void, error?: () => void): Flight.SimulatedRequest;
+    createStudent(user: EditUserRequest, success?: (newUser: MockStudent) => void, error?: () => void): Flight.SimulatedRequest;
     bulkCreateStudents(users: EditUserRequest[], success?: () => void, error?: () => void, always?: () => void): Flight.SimulatedRequest;
     updateStudent(user: EditUserRequest, success?: () => void, error?: () => void): Flight.SimulatedRequest;
     /**
@@ -18,7 +18,7 @@ export declare const SchoolUserRequests: {
     getSchoolTeachers(queryObject?: HashObject<any>): Flight.SimulatedRequest;
     removeTeachersFromSchool(ids: string[], onDone: () => void): Flight.SimulatedRequest;
     getTeacher(id: string): Flight.SimulatedRequest;
-    createTeacher(user: EditUserRequest, success?: () => void, error?: () => void): Flight.SimulatedRequest;
+    createTeacher(user: EditUserRequest, success?: (user: MockTeacher) => void, error?: () => void): Flight.SimulatedRequest;
     bulkCreateTeachers(users: EditUserRequest[], success?: () => void, error?: () => void, always?: () => void): Flight.SimulatedRequest;
     updateTeacher(user: EditUserRequest, success?: () => void, error?: () => void): Flight.SimulatedRequest;
     getUserRoles(): Flight.SimulatedRequest;

package/dist/projects/lite/src/apps/user-manager/views/create-student/CreateStudentView.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { PopupViewProps } from "../../../../../../../libs/shared/src/interfaces";
-interface CreateStudentViewProps {
-}
-export declare function CreateStudentView(props: CreateStudentViewProps & PopupViewProps): React.ReactElement;
+import { PropsWithAnalyticsOptions, PropsWithPopupViewProps } from "../../../../../../../libs/shared/src/interfaces";
+declare type CreateStudentViewProps = PropsWithAnalyticsOptions<PropsWithPopupViewProps<{}>>;
+export declare function CreateStudentView(props: CreateStudentViewProps): React.ReactElement;
 export {};

package/dist/projects/lite/src/apps/user-manager/views/create-teacher/CreateTeacherView.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { PopupViewProps } from "../../../../../../../libs/shared/src/interfaces";
-interface CreateTeacherViewProps {
-}
-export declare function CreateTeacherView(props: CreateTeacherViewProps & PopupViewProps): React.ReactElement;
+import { PropsWithAnalyticsOptions, PropsWithPopupViewProps } from "../../../../../../../libs/shared/src/interfaces";
+declare type CreateTeacherViewProps = PropsWithAnalyticsOptions<PropsWithPopupViewProps<{}>>;
+export declare function CreateTeacherView(props: CreateTeacherViewProps): React.ReactElement;
 export {};

package/dist/projects/lite/src/apps/user-manager/views/edit-student/EditStudentView.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { PopupViewProps } from "../../../../../../../libs/shared/src/interfaces";
-interface EditStudentViewProps {
+import { PropsWithPopupViewProps, PropsWithAnalyticsOptions } from "../../../../../../../libs/shared/src/interfaces";
+declare type EditStudentViewProps = PropsWithPopupViewProps<PropsWithAnalyticsOptions<{
     id: string;
-}
-export declare function EditStudentView(props: EditStudentViewProps & PopupViewProps): React.ReactElement;
+}>>;
+export declare function EditStudentView(props: EditStudentViewProps): React.ReactElement;
 export {};

package/dist/projects/lite/src/apps/user-manager/views/edit-teacher/EditTeacherView.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { PopupViewProps } from "../../../../../../../libs/shared/src/interfaces";
-interface EditTeacherViewProps {
+import { PropsWithPopupViewProps, PropsWithAnalyticsOptions } from "../../../../../../../libs/shared/src/interfaces";
+declare type EditTeacherViewProps = PropsWithPopupViewProps<PropsWithAnalyticsOptions<{
     id: string;
-}
-export declare function EditTeacherView(props: EditTeacherViewProps & PopupViewProps): React.ReactElement;
+}>>;
+export declare function EditTeacherView(props: EditTeacherViewProps): React.ReactElement;
 export {};

package/dist/projects/lite/src/apps/user-manager/views/remove-user/RemoveUserView.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { PopupViewProps } from "../../../../../../../libs/shared/src/interfaces";
-interface RemoveUserViewProps {
+import { PropsWithAnalyticsOptions, PropsWithPopupViewProps } from "../../../../../../../libs/shared/src/interfaces";
+declare type RemoveUserViewProps = PropsWithAnalyticsOptions<PropsWithPopupViewProps<{
     userIds: string[];
     userType: 'student' | 'teacher';
-}
-export declare function RemoveUserView(props: RemoveUserViewProps & PopupViewProps): JSX.Element;
+}>>;
+export declare function RemoveUserView(props: RemoveUserViewProps): JSX.Element;
 export {};

package/dist/projects/lite/src/apps/user-manager/views/student-upload-review/StudentUploadReviewView.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
-import { PopupViewProps } from "../../../../../../../libs/shared/src/interfaces";
-export declare function StudentUploadReviewView({ closePopup }: PopupViewProps): JSX.Element;
+import { PropsWithPopupViewProps, PropsWithAnalyticsOptions } from "../../../../../../../libs/shared/src/interfaces";
+declare type StudentUploadReviewViewProps = PropsWithAnalyticsOptions<PropsWithPopupViewProps<{}>>;
+export declare function StudentUploadReviewView(props: StudentUploadReviewViewProps): JSX.Element;
+export {};

package/dist/projects/lite/src/apps/user-manager/views/teacher-upload-review/TeacherUploadReviewView.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
-import { PopupViewProps } from "../../../../../../../libs/shared/src/interfaces";
-export declare function TeacherUploadReviewView({ closePopup }: PopupViewProps): JSX.Element;
+import { PropsWithAnalyticsOptions, PropsWithPopupViewProps } from "../../../../../../../libs/shared/src/interfaces";
+declare type TeacherUploadReviewViewProps = PropsWithAnalyticsOptions<PropsWithPopupViewProps<{}>>;
+export declare function TeacherUploadReviewView(props: TeacherUploadReviewViewProps): JSX.Element;
+export {};

package/dist/projects/lite/src/shared/components/immersive-reader/ImmersiveReader.d.ts

@@ -1,8 +1,13 @@
 /// <reference types="react" />
-interface ImmersiveReaderProps {
+import { PropsWithAnalyticsOptions } from "../../../../../../libs/shared/src/interfaces";
+declare type ImmersiveReaderProps = PropsWithAnalyticsOptions<{
     text: string;
     title?: string;
     className?: string;
-}
+    analyticsData: {
+        id: string;
+        type: string;
+    };
+}>;
 export declare function ImmersiveReader(props: ImmersiveReaderProps): JSX.Element;
 export {};

package/dist/projects/lite/src/shared/components/share/copy-embed-html/CopyEmbedHtml.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
-interface CopyEmbedHtmlProps {
+import { PropsWithAnalyticsOptions } from "../../../../../../../libs/shared/src/interfaces";
+declare type CopyEmbedHtmlProps = PropsWithAnalyticsOptions<{
+    entityId: string;
     shortCode: string;
-}
+}>;
 export declare function CopyEmbedHtml(props: CopyEmbedHtmlProps): JSX.Element;
 export {};

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

@@ -0,0 +1,6 @@
+export declare const ViewModelKeys: {
+    SEARCH_BAR_LOCATION: string;
+    WEB_PLAYER_DATA: string;
+    BULK_TEACHER_UPLOAD: string;
+    BULK_STUDENT_UPLOAD: string;
+};

package/dist/projects/lite/src/shared/{contexts/player/PlayerContext.d.ts → hooks/useInitPlayerContext.d.ts}

@@ -1,23 +1,20 @@
-import * as React from 'react';
-import { Video } from "../../../../../../libs/shared/src/interfaces";
+import { Video } from "../../../../../libs/shared/src/interfaces";
 export interface PlayerPosition {
     top: number;
     left: number;
     width: number;
 }
-interface PlayerContextProps {
+export interface PlayerContext {
     webPlayerUrl: string;
     /**
      * Video that the player is currently plaing
      */
-    video?: Video;
-    setVideo: (video: Video) => void;
+    video: Video;
     /**
      * Position of the video player when we're on a play page
      * no position means we're floating on the bottom right of the screen
      */
     viewportPosition: PlayerPosition;
-    setViewportPosition: (position: PlayerPosition) => void;
     /**
      * Tells the floating player to not render when it has
      * as video but no position. This prevents
@@ -25,8 +22,5 @@ interface PlayerContextProps {
      * PlayView has set a video but not yet set a position
      */
     isOnPlayPage: boolean;
-    setIsOnPlayPage: (isOnPlayPage: boolean) => void;
 }
-export declare const PlayerContext: React.Context<PlayerContextProps>;
-export declare function PlayerContextProvider(props: React.PropsWithChildren<{}>): React.ReactElement;
-export {};
+export declare function useInitPlayerContext(): void;

package/dist/projects/lite/src/shared/hooks/useNavLock.d.ts

@@ -3,6 +3,7 @@ export interface NavLockOptions {
     title?: string;
     text?: string;
     allowAppLinks?: boolean;
+    onConfirmUnlock?: () => void;
 }
 export declare const useNavLock: () => {
     lock: (lockOptions?: NavLockOptions) => void;

package/dist/projects/lite/src/shared/views/share/main-view/MainShareView.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import { BaseObject, Share } from "../../../../../../../libs/shared/src/interfaces";
+import { BaseObject, Share, PropsWithAnalyticsOptions } from "../../../../../../../libs/shared/src/interfaces";
 import { SharableEntity } from '../ShareView';
-interface MainShareViewProps {
+declare type MainShareViewProps = PropsWithAnalyticsOptions<{
     shareData: Share;
     entity: BaseObject;
     entityType: SharableEntity;
     onClickShowSettings: () => void;
-}
+}>;
 export declare function MainShareView(props: MainShareViewProps): JSX.Element;
 export {};

package/dist/projects/lite/src/shared/views/share/settings-view/ShareSettingsView.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
-import { Share } from "../../../../../../../libs/shared/src/interfaces";
-interface ShareSettingsViewProps {
+import { Share, PropsWithAnalyticsOptions } from "../../../../../../../libs/shared/src/interfaces";
+declare type ShareSettingsViewProps = PropsWithAnalyticsOptions<{
     shareData: Share;
     showMain: () => void;
-}
+    entityId: string;
+}>;
 export declare function ShareSettingsView(props: ShareSettingsViewProps): JSX.Element;
 export {};

package/dist/projects/lite/src/startup/RegisterAnalytics.d.ts

@@ -0,0 +1,3 @@
+import { Core } from "../../../../libs/common/src/backbone";
+declare function RegisterAnalytics(shell: Core.Shell, next: Function): void;
+export { RegisterAnalytics };

package/dist/projects/lite/src/startup/index.d.ts

@@ -12,3 +12,4 @@ export * from './RegisterApplicationVariables';
 export * from './RegisterHandlebarsHelpers';
 export * from './RegisterViewDataExtensions';
 export * from './RegisterAppOptions';
+export * from './RegisterAnalytics';

package/dist/scripts/0-525bd75473.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[0],{412:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(78),r=a(29),i=a(37);const o=()=>{const e=Object(n.a)(i.a.ALERT);return{success(t){e.success(t)()},error(t){e.error(t)()},warning(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},413: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:(e.className?e.className:"")+" cursor-pointer",onKeyDown:t=>"Enter"===t.key&&e.onClick(t),onClick:e.onClick,style:e.style?e.style:{}},e.children)}},416: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(78),c=a(33),s=a(10),l=a(9),u=a(458),m=a.n(u);function d(e){const{type:t,mediaType:a,extraClasses:u}=e,d=(Object(o.a)(l.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?m.a.subjectFallback:""}(t)),p=function(e,t){return e===n.Video?s.b.Play:e===n.Playlist?s.b.Playlist:e===n.Series?s.b.Series:e===n.Subject||e===n.TallSubject?s.b.Subject:""}(t);let v=""+function(e,t){return t===n.Subject?m.a.subjectFallbackContainer:e===r.Svg?m.a.svgFallbackContainer:m.a.baseFallbackContainer}(a,t);return u&&(v+=" "+e.extraClasses),i.createElement("div",{className:v},a===r.Svg?i.createElement(c.a,{svgName:p,className:d,tagName:"div"}):i.createElement("div",{className:m.a.fallbackThumbnailImage,style:{backgroundImage:`url('${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}},426: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={}))},429:function(e,t,a){"use strict";var n=a(0),r=a(36),i=a(406),o=a(456),c=a.n(o),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};const l=n.memo((function(e){var{forceLoad:t}=e,a=s(e,["forceLoad"]);const[r,o]=i.useInView({triggerOnce:!0});if(void 0===window.IntersectionObserver)return n.createElement("img",Object.assign({alt:""},a));const{src:l}=a,u=s(a,["src"]),m=Object.assign(Object.assign({alt:""},u),o||t?{src:l}:{});return t||(m.ref=r),n.createElement("img",Object.assign({className:c.a.image},m))}));var u,m=a(34),d=a(426),p=a(457),v=a.n(p);function b(e){let t="thumbnail "+v.a.thumbnail,a="";return e.aspectRatio===u.SixteenByNine&&(a=v.a.sixteenByNine),e.aspectRatio===u.NineBySixteen&&(a=v.a.nineBySixteen),e.aspectRatio===u.OneByOne&&(a=v.a.oneByOne),e.aspectRatio===u.TwoByThree&&(a=v.a.twoByThree),a&&(t+=" "+a),e.className&&(t+=" "+e.className),t}function g(e){const{data:t,size:a,appLink:i,preload:o}=e;let c="";"string"==typeof t?c=t:r.a.isObject(t)&&(c=t.url);const s=c&&function(e,t=d.a.Small){return`${e}?size=${t}`}(c,a);return n.createElement("div",{className:b(e)},n.createElement(m.a,{appLink:i},e.children,s&&n.createElement(l,{src:s,forceLoad:o})))}a.d(t,"a",(function(){return u})),a.d(t,"b",(function(){return g})),function(e){e[e.SixteenByNine=0]="SixteenByNine",e[e.OneByOne=1]="OneByOne",e[e.TwoByThree=2]="TwoByThree",e[e.NineBySixteen=3]="NineBySixteen"}(u||(u={}))},430:function(e,t,a){"use strict";var n=a(0),r=a(28),i=a(131),o=a(33),c=a(34),s=a(10),l=a(435),u=a.n(l);function m(e){let t="dropdown-item";return e&&(t+=" "+e),t}function d(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);const t="actions-dropdown-"+i.a.getRandomInt();let a="px-0 "+u.a.dropdownToggle;return e.dropdownToggleClassName&&(a+=" "+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(o.a,{svgName:s.b.More,size:o.b.Small})),n.createElement(r.Dropdown.Menu,null,e.actions.map((e,t)=>n.createElement(c.a,{key:t,appLink:e.appLink,className:m(e.className)},e.label))))}d.defaultProps={dropdownToggleClassName:"btn btn-light"};var p=a(119),v=a(83);function b(e){const{onClick:t,appLink:a,svgName:r,tooltip:i}=e.actionOptions;let o="ml-2";return e.actionOptions.className&&(o+=" "+e.actionOptions.className),i?n.createElement(v.a,{title:i},n.createElement(p.a,{appLink:a,svgName:r,onClick:t,className:o},e.children)):r?n.createElement(p.a,{onClick:t,appLink:a,svgName:r,className:o},e.children):a?n.createElement(c.a,{onClick:t,appLink:a,className:o},e.children):n.createElement("button",{onClick:t,className:o},e.children)}function g(e){const t=[],a=[];e.actions.forEach(e=>{e.button?t.push(e):a.push(e)});let r="d-flex";return e.className&&(r+=" "+e.className),n.createElement("div",{className:r},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:u.a.buttonList},t.map((e,t)=>n.createElement(b,{key:t,actionOptions:e},e.label))),e.sortComponent?e.sortComponent:"",!!a.length&&n.createElement(d,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return g}))},434:function(e,t,a){"use strict";var n=a(0),r=a(28);const i={mapRatingToClass(e){if(!e)return"";return(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)}};var o,c=a(132),s=a(460),l=a.n(s);function u(e){const{type:t,data:a}=e;if(!function(e,t){return e===o.Rating?t&&!!t.value:!!t}(t,a))return n.createElement(n.Fragment,null);const s=function(e,t){let a="";return e===o.Duration&&(a=l.a.duration),e===o.Interactive&&(a=l.a.interactive),e===o.Rating&&(a=`${l.a.rating} ${i.mapRatingToClass(t.value)}`),e===o.ProductionYear&&(a=l.a.productionYear),"badge "+a}(t,a),u=function(e,t){return e===o.Interactive?"Interactive":e===o.Duration?c.a.ToDisplayDuration(t):e===o.Rating?t.code:e===o.ProductionYear?t:void 0}(t,a),m=function(e,t){return e===o.Rating?{title:t.name,placement:"top"}:null}(t,a);return m?n.createElement(r.OverlayTrigger,{placement:m.placement,overlay:n.createElement(r.Tooltip,{id:m.title},m.title)},n.createElement("span",{className:s},u)):n.createElement("span",{className:s},u)}a.d(t,"b",(function(){return o})),a.d(t,"a",(function(){return u})),function(e){e.Duration="duration",e.Interactive="interactive",e.Rating="rating",e.ProductionYear="production-year"}(o||(o={}))},435:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},444:function(e,t,a){"use strict";a.d(t,"a",(function(){return s})),a.d(t,"c",(function(){return l})),a.d(t,"b",(function(){return u}));var n=a(0),r=a(408),i=a(2),o=a(481),c=a(558);const s=n.createContext({isSortable:!1});function l(e){const{isSortable:t}=n.useContext(s),a=t?c.a:c.b,r=i.a.AppLinkHelper.getCurrentAppLink();return n.createElement(n.Fragment,null,n.createElement("div",{className:"position-relative"},e.videos.map((t,r)=>n.createElement(a,{key:t.id,idx:r,index:r,video:t,getVideoAppLink:e.getVideoAppLink,getSeriesAppLink:e.getSeriesAppLink,setFavourite:e.setFavourite}))),e.cursors&&n.createElement(o.b,{appLink:r,cursors:e.cursors}))}const u=Object(r.SortableContainer)(e=>n.createElement(s.Provider,{value:{isSortable:!0,currentSortingIndex:e.currentSortingIndex}},n.createElement(l,Object.assign({},e))))},456:function(e,t,a){e.exports={image:"_1YW-E"}},457:function(e,t,a){e.exports={thumbnail:"_3lfBf",sixteenByNine:"_2LqZ8",nineBySixteen:"_136ry",oneByOne:"_2wYLa",twoByThree:"_1eC6Q"}},458:function(e,t,a){e.exports={baseFallbackContainer:"_1wRjB",svgFallbackContainer:"_2t1jq",subjectFallbackContainer:"_12D74",videoFallback:"_6BPy-",playlistFallback:"_1slQX",posterFallback:"i0o8n",subjectFallback:"_2Srdd",fallbackThumbnailImage:"_2L_tV"}},459:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(460),i=a.n(r);function o(e){let t="d-flex "+i.a.badgeList;return e.className&&(t+=" "+e.className),n.createElement("div",{className:t},e.children)}},460:function(e,t,a){e.exports={duration:"_3XH_S",interactive:"INxgX",productionYear:"Bt6Bx",rating:"_3bOtF",badgeList:"_1BsVS"}},474:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(7),i=a(10),o=a(33),c=a(412);const s=r.a.encloseNamespace("shared.favouriteButton");function l(e){const t=Object(c.a)(),a="boolean"==typeof e.video.isFavourited,r=!!e.video.isFavourited,[l,u]=n.useState(r);n.useEffect(()=>{u(r)},[r]);let m="cursor-pointer text"+(l?"-danger":"-dark");return e.className&&(m+=" "+e.className),a?n.createElement("div",{className:m,onClick:function(){const a=!l;u(a),e.setFavourite(e.video.id,a,(function(){t.error(s(a?"favouriteError":"unfavouriteError")),u(!a)}))}},n.createElement(o.a,{svgName:l?i.b.Heart:i.b.HeartOutline,size:o.b.Small})):n.createElement(n.Fragment,null)}},475: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={}))},481: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(413),i=a(34),o=a(48),c=a(31),s=a(3);function l(e,t){return t?{application:e.application,action:e.action,args:e.args,params:Object.assign({},e.params,{cursor:t})}:null}function u({appLink:e,cursors:t,className:a}){function r(e){c.a.logUserAction({page:e},{location:s.j.Pagination,entity:s.d.Pagination,actionType:s.n.Navigate,workflowPhase:s.o.Complete})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:a},n.createElement(i.a,{appLink:l(e,t.previous),className:"btn btn-secondary mr-1 "+(t.previous?"":"disabled"),onClick:()=>r("previous")},n.createElement(o.b,{phrase:"previous"})),n.createElement(i.a,{appLink:l(e,t.next),className:"btn btn-secondary "+(t.next?"":"disabled"),onClick:()=>r("next")},n.createElement(o.b,{phrase:"next"}))))}function m(e){function t(e){c.a.logUserAction({page:e},{location:s.j.Pagination,entity:s.d.Pagination,actionType:s.n.Navigate,workflowPhase:s.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 "+(1===e.currentPage?"disabled":"")},n.createElement(o.b,{phrase:"previous"})),n.createElement(r.a,{onClick:function(){e.currentPage!==e.totalPages&&(t("next"),e.onClickNext())},className:"btn btn-secondary cursor-pointer "+(e.currentPage===e.totalPages?"disabled":"")},n.createElement(o.b,{phrase:"next"}))))}u.defaultProps={className:"py-2"},m.defaultProps={className:"py-2"}},508:function(e,t,a){"use strict";var n=a(0),r=a.n(n),i=a(26),o=a(474),c=a(429),s=a(416),l=a(130),u=a(459),m=a(434),d=a(33),p=a(10),v=a(517),b=a.n(v);function g(e){var t;const{video:a,appLink:n,size:v,setFavourite:g,preload:f,hovering:E}=e;return r.a.createElement("div",{className:"position-relative rounded overflow-hidden"},!!i.a.isFunction(g)&&r.a.createElement("div",{className:b.a.favouriteContainer},r.a.createElement(o.a,{setFavourite:g,video:a,className:"rounded-circle p-1 "+b.a.favouriteButton})),r.a.createElement(c.b,{data:a.thumbnail,appLink:n,aspectRatio:c.a.SixteenByNine,size:v,preload:f,className:b.a.gradient},E&&r.a.createElement(d.a,{className:b.a.playIcon,svgName:p.b.PlayCircle}),r.a.createElement(s.a,{type:s.b.Video}),r.a.createElement("div",{className:b.a.overlayContainer},r.a.createElement("div",{className:`${b.a.title} ${E?b.a.downScale:""}`},!!(null===(t=e.video.series)||void 0===t?void 0:t.id)&&r.a.createElement(l.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),E&&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}),r.a.createElement("span",{className:"badge p-0"},r.a.createElement(d.a,{svgName:p.b.CloseCaptionBadge})))))))}var f,E=a(475),y=a(518),N=a.n(y);function k(e){const{type:t}=e,a=function(e){return e===f.Video?N.a.video:e===f.Playlist?N.a.playlist:""}(t),r=function(e){return e===f.Video?p.b.PlayCircle:e===f.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"}(f||(f={}));var x=a(34),C=a(519),h=a.n(C);function O(e){var t;const{video:a,seriesAppLink:n,textPosition:i,appLink:o}=e,c=i===E.a.Overlay,s=c?h.a.titleOverlay:h.a.titleBelow;return r.a.createElement("div",{className:s},!!(null===(t=e.video.series)||void 0===t?void 0:t.id)&&r.a.createElement(l.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(x.a,{className:"h6 text-reset clamp-2 mb-0",appLink:o},a.name))}function S(e){const{video:t,appLink:a,textPosition:n,size:l,setFavourite:d,preload:p}=e;let v="position-relative";return n===E.a.Overlay&&(v+=" rounded overflow-hidden"),r.a.createElement("div",{className:v},!!i.a.isFunction(d)&&r.a.createElement("div",{className:h.a.favouriteContainer},r.a.createElement(o.a,{setFavourite:d,video:t,className:"rounded-circle p-1 "+h.a.favouriteButton})),r.a.createElement(c.b,{data:t.thumbnail,appLink:a,aspectRatio:c.a.SixteenByNine,size:l,preload:p,className:n===E.a.Overlay?h.a.gradient:""},r.a.createElement(k,{type:f.Video}),r.a.createElement(s.a,{type:s.b.Video}),r.a.createElement("div",{className:h.a.overlayContainer},n===E.a.Overlay&&r.a.createElement(O,Object.assign({},e)),r.a.createElement(u.a,{className:h.a.badgeContainer},r.a.createElement(m.a,{type:m.b.Duration,data:t.duration})))),n===E.a.Below&&r.a.createElement(O,Object.assign({},e)))}function w(e){return"expandable"===e.type?n.createElement(g,Object.assign({},e)):n.createElement(S,Object.assign({},e))}a.d(t,"a",(function(){return w}))},517:function(e,t,a){e.exports={overlayContainer:"_1MQy4",favouriteContainer:"_2obuZ",favouriteButton:"_1UfdO",title:"Q1km-",downScale:"_2_7sb",gradient:"Of_Cn",playIcon:"B9cJG"}},518:function(e,t,a){e.exports={mask:"_3nE2p",video:"KdGwU",playlist:"_1cBmC",maskContainer:"_3si6K"}},519:function(e,t,a){e.exports={titleOverlay:"_1JIh4",titleBelow:"_1OKu_",overlayContainer:"_1BBKk",favouriteContainer:"_23tXc",favouriteButton:"_2lJ57",badgeContainer:"_28ZUf",gradient:"_1o4aT"}},558:function(e,t,a){"use strict";var n=a(0),r=a(28),i=a(408),o=a(508),c=a(130),s=a(33),l=a(426),u=a(475),m=a(79);const d={hasSeries:e=>!!e&&e.series&&!!e.series.id};var p=a(10),v=a(81),b=a(444),g=a(26),f=a(430),E=a(129),y=a(68),N=a(577),k=a.n(N);const x=[y.a.AddToPlaylist,y.a.Share];function C(e){const{videoActions:t=x,getActionAppLink:a}=n.useContext(E.a),r=Object(v.a)(m.a.XS);if(!g.a.isFunction(a))return n.createElement(n.Fragment,null);const i=[];return t.forEach(t=>{const n=a(e.video,t);n&&i.push(Object.assign({appLink:n,className:"btn btn-link",button:!r},Object(y.b)()[t]))}),n.createElement(f.a,{actions:i,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link rounded-circle p-0 "+k.a.actionsDropdown})}var h=a(459),O=a(434);function S(e){return n.createElement(h.a,null,n.createElement(O.a,{type:O.b.Rating,data:e.video.rating}),n.createElement(O.a,{type:O.b.ProductionYear,data:e.video.productionYear}),n.createElement(O.a,{type:O.b.Interactive,data:e.video.interactives}))}var w=a(48),j=a(578),L=a.n(j);function B(e){const t=Object(v.a)(m.a.XS),a=21*(Object(v.a)(m.a.SM)?2:4),{ref:r,isExpandable:i,isTruncated:o,toggleTruncation:c}=function(e){const[t,a]=Object(n.useState)(!1),[r,i]=Object(n.useState)(!1),o=Object(n.useRef)();return Object(n.useEffect)(()=>{if(!o||!o.current)return;o.current.offsetHeight<=e||(a(!0),i(!0))},[o]),{ref:o,isExpandable:t,isTruncated:r,toggleTruncation:()=>i(e=>!e)}}(a);if(t)return n.createElement(n.Fragment,null);const s={className:"position-relative overflow-hidden"};return o&&(s.style={maxHeight:a+"px"}),e.forceTruncate&&!o&&c(),n.createElement("div",Object.assign({},s),n.createElement("p",{ref:r,className:"m-0"},e.video.description,!!i&&n.createElement("span",{className:"cursor-pointer "+L.a.ellipsis,onClick:c},n.createElement(w.b,{namespace:"shared.videoItemDescription",phrase:o?"showMore":"showLess"}))))}var P=a(34);function T(e){return n.createElement(P.a,{appLink:e.appLink},n.createElement("h5",{className:"d-inline-block m-0 mb-1"},e.video.name))}var _=a(579),F=a.n(_);a.d(t,"b",(function(){return R})),a.d(t,"a",(function(){return A}));const I=Object(i.SortableHandle)(()=>n.createElement(r.Col,{xs:2,className:"d-flex justify-content-center align-items-center cursor-pointer "+F.a.dragHandleContainer},n.createElement(s.a,{svgName:p.b.Handle,size:s.b.Small})));function R(e){const t=Object(v.a)(m.a.XS),{isSortable:a,currentSortingIndex:i}=n.useContext(b.a),s=a&&!t,p=e.getVideoAppLink(e.video),g=d.hasSeries(e.video)&&e.getSeriesAppLink(e.video.series);return n.createElement(r.Row,{className:"py-2"},n.createElement(r.Col,{xs:t?12:4,className:"flex-column align-items-flex-start mb-1"},n.createElement(r.Row,null,!!s&&n.createElement(I,null),n.createElement(r.Col,{xs:(f=s,f?10:12)},n.createElement(o.a,{video:e.video,appLink:p,seriesAppLink:g,size:s?l.a.Small:l.a.Medium,textPosition:u.a.Independent,setFavourite:e.setFavourite,type:"static"})))),n.createElement(r.Col,{xs:t?12:8},n.createElement(C,{video:e.video}),n.createElement(c.a,{video:e.video,appLink:g}),n.createElement(T,{video:e.video,appLink:e.getVideoAppLink(e.video)}),n.createElement(S,{video:e.video}),n.createElement(B,{video:e.video,forceTruncate:Number.isInteger(i)&&e.idx===i})));var f}const A=Object(i.SortableElement)(e=>n.createElement(R,Object.assign({},e)))},577:function(e,t,a){e.exports={actionsDropdown:"XR0aX"}},578:function(e,t,a){e.exports={ellipsis:"LJY5U"}},579:function(e,t,a){e.exports={dragHandleContainer:"_24s1b"}}}]);