@clickview/online 0.0.9-rc.0 → 0.0.10-dev.0

package/dist/libs/shared/src/apps/upload/services/UploadService.d.ts

@@ -0,0 +1,66 @@
+import { Core } from "../../../../../common/src/backbone";
+import { FileLifestyle } from "../enums/FileLifestyle";
+import { UploadApiWrapper } from './DropzoneWrapper';
+import { AnalyticsOptions } from "../../../../../analytics/src/interfaces";
+export interface UploadItem extends Core.Model {
+    file: File;
+    name: string;
+    progress: number;
+}
+export declare enum UploadType {
+    Video = 0,
+    LearningResource = 1,
+    Subtitle = 2
+}
+declare class UploadService extends Core.Service {
+    protected uploadType: UploadType;
+    protected fileLifestyle: FileLifestyle;
+    protected uploader: UploadApiWrapper;
+    private progressViewModel;
+    private uploadDataService;
+    private collection;
+    initialize(): void;
+    get channelName(): string;
+    get lang(): string;
+    /**
+     * Dropzone is initialized once after the first upload is requested and it's chunk size
+     * is set for the rest of the uploads. If we happen to have multiple ingest
+     * servers that have different chunk max / min sizes, this may voilate those
+     * sizes.
+     */
+    private initUploader;
+    private bindListeners;
+    private onProgress;
+    isUploading(): boolean;
+    getCollection(): Core.Collection<UploadItem>;
+    setOverallProgress(): void;
+    isValidFile(file: File): boolean;
+    /**
+     * Request uploads from fileApi and starts uploading.
+     * @param files Array of browser File objects
+     * @returns Returns false if any of the files did not match the accepted file list.
+     */
+    addFiles(files: File[], analyticsOptions?: AnalyticsOptions): void;
+    private requestUploads;
+    addFile(file: File, analyticsOptions: AnalyticsOptions): void;
+    cancelUpload(id: string): void;
+    protected onSuccess(file: File, response: any): void;
+    cancelAllUploads(): void;
+    protected getAcceptedFiles(): string;
+}
+export declare class BaseVideoUploadService extends UploadService {
+    protected get uploadType(): UploadType;
+    get name(): string;
+    get fileLifestyle(): FileLifestyle;
+}
+export declare class SubtitleUploadService extends UploadService {
+    protected get uploadType(): UploadType;
+    get name(): string;
+    get fileLifestyle(): FileLifestyle;
+}
+export declare class LearningResourceUploadService extends UploadService {
+    protected get uploadType(): UploadType;
+    get name(): string;
+    get fileLifestyle(): FileLifestyle;
+}
+export {};

package/dist/libs/shared/src/apps/upload/utils/FileExtensionsHelper.d.ts

@@ -0,0 +1,9 @@
+declare const FileExtensions: {
+    IMAGES: string;
+    RESOURCES: string;
+    SUBTITLES: string;
+};
+declare const FileExtensionHelper: {
+    getResourceType(extension: string): string;
+};
+export { FileExtensions, FileExtensionHelper };

package/dist/libs/shared/src/components/banner-header/BannerHeader.d.ts

@@ -11,6 +11,7 @@ interface BannerHeaderProps {
     backButtonText?: string;
     backButtonClasses?: string;
     sortComponent?: JSX.Element;
+    blockColourClass?: string;
 }
 export declare const BannerHeader: React.NamedExoticComponent<BannerHeaderProps>;
 export declare const PartialBannerHeader: () => JSX.Element;

package/dist/libs/shared/src/components/channel-form-field/ChannelFormField.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { HashObject } from "../../../../common/src/react/interfaces";
+import { Channel } from "../../interfaces";
+declare type ObjectWithChannel<T extends HashObject> = T & {
+    channel: Channel;
+};
+export declare function ChannelFormField<T extends ObjectWithChannel<HashObject>>(): JSX.Element;
+export {};

package/dist/libs/shared/src/components/confirmation-popup/ConfirmationPopup.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { ButtonProps } from 'react-bootstrap';
+import { PopupViewProps } from "../../interfaces";
+interface ConfirmationPopupProps {
+    title: string;
+    onClickConfirm: () => void;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+    confirmButtonVariant?: ButtonProps['variant'];
+    cancelButtonVariant?: ButtonProps['variant'];
+}
+declare type PropTypes = React.PropsWithChildren<ConfirmationPopupProps & PopupViewProps>;
+export declare function ConfirmationPopup(props: PropTypes): React.ReactElement;
+export declare namespace ConfirmationPopup {
+    var defaultProps: {
+        confirmButtonVariant: string;
+        cancelButtonVariant: string;
+    };
+}
+export {};

package/dist/libs/shared/src/components/edit-link/EditLink.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { ButtonProps } from 'react-bootstrap';
+import { Link } from "../../interfaces";
+interface EditLinkFormProps {
+    isNew: boolean;
+    onClickCancel?: () => void;
+    buttonContainerClassName?: string;
+    submitButtonText?: string;
+    submitButtonVariant?: ButtonProps['variant'];
+}
+export declare function EditLinkForm(props: EditLinkFormProps): JSX.Element;
+export declare namespace EditLinkForm {
+    var defaultProps: {
+        submitButtonVariant: string;
+    };
+}
+interface EditLinkProps {
+    saveLink: (link: Link, onDone: () => void) => void;
+    onClickCancel?: () => void;
+    link?: Link;
+    buttonContainerClassName?: string;
+    submitButtonText?: string;
+    submitButtonVariant?: ButtonProps['variant'];
+}
+export declare function EditLink(props: EditLinkProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/edit-resource/EditResource.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Resource, UpdateResourceRequest } from "../../interfaces";
+interface EditResourceFormProps {
+    onClickCancel: () => void;
+    buttonContainerClassName?: string;
+}
+export declare function EditResourceForm(props: EditResourceFormProps): JSX.Element;
+interface EditResourceProps {
+    saveResource: (data: UpdateResourceRequest, onDone: () => void) => void;
+    resource: Resource;
+    onClickCancel: () => void;
+    buttonContainerClassName?: string;
+}
+export declare function EditResource(props: EditResourceProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/edit-video-links/EditVideoLinks.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Link } from "../../interfaces";
+interface EditVideoLinksProps {
+    links: Link[];
+    addLink: (link: Link, onDone: () => void) => void;
+    editLink: (id: string) => void;
+    deleteLink: (id: string) => void;
+    limit: number;
+}
+export declare function EditVideoLinks(props: EditVideoLinksProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/edit-video-resources/EditVideoResources.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { Core } from "../../../../common/src/backbone";
+import { AnalyticsOptions } from "../../../../analytics/src/interfaces";
+import { Resource, Video } from "../../interfaces";
+import { InteractionType } from "../../enums/UploadInteractionType";
+import { UploadItem } from "../../apps/upload/services/UploadService";
+interface EditVideoResourcesProps {
+    video: Video;
+    resources: Resource[];
+    addResourceFiles: (files: File[], type?: InteractionType) => void;
+    resourceLimit: number;
+    uploadingFiles: UploadItem[];
+    cancelUpload: (id: string) => void;
+    getEditAppLink: (resourceId: string) => Core.AppLink;
+    onClickDelete: (resourceId: string) => void;
+    currentUserCustomerId: string;
+    analyticsOptions?: AnalyticsOptions;
+}
+export declare function EditVideoResources(props: EditVideoResourcesProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/edit-video-subtitles/EditVideoSubtitles.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Subtitle, Video } from "../../interfaces";
+import { InteractionType } from "../../enums/UploadInteractionType";
+import { UploadItem } from "../../apps/upload/services/UploadService";
+interface EditVideoSubtitlesProps {
+    video: Video;
+    subtitles: Subtitle[];
+    addSubtitleFiles: (files: File[], type?: InteractionType) => void;
+    subtitleLimit: number;
+    uploadingFiles: UploadItem[];
+    cancelUpload: (id: string) => void;
+    onClickDelete: (subtitleId: string) => void;
+    currentUserCustomerId: string;
+}
+export declare function EditVideoSubtitles(props: EditVideoSubtitlesProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/file-select/FileSelect.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { InteractionType } from "../../enums/UploadInteractionType";
+interface FileSelectProps {
+    onFilesAdded: (files: File[], type?: InteractionType) => void;
+    title: string;
+    description: string;
+    alternateText: string;
+    mimeType: string;
+    acceptMultiple?: boolean;
+    limitText: string;
+    isClickViewContent?: boolean;
+}
+export declare function FileSelect(props: FileSelectProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/file-select-button/FileSelectButton.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+interface FileSelectButtonProps {
+    onFileSelect: (files: FileList) => void;
+    className?: string;
+    svgName?: string;
+    acceptMultiple?: boolean;
+    mimeType?: string;
+}
+export declare function FileSelectButton(props: React.PropsWithChildren<FileSelectButtonProps>): JSX.Element;
+export declare namespace FileSelectButton {
+    var defaultProps: {
+        className: string;
+    };
+}
+export {};

package/dist/libs/shared/src/components/file-upload-list/FileUploadList.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { UploadItem } from "../../apps/upload/services/UploadService";
+interface FileUploadListProps {
+    uploads: UploadItem[];
+    cancelUpload: (id: string) => void;
+}
+export declare function FileUploadList(props: FileUploadListProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/forms/date-picker-form-field/DatePickerFormField.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { DateFormat } from "../../../enums/DateFormat";
+import { HashObject } from "../../../../../common/src/react/interfaces";
+interface DatePickerFormFieldProps<T> {
+    attribute: keyof T & string;
+    label?: string;
+    placeholder?: string;
+    maxDate?: Date;
+    format?: DateFormat;
+}
+export declare function DatePickerFormField<T extends HashObject>(props: DatePickerFormFieldProps<T>): JSX.Element;
+export declare namespace DatePickerFormField {
+    var defaultProps: {
+        format: DateFormat;
+    };
+}
+export {};

package/dist/libs/shared/src/components/forms/form-buttons/FormButtons.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import { ButtonProps } from 'react-bootstrap';
+import { HashObject } from "../../../../../common/src/react/interfaces";
 interface FormButtonsProps {
     isNew: boolean;
     hasNext?: boolean;
     submitText?: string;
     variant?: ButtonProps['variant'];
 }
-export declare function FormButtons<Values extends object>(props: FormButtonsProps): JSX.Element;
+export declare function FormButtons<Values extends HashObject>(props: FormButtonsProps): JSX.Element;
 export {};

package/dist/libs/shared/src/components/forms/form-checkbox/FormCheckbox.d.ts

@@ -4,4 +4,4 @@ import { FormFieldProps } from '../form-field/FormField';
 /**
  * Use this checkbox within Formik contexts
  */
-export declare function FormCheckbox<Values extends object>(props: FieldAttributes<FormFieldProps<Values>>): JSX.Element;
+export declare function FormCheckbox(props: FieldAttributes<FormFieldProps>): JSX.Element;

package/dist/libs/shared/src/components/forms/form-field/CharacterCounter.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-interface CharacterCounterProps<Values extends object> {
+import { HashObject } from "../../../../../common/src/react/interfaces";
+interface CharacterCounterProps<Values extends HashObject> {
     fieldName: keyof Values;
     limit: number;
 }
-export declare function CharacterCounter<Values extends object>(props: CharacterCounterProps<Values>): JSX.Element;
+export declare function CharacterCounter<Values extends HashObject>(props: CharacterCounterProps<Values>): JSX.Element;
 export {};

package/dist/libs/shared/src/components/forms/form-field/FormField.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { FieldAttributes, FieldProps } from 'formik';
-export interface FormFieldProps<Values extends object> {
+import { HashObject } from "../../../../../common/src/react/interfaces";
+export interface FormFieldProps {
     /**
      * The name prop MUST be the same as the attribute
      * name of the value that the field is bound to.
@@ -10,7 +11,7 @@ export interface FormFieldProps<Values extends object> {
     children?: ((props: FieldProps) => React.ReactNode) | React.ReactNode;
     showCharacterCounter?: boolean;
 }
-export declare function FieldWrapper<Values extends object>(props: FieldAttributes<FormFieldProps<Values>> & {
+export declare function FieldWrapper(props: FieldAttributes<FormFieldProps> & {
     className: string;
 }): React.ReactElement;
-export declare function FormField<Values extends object>(props: FieldAttributes<FormFieldProps<Values>>): React.ReactElement;
+export declare function FormField<Values extends HashObject>(props: FieldAttributes<FormFieldProps>): React.ReactElement;

package/dist/libs/shared/src/components/forms/form-wrapper/FormWrapper.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { FormikValues, FormikConfig, FormikContextType } from 'formik';
+import { HashObject } from "../../../../../common/src/react/interfaces";
 declare type ModifiedFormikConfig<Values extends FormikValues> = Omit<FormikConfig<Values>, 'initialValues' | 'onSubmit'>;
 interface FormWrapperProps<FormValues extends FormikValues, ApiValues extends FormikValues> {
     initialValues: FormValues | ApiValues;
@@ -9,7 +10,7 @@ interface FormWrapperProps<FormValues extends FormikValues, ApiValues extends Fo
     allowInitialSubmit?: boolean;
     resetOnSubmit?: boolean;
 }
-export declare function FormWrapper<FormValues extends FormikValues = FormikValues, ApiValues extends FormikValues = FormikValues, ExtraProps = {}>(props: ModifiedFormikConfig<FormValues> & ExtraProps & FormWrapperProps<FormValues, ApiValues>): JSX.Element;
+export declare function FormWrapper<FormValues extends FormikValues = FormikValues, ApiValues extends FormikValues = FormikValues, ExtraProps = HashObject>(props: ModifiedFormikConfig<FormValues> & ExtraProps & FormWrapperProps<FormValues, ApiValues>): JSX.Element;
 export declare namespace FormWrapper {
     var defaultProps: {
         castInitialValues: boolean;

package/dist/libs/shared/src/components/image-cropper/ImageCropper.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface ImageCropperProps {
+    dataUrl: string;
+    minHeight: number;
+    minWidth: number;
+    onCrop: (dataUrl: string) => void;
+    onCancel: () => void;
+}
+export declare function ImageCropper(props: ImageCropperProps): React.ReactElement;
+export {};

package/dist/libs/shared/src/components/image-select/ImageSelect.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { ImageType } from "../../enums/Images";
+import { Image } from "../../interfaces";
+import { HashObject } from "../../../../common/src/react/interfaces";
+interface ImageSelectProps<Values extends HashObject> {
+    imageType: ImageType;
+    fieldName: keyof Values & string;
+    application: string;
+    uploadAction: string;
+    label?: string;
+    setSelectedImage?: (image: Image) => void;
+}
+export declare function ImageSelect<Values extends HashObject>(props: ImageSelectProps<Values>): React.ReactElement;
+export {};

package/dist/libs/shared/src/components/language-select/LanguageSelect.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Language, PopupViewProps } from "../../interfaces";
+interface LanguageSelectProps extends PopupViewProps {
+    onSelectLanguage: (language: Language) => void;
+    defaultLanguage: Language;
+}
+export declare function LanguageSelect(props: LanguageSelectProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/lazy-image/LazyImage.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 interface LazyImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
     forceLoad?: boolean;
+    extraClasses?: string;
 }
 export declare const LazyImage: React.NamedExoticComponent<LazyImageProps>;
 export {};

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/rating-select/RatingSelect.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { HashObject } from "../../../../common/src/react/interfaces";
+import { Rating, UpdateObjectRating } from "../../interfaces";
+declare type ObjectWithRating<T extends HashObject> = T & {
+    rating: UpdateObjectRating;
+};
+interface RatingSelectProps {
+    ratings: Rating[];
+    disabled?: boolean;
+}
+export declare function RatingSelect<T extends ObjectWithRating<HashObject>>(props: RatingSelectProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/resource-list/ResourceList.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Core } from "../../../../common/src/backbone";
+import { AnalyticsOptions } from "../../../../analytics/src/interfaces";
+import { Resource } from "../../interfaces";
+interface ResourceListProps {
+    resources: Resource[];
+    videoId: string;
+    editable: boolean;
+    getEditAppLink: (resourceId: string) => Core.AppLink;
+    onClickDelete: (resourceId: string) => void;
+    analyticsOptions?: AnalyticsOptions;
+}
+export declare function ResourceList(props: ResourceListProps): JSX.Element;
+export {};

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/subtitle-list/SubtitleList.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Subtitle } from "../../interfaces";
+interface SubtitleListProps {
+    subtitles: Subtitle[];
+    onClickDelete: (subtitleId: string) => void;
+    isClickViewContent?: boolean;
+}
+export declare function SubtitleList(props: SubtitleListProps): 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;