@clickview/online 0.0.9 → 0.0.10-dev.0

package/dist/libs/shared/src/components/popup/Popup.d.ts

@@ -1,4 +1,17 @@
 import * as React from 'react';
+import { HashObject } from "../../../../common/src/react/interfaces";
+import { Core } from "../../../../common/src/backbone";
+import { AnalyticsOptions } from "../../../../analytics/src/interfaces";
+export interface HeaderButton {
+    appLink?: Core.AppLink;
+    onClick?: (e: React.MouseEvent) => void;
+    svgName?: string;
+    className?: string;
+    tooltip?: string;
+    showSpinner?: boolean;
+    analyticsData?: HashObject;
+    analyticsOptions?: AnalyticsOptions;
+}
 interface PopupProps {
     title?: string;
     closeButton?: boolean;
@@ -6,6 +19,7 @@ interface PopupProps {
     onEntered?: () => void;
     size?: 'sm' | 'lg' | 'xl';
     showLoadingSpinner?: boolean;
+    headerButtons?: HeaderButton[];
 }
 export declare function Popup(props: React.PropsWithChildren<PopupProps>): React.ReactElement;
 export declare namespace Popup {

package/dist/libs/shared/src/components/search-bar/SearchBar.d.ts

@@ -105,6 +105,18 @@ export interface SearchBarProps<T extends HashObject> {
      * which side to render it on. Defaults to `right` in `defaultProps`
      */
     searchIconPlacement?: 'left' | 'right' | false;
+    /**
+     * If true, a cross svg will be rendered.
+     * Clicking this icon will reset the query.
+     */
+    showClearInputIcon?: boolean;
+    /**
+     * Optional callback function to be called when the clear input
+     * icon is clicked.
+     * The query will be reset automatically, this callback is for
+     * adding additional functionality.
+     */
+    onClickClearInput?: () => void;
     /**
      * Flag to determine whether clicking the search icon should trigger
      * submitting the search query.
@@ -114,11 +126,22 @@ export interface SearchBarProps<T extends HashObject> {
      * Flag to determine whether the search input should be autofocused.
      */
     autoFocusInput?: boolean;
+    /**
+     * If true, the default Bootstrap styling will be applied when the
+     * input is focused.
+     */
+    highlightInputOnFocus?: boolean;
     /**
      * When true, the input field will be cleared whenever a suggestion is selected.
      */
     clearQueryOnSelect?: boolean;
     onBackspace?: () => void;
+    /**
+     * When true, the search input will be wrapped in a <form />.
+     * This is true by default.
+     * If rendering <SearchBar /> within another form, set this to false.
+     */
+    renderAsForm?: boolean;
 }
 export declare function SearchBar<T extends HashObject>(props: SearchBarProps<T>): JSX.Element;
 export declare namespace SearchBar {
@@ -130,5 +153,6 @@ export declare namespace SearchBar {
         recentSearches: any[];
         initialSuggestions: any[];
         searchIconPlacement: string;
+        renderAsForm: boolean;
     };
 }

package/dist/libs/shared/src/components/search-bar/SearchInput.d.ts

@@ -1,8 +1,12 @@
 /// <reference types="react" />
 import * as Autosuggest from 'react-autosuggest';
-interface SearchInputProps {
+import { HashObject } from "../../../../common/src/react/interfaces";
+interface SearchInputProps<T> extends Autosuggest.InputProps<T> {
     onClickSearchIcon?: () => void;
     searchIconPlacement?: 'left' | 'right' | false;
+    showClearInputIcon?: boolean;
+    onClickClearInput?: () => void;
+    highlightOnFocus?: boolean;
 }
-export declare function SearchInput<T extends {}>(props: SearchInputProps & Autosuggest.InputProps<T>): JSX.Element;
+export declare function SearchInput<T extends HashObject>(props: SearchInputProps<T>): JSX.Element;
 export {};

package/dist/libs/shared/src/components/thumbnails/base/BaseThumbnail.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Core } from "../../../../../common/src/backbone";
 import { Image } from "../../../interfaces";
-import { ThumbnailSize } from "../../../enums/ThumbnailSize";
+import { ImageOptions } from "../../../utils/ImageHelper";
 import { AnalyticsOptions, HashObject } from "../../../../../analytics/src/interfaces";
 export declare enum AspectRatio {
     SixteenByNine = 0,
@@ -11,10 +11,12 @@ export declare enum AspectRatio {
 }
 interface ThumbnailProps {
     data: Image | string;
-    size?: ThumbnailSize;
+    imageOptions?: ImageOptions;
     appLink?: Core.AppLink;
     aspectRatio?: AspectRatio;
     className?: string;
+    imageClassName?: string;
+    imageStyle?: HashObject;
     preload?: boolean;
     analyticsData?: HashObject;
     analyticsOptions?: AnalyticsOptions;

package/dist/libs/shared/src/components/thumbnails/video/VideoThumbnail.d.ts

@@ -1,15 +1,15 @@
 /// <reference types="react" />
 import { Core } from "../../../../../common/src/backbone";
 import { Video, Interactive, Clip } from "../../../interfaces";
-import { ThumbnailSize } from "../../../enums/ThumbnailSize";
 import { ThumbnailTextPosition } from "../../../enums/ThumbnailTextPosition";
+import { ImageOptions } from "../../../utils/ImageHelper";
 import { AnalyticsOptions, HashObject } from "../../../../../analytics/src/interfaces";
 declare type BaseVideoThumbnailProps = {
     video: Video;
     videoType?: 'video' | 'interactive' | 'clip';
     interactive?: Interactive;
     clip?: Clip;
-    size: ThumbnailSize;
+    imageOptions: ImageOptions;
     type: 'expandable' | 'static';
     textPosition: ThumbnailTextPosition;
     appLink: Core.AppLink;

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

@@ -3,22 +3,18 @@ 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";
+import { ImageSize } from "../../../enums/Images";
 import { AnalyticsOptions, HashObject } from "../../../../../analytics/src/interfaces";
-export interface FixedWidgetProps {
+interface BaseFixedWidgetProps {
     id?: string;
     name?: string;
     description?: string;
     type: WidgetType;
     contents: WidgetContents;
-    thumbnailSize?: ThumbnailSize;
+    thumbnailSize?: ImageSize;
     paddingSize?: '3' | '4';
-    collection?: any;
-    lazyLoad?: boolean;
-    fetch?: (...args: any) => Flight.Response<any>;
-    prefetched?: boolean;
-    setData?: (data: any) => any;
     minimumItemCount?: number;
+    setData?: (data: any) => any;
     childComponent: React.ElementType;
     childAppLink?: Core.AppLink;
     appLink?: Core.AppLink;
@@ -26,6 +22,19 @@ export interface FixedWidgetProps {
     analyticsData?: HashObject;
     analyticsOptions?: AnalyticsOptions;
 }
+declare type FixedWidgetWithFetchProps = BaseFixedWidgetProps & {
+    lazyLoad: true;
+    collection?: never;
+    fetch: (...args: any) => Flight.Response<any>;
+    prefetched?: false;
+};
+declare type FixedWidgetWithCollectionProps = BaseFixedWidgetProps & {
+    collection: any;
+    lazyLoad?: false;
+    fetch?: never;
+    prefetched: true;
+};
+export declare type FixedWidgetProps = FixedWidgetWithCollectionProps | FixedWidgetWithFetchProps;
 declare function FixedWidget(props: FixedWidgetProps): JSX.Element;
 declare namespace FixedWidget {
     var defaultProps: {

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

@@ -13,7 +13,7 @@ export interface WidgetData {
     name?: string;
     description?: string;
 }
-export declare function useFetchData(props: FixedWidgetProps, dispatch: Function, mediaQueryType: MediaQueryStrings, shouldFetch: boolean): Flight.Response<any>;
+export declare function useFetchData(props: FixedWidgetProps, dispatch: React.Dispatch<ReducerActions<WidgetInteraction, FixedWidgetPayload>>, mediaQueryType: MediaQueryStrings, shouldFetch: boolean): Flight.Response<any>;
 /**
  * This function wrapper determines which widget item images should be pre-fetched by the LazyImage component.
  * It does this by looking at which images are going to be shown after the users clicks on the "Next"

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

@@ -1,7 +1,2 @@
 /// <reference types="react" />
-import { WidgetType } from "../../../interfaces";
-interface PartialFixedWidgetProps {
-    type: WidgetType;
-}
-export declare function PartialFixedWidget(props: PartialFixedWidgetProps): JSX.Element;
-export {};
+export declare function PartialFixedWidget(): JSX.Element;

package/dist/libs/shared/src/components/widgets/items/video-widget-item/VideoWidgetItem.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { Core } from "../../../../../../common/src/backbone";
 import { WidgetContext, Video } from "../../../../interfaces";
-import { ThumbnailSize } from "../../../../enums/ThumbnailSize";
+import { ImageSize } from "../../../../enums/Images";
 import { AnalyticsOptions, HashObject } from "../../../../../../analytics/src/interfaces";
 interface VideoWidgetItemProps {
     data: Video;
     appLink: Core.AppLink;
     seriesAppLink: Core.AppLink;
     context: WidgetContext;
-    thumbnailSize: ThumbnailSize;
+    thumbnailSize: ImageSize;
     onHover: (isHovering: boolean) => void;
     preloadImage?: boolean;
     analyticsData?: HashObject;

package/dist/libs/shared/src/components/widgets/sliding-list/SlidingListContainer.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { CssMeasurement } from "../../../enums/CssMeasurement";
-interface SlidingListContainerProps extends React.PropsWithChildren<{}> {
+interface SlidingListContainerProps extends React.PropsWithChildren<unknown> {
     position: number;
     positionType: CssMeasurement;
     onDrag?: (event: React.DragEvent<HTMLDivElement>) => void;

package/dist/libs/shared/src/components/widgets/widget-button/WidgetButton.d.ts

@@ -10,6 +10,7 @@ interface WidgetButtonProps {
     hide: boolean;
     contents?: WidgetContents;
     useGradientBackdrop?: boolean;
+    className?: string;
 }
 export declare const WidgetButton: React.NamedExoticComponent<WidgetButtonProps>;
 export {};

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

@@ -2,5 +2,6 @@ declare const BootstrapKeys: {
     LOCALE: string;
     PHRASES: string;
     VERSION: string;
+    TOKEN: string;
 };
 export { BootstrapKeys };

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

@@ -0,0 +1,5 @@
+export declare enum ObjectStatus {
+    Disabled = 0,
+    Active = 1,
+    Inactive = 2
+}

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

@@ -0,0 +1,4 @@
+export declare enum PlayerMediaType {
+    MasterInteractive = "MasterInteractive",
+    MasterVideo = "MasterVideo"
+}

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

@@ -1,4 +1,5 @@
 export declare enum UserGroup {
-    Learner = "learner",
-    Staff = "staff"
+    Unknown = 0,
+    Staff = 1,
+    Learner = 2
 }

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

@@ -5,5 +5,6 @@ export declare enum WidgetContents {
     Playlists = "playlists",
     UserChannels = "user channels",
     Interactives = "interactives",
-    Clips = "clips"
+    Clips = "clips",
+    Resources = "resources"
 }

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

@@ -1,4 +1,6 @@
 import { Flight } from "../../../common/src/react";
+import { Config } from '../interfaces';
 export declare const ConfigRequests: {
-    config: Flight.Request;
+    config(success?: (config: Config) => void, error?: () => void): Flight.Request;
+    version(success?: (version: any) => void, error?: () => void): Flight.Request;
 };

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

@@ -22,4 +22,5 @@ export declare const PlaylistRequests: {
     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;
+    copyPlaylist(id: string, success?: (data: any) => void, error?: (xhr: Xhr) => void, always?: () => void): Flight.Request;
 };

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

@@ -7,7 +7,7 @@ export declare const PreferenceRequests: {
      */
     currentPresentations(type?: PresentationType): Flight.Request;
     availablePresentations(type?: PresentationType): Flight.Request;
-    setPresentation(presentation: Presentation, type: PresentationType, success?: () => void): Flight.Request;
+    setPresentation(presentation: Presentation, type: PresentationType, success?: () => void, error?: () => void): Flight.Request;
     /**
      * Subjects
      */

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

@@ -1,7 +1,9 @@
 import { Flight } from "../../../common/src/react";
 import { CurrentUser } from "../interfaces";
+import { HashObject } from "../../../common/src/react/interfaces";
 export declare const UserRequests: {
     currentUser(success?: (user: CurrentUser) => void, error?: () => void): Flight.Request;
-    workspace: Flight.Request;
+    workspace(success?: (workspace: HashObject<any>) => void, error?: () => void): Flight.Request;
     sendVerificationEmail(emailAddress: string, success: () => void, error: () => void, always: () => void): Flight.Request;
+    token(success?: (token: HashObject<any>) => void, error?: () => void): Flight.Request;
 };

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

@@ -81,5 +81,7 @@ export declare enum localSvgs {
     Tag = "tag",
     Email = "email",
     YearLevel = "year-level",
-    Subjects = "subjects"
+    Subjects = "subjects",
+    Download = "download",
+    Print = "print"
 }

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

@@ -19,4 +19,6 @@ import VisibleOn from './visible-on.svg';
 import NoEdit from './no-edit.svg';
 import EditClickView from './edit-clickview.svg';
 import Share2 from './share2.svg';
-export { AddToPlaylist, Close, Delete, Edit, Expand, Minus, More, NewWindow, Plus, Preview, Search, Share, Upload, Down, Right, UpDown, VisibleOff, VisibleOn, NoEdit, EditClickView, Share2 };
+import Download from './download.svg';
+import Print from './print.svg';
+export { AddToPlaylist, Close, Delete, Edit, Expand, Minus, More, NewWindow, Plus, Preview, Search, Share, Upload, Down, Right, UpDown, VisibleOff, VisibleOn, NoEdit, EditClickView, Share2, Download, Print };

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

@@ -19,3 +19,4 @@ export * from './LinkCollection';
 export * from './ClipCollection';
 export * from './FolderCollection';
 export * from './CustomerCollection';
+export * from './SubtitleCollection';

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

@@ -5,7 +5,9 @@ export interface Config extends BaseObject {
     imageCdnUrl: string;
     countryCode: CountryCode;
     webPlayerUrl: string;
+    gatewayApiUrl: string;
     notificationServiceUrl?: string;
     collectionApiUrls?: RegionalUrl;
     collectionApiClientId?: string;
+    playerApiUrl?: string;
 }

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

@@ -1,7 +1,9 @@
 import { BaseObject } from "./..";
 import { GlanceFormat } from "../../enums/GlanceFormat";
+import { ThemeType } from "../../enums/ThemeType";
 export interface Glance extends BaseObject {
     theme: string;
     format: GlanceFormat;
     content: string;
+    type: ThemeType;
 }

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

@@ -1,3 +1,4 @@
 import { BaseObject } from "./..";
 export interface Link extends BaseObject {
+    url: string;
 }

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

@@ -0,0 +1,3 @@
+export interface PlayerViewKey {
+    viewKey: string;
+}

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

@@ -1,9 +1,17 @@
 import { BaseObject } from './primitives';
-interface ResourceMatadata {
-    type: string;
+import { Thumbnail } from './Thumbnail';
+import { FileType } from "../../utils/VideoDetailsHelper";
+import { Pdf } from './Pdf';
+export declare type ResourceType = 'teacher-pack' | 'student-activity' | 'additional-materials' | 'atom-guide';
+interface ResourceMetadata {
+    type: FileType;
+    resourceType?: ResourceType;
 }
 export interface Resource extends BaseObject {
     url: string;
-    metadata: ResourceMatadata;
+    metadata: ResourceMetadata;
+    fileId: string;
+    thumbnail: Thumbnail;
+    pdf?: Pdf;
 }
 export {};

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

@@ -1,3 +1,6 @@
 import { Image } from "./..";
 export interface Thumbnail extends Image {
+    metadata?: {
+        rotation?: number;
+    };
 }

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

@@ -2,7 +2,10 @@ import { BaseObject, Group, Avatar } from "./..";
 import { UserRole } from "../../enums/UserRole";
 import { CustomerType } from "../../enums/CustomerType";
 import { OnlineUserRole } from "../../enums/UserRole";
+import { UserGroup } from "../../enums/UserGroup";
+import { ObjectStatus } from "../../enums/ObjectStatus";
 import { CustomerCollection } from '../collections';
+export declare type YearGroup = 'Kindergarten' | 'Year 1' | 'Year 2' | 'Year 3' | 'Year 4' | 'Year 5' | 'Year 6' | 'Year 7' | 'Year 8' | 'Year 9' | 'Year 10' | 'Year 11' | 'Year 12' | 'Year 13' | 'Staff';
 /**
  * Master User
  */
@@ -13,10 +16,14 @@ export interface User extends BaseObject {
     bio: string;
     email: string;
     username: string;
-    status: string;
+    status: ObjectStatus;
     role: UserRole;
     customers: CustomerCollection;
+    yearGroup: YearGroup;
+    userType: UserGroup;
     avatar?: Avatar;
+    isPrimaryContact: boolean;
+    roleId: OnlineUserRole;
 }
 export interface CuratorUser extends User {
     userId: string;

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

@@ -47,3 +47,7 @@ export * from './UserChannel';
 export * from './Group';
 export * from './VideoHistory';
 export * from './EntitySetting';
+export * from './Subtitle';
+export * from './Language';
+export * from './FileUpload';
+export * from './PlayerViewKey';

package/dist/libs/shared/src/interfaces/requests/CreateViewKeyRequest.d.ts

@@ -0,0 +1,5 @@
+import { PlayerMediaType } from "../../enums/PlayerMediaType";
+export interface CreateViewKeyRequest {
+    mediaId: string;
+    mediaType: PlayerMediaType;
+}

package/dist/libs/shared/src/interfaces/requests/UpdateVideoRequest.d.ts

@@ -1,5 +1,9 @@
+import { UpdateObjectRating, UpdateObjectChannel, Thumbnail } from "./..";
 export interface UpdateVideoRequest {
-    id: string;
     name: string;
     description?: string;
+    rating: UpdateObjectRating;
+    dateBroadcast?: string;
+    channel?: UpdateObjectChannel;
+    thumbnail?: Thumbnail;
 }

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

@@ -1,2 +1,6 @@
+export * from './CreateViewKeyRequest';
 export * from './ReorderRequest';
+export * from './UpdateObjectChannel';
+export * from './UpdateObjectRating';
+export * from './UpdateResourceRequest';
 export * from './UpdateVideoRequest';

package/dist/libs/shared/src/interfaces/services/BaseUserDataService.d.ts

@@ -1,4 +1,6 @@
 import { CurrentUser } from "./..";
+import { HashObject } from "../../../../common/src/react/interfaces";
 export interface BaseUserDataService {
     getCurrentUser(success?: (user: CurrentUser) => void, error?: () => void): void;
+    getWorkspace(success?: (workspace: HashObject) => void, error?: () => void): void;
 }

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

@@ -4,3 +4,4 @@ export * from './BaseLibraryDataService';
 export * from './BaseSeriesDataService';
 export * from './BaseSettingsDataService';
 export * from './BaseUserDataService';
+export * from './BaseConfigDataService';

package/dist/libs/shared/src/services/ConfigDataService.d.ts

@@ -1,8 +1,8 @@
 import { FetchOptions } from "../../../common/src/react/utils/FetchHelper";
 import { BaseDataService } from "../../../common/src/backbone/services/BaseDataService";
 import { DataServiceError } from "../../../common/src/backbone/interfaces";
-import { Config } from "../interfaces";
-export declare class ConfigDataService extends BaseDataService {
+import { Config, BaseConfigDataService } from "../interfaces";
+export declare class ConfigDataService extends BaseDataService implements BaseConfigDataService {
     get name(): string;
     get channelName(): string;
     getConfig(callback?: (Config: Config) => void, errorCallback?: () => void): Config;

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

@@ -20,12 +20,13 @@ export interface CategoryMapperImageOptions {
 export declare const ImageHelper: {
     createUrl(baseUrl: string, options?: ImageOptions): string;
     createBannerUrl(banner: Banner, mappingOptions?: CategoryMapperImageOptions, imageOptions?: ImageOptions): string;
+    createResourceImage(baseUrl: string, resourceUrl: string, options?: ImageOptions): string;
     /**
-   * Ensures that strings are properly escaped before using them
-   * within a URL.
-   */
+     * Ensures that strings are properly escaped before using them
+     * within a URL.
+     */
     Rfc3986EncodeURIComponent(str: string): string;
     _createCategoryMappedUrl(mappingOptions: CategoryMapperImageOptions, options?: ImageOptions): string;
-    _createUrl(baseUrl: string, options?: ImageOptions): string;
+    _createUrl(baseUrl: string, queryParams?: HashObject<any>): string;
     legacyCreateThumbnailUrl(thumbnail: string | HashObject<any> | Core.Model, options?: ImageOptions): string;
 };

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

@@ -8,7 +8,6 @@ export interface SVGOptions {
 }
 export declare class StaticSvgHelper {
     private static instance;
-    private constructor();
     static get Instance(): StaticSvgHelper;
     getSvg(svgName: string, options?: SVGOptions): string;
     private getIcon;

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

@@ -1,3 +1,6 @@
+import { UserGroup } from "../enums/UserGroup";
+import { YearGroup } from "../interfaces";
 export declare const UserHelper: {
     getInitials(firstName: string, lastName: string): string;
+    getAvailableYearGroups(countryCode: string, userType: UserGroup): YearGroup[];
 };

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

@@ -1,3 +1,21 @@
+import { Library, Video } from "../interfaces";
+import { MasterObjectTypes } from "../enums/MasterObjectTypes";
+export declare enum FileType {
+    Pdf = "pdf",
+    Image = "image",
+    PowerPoint = "powerpoint",
+    Document = "document",
+    Excel = "excel",
+    Zip = "archive",
+    File = "text"
+}
 export declare const VideoDetailsHelper: {
     mapRatingToClass(ratingValue: number): string;
+    mapSourceToDisplayName(library: Library): string;
+    mapSourceToClass(sourceType: MasterObjectTypes): string;
+    isInteractive(video: Video): boolean;
+    mapTypeToSvg(type: string): any;
+    mapTypeToClass(type: string): any;
+    mapTypeToExtension(type: string): string;
+    mapTypeToName(type: string): string;
 };