@coorpacademy/components 10.24.6-alpha.0 → 10.25.1-alpha.0

package/lib/template/app-player/player/test/index.stories.d.ts

@@ -1,1630 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-    component: {
-        (props: any): JSX.Element;
-        propTypes: {
-            player: import("prop-types").Requireable<import("prop-types").InferProps<{
-                cta: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    submitValue: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
-                    href: import("prop-types").Requireable<string>;
-                    onClick: import("prop-types").Requireable<(...args: any[]) => any>;
-                    target: import("prop-types").Requireable<string>;
-                    name: import("prop-types").Requireable<string>;
-                    disabled: import("prop-types").Requireable<boolean>;
-                    light: import("prop-types").Requireable<boolean>;
-                    secondary: import("prop-types").Requireable<boolean>;
-                    small: import("prop-types").Requireable<boolean>;
-                    className: import("prop-types").Requireable<string>;
-                    logout: import("prop-types").Requireable<boolean>;
-                    rectangular: import("prop-types").Requireable<boolean>;
-                    fullWidth: import("prop-types").Requireable<boolean>;
-                    certificationButton: import("prop-types").Requireable<boolean>;
-                }>>;
-                step: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    current: import("prop-types").Validator<number>;
-                    total: import("prop-types").Requireable<number>;
-                }>>;
-                buttons: import("prop-types").Requireable<(import("prop-types").InferProps<{
-                    disabled: import("prop-types").Requireable<boolean>;
-                    notify: import("prop-types").Requireable<boolean>;
-                    selected: import("prop-types").Requireable<boolean>;
-                    highlighted: import("prop-types").Requireable<boolean>;
-                    title: import("prop-types").Requireable<string>;
-                    type: import("prop-types").Validator<string>;
-                    onMouseEnter: import("prop-types").Requireable<(...args: any[]) => any>;
-                    onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
-                    onClick: import("prop-types").Requireable<(...args: any[]) => any>;
-                }> | null | undefined)[]>;
-                header: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    type: import("prop-types").Requireable<string>;
-                    content: import("prop-types").Requireable<import("prop-types").InferProps<{
-                        href: import("prop-types").Requireable<string>;
-                        title: import("prop-types").Validator<string>;
-                        details: import("prop-types").Requireable<string>;
-                    }>>;
-                    subcontent: import("prop-types").Requireable<import("prop-types").InferProps<{
-                        title: import("prop-types").Requireable<string>;
-                        details: import("prop-types").Requireable<string>;
-                    }>>;
-                    lives: import("prop-types").Requireable<import("prop-types").InferProps<{
-                        count: import("prop-types").Requireable<number>;
-                    }>>;
-                    mode: import("prop-types").Requireable<string>;
-                }>>;
-                showNewMedia: import("prop-types").Requireable<boolean>;
-                showReviewLesson: import("prop-types").Requireable<boolean>;
-                backgroundUrl: import("prop-types").Requireable<any>;
-                popinError: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    content: import("prop-types").Requireable<string>;
-                    mode: import("prop-types").Requireable<string>;
-                    header: import("prop-types").Requireable<string>;
-                    firstButton: import("prop-types").Requireable<import("prop-types").InferProps<{
-                        label: import("prop-types").Requireable<string>;
-                        handleOnclick: import("prop-types").Requireable<(...args: any[]) => any>;
-                        'aria-label': import("prop-types").Requireable<string>;
-                        largeButton: import("prop-types").Requireable<boolean>;
-                        type: import("prop-types").Requireable<string>;
-                        customStyle: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
-                    }>>;
-                    secondButton: import("prop-types").Requireable<import("prop-types").InferProps<{
-                        label: import("prop-types").Requireable<string>;
-                        handleOnclick: import("prop-types").Requireable<(...args: any[]) => any>;
-                        type: import("prop-types").Requireable<string>;
-                        'aria-label': import("prop-types").Requireable<string>;
-                        largeButton: import("prop-types").Requireable<boolean>;
-                        customStyle: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
-                    }>>;
-                    thirdButton: import("prop-types").Requireable<import("prop-types").InferProps<{
-                        label: import("prop-types").Requireable<string>;
-                        handleOnclick: import("prop-types").Requireable<(...args: any[]) => any>;
-                        type: import("prop-types").Requireable<string>;
-                        'aria-label': import("prop-types").Requireable<string>;
-                        largeButton: import("prop-types").Requireable<boolean>;
-                        customStyle: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
-                    }>>;
-                    onClose: import("prop-types").Requireable<(...args: any[]) => any>;
-                    icon: import("prop-types").Requireable<string>;
-                    backgroundImageUrl: import("prop-types").Requireable<string>;
-                    descriptionText: import("prop-types").Requireable<string>;
-                    cookieTitle: import("prop-types").Requireable<string>;
-                    descriptionBtnTxt: import("prop-types").Requireable<string>;
-                    listBtnSwicth: import("prop-types").Requireable<(import("prop-types").InferProps<{
-                        title: import("prop-types").Requireable<string>;
-                        name: import("prop-types").Requireable<string>;
-                        id: import("prop-types").Requireable<string>;
-                        value: import("prop-types").Requireable<boolean>;
-                        disabled: import("prop-types").Requireable<boolean>;
-                        onChange: import("prop-types").Requireable<(...args: any[]) => any>;
-                        description: import("prop-types").Requireable<string>;
-                        modified: import("prop-types").Requireable<boolean>;
-                        titlePosition: import("prop-types").Requireable<string>;
-                        theme: import("prop-types").Requireable<string>;
-                        details: import("prop-types").Requireable<string>;
-                        'data-name': import("prop-types").Requireable<string>;
-                        requiredSelection: import("prop-types").Requireable<boolean>;
-                    }> | null | undefined)[]>;
-                }>>;
-            }>>;
-            popin: import("prop-types").Requireable<import("prop-types").InferProps<{
-                content: import("prop-types").Requireable<string>;
-                mode: import("prop-types").Requireable<string>;
-                header: import("prop-types").Requireable<string>;
-                firstButton: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    label: import("prop-types").Requireable<string>;
-                    handleOnclick: import("prop-types").Requireable<(...args: any[]) => any>;
-                    'aria-label': import("prop-types").Requireable<string>;
-                    largeButton: import("prop-types").Requireable<boolean>;
-                    type: import("prop-types").Requireable<string>;
-                    customStyle: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
-                }>>;
-                secondButton: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    label: import("prop-types").Requireable<string>;
-                    handleOnclick: import("prop-types").Requireable<(...args: any[]) => any>;
-                    type: import("prop-types").Requireable<string>;
-                    'aria-label': import("prop-types").Requireable<string>;
-                    largeButton: import("prop-types").Requireable<boolean>;
-                    customStyle: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
-                }>>;
-                thirdButton: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    label: import("prop-types").Requireable<string>;
-                    handleOnclick: import("prop-types").Requireable<(...args: any[]) => any>;
-                    type: import("prop-types").Requireable<string>;
-                    'aria-label': import("prop-types").Requireable<string>;
-                    largeButton: import("prop-types").Requireable<boolean>;
-                    customStyle: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
-                }>>;
-                onClose: import("prop-types").Requireable<(...args: any[]) => any>;
-                icon: import("prop-types").Requireable<string>;
-                backgroundImageUrl: import("prop-types").Requireable<string>;
-                descriptionText: import("prop-types").Requireable<string>;
-                cookieTitle: import("prop-types").Requireable<string>;
-                descriptionBtnTxt: import("prop-types").Requireable<string>;
-                listBtnSwicth: import("prop-types").Requireable<(import("prop-types").InferProps<{
-                    title: import("prop-types").Requireable<string>;
-                    name: import("prop-types").Requireable<string>;
-                    id: import("prop-types").Requireable<string>;
-                    value: import("prop-types").Requireable<boolean>;
-                    disabled: import("prop-types").Requireable<boolean>;
-                    onChange: import("prop-types").Requireable<(...args: any[]) => any>;
-                    description: import("prop-types").Requireable<string>;
-                    modified: import("prop-types").Requireable<boolean>;
-                    titlePosition: import("prop-types").Requireable<string>;
-                    theme: import("prop-types").Requireable<string>;
-                    details: import("prop-types").Requireable<string>;
-                    'data-name': import("prop-types").Requireable<string>;
-                    requiredSelection: import("prop-types").Requireable<boolean>;
-                }> | null | undefined)[]>;
-            }>>;
-        };
-    };
-};
-export default _default;
-export declare const ArabicQcm: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            typeClue: string;
-            answerType: {
-                model: {
-                    type: string;
-                    answers: {
-                        title: string;
-                        onClick: () => void;
-                        selected: boolean;
-                    }[];
-                };
-                media: {
-                    type: string;
-                    url: string;
-                };
-            };
-            showNewMedia: boolean;
-            buttons: ({
-                title: string;
-                type: string;
-                notify: boolean;
-                onClick: () => void;
-            } | {
-                title: string;
-                type: string;
-                notify?: undefined;
-                onClick?: undefined;
-            })[];
-            step: {
-                current: number;
-                total: number;
-            };
-            question: string;
-            help: string;
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            backgroundUrl: string;
-            header: {
-                type: string;
-                content: {
-                    onClick: () => void;
-                    title: string;
-                    details: string;
-                };
-                subcontent: {
-                    title: string;
-                    details: string;
-                };
-                lives: {
-                    count: number;
-                };
-            };
-        };
-    };
-};
-export declare const Background: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            backgroundUrl: string;
-            typeClue: string;
-            answerType: {
-                model: never[];
-            };
-            showNewMedia: boolean;
-            starsDiff: number;
-            step: {
-                current: number;
-                total: number;
-            };
-            question: string;
-            slideContext: {
-                title: string;
-                description: string;
-                media: {
-                    src: {}[];
-                };
-            };
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            header: {
-                type: string;
-                content: {
-                    onClick: () => void;
-                    title: string;
-                    details: string;
-                };
-                subcontent: {
-                    title: string;
-                    details: string;
-                };
-                lives: {
-                    count: number;
-                };
-            };
-            buttons: ({
-                title: string;
-                type: string;
-                hasClue?: undefined;
-            } | {
-                title: string;
-                type: string;
-                hasClue: boolean;
-            })[];
-            resources: ({
-                type: string;
-                mimeType: string;
-                videoId: string;
-                description: string;
-                poster: string;
-                _id: string;
-                subtitles: never[];
-                posters: never[];
-                src: never[];
-                selected: boolean;
-                onClick: () => void;
-                onPlay: () => void;
-                onPause: () => void;
-                onResume: () => void;
-                onEnded: () => void;
-                height: string;
-            } | {
-                type: string;
-                poster: string;
-                description: string;
-                mimeType: string;
-                videoId: string;
-                _id: string;
-                subtitles: never[];
-                posters: never[];
-                src: never[];
-                selected: boolean;
-                onClick: () => void;
-                onPlay?: undefined;
-                onPause?: undefined;
-                onResume?: undefined;
-                onEnded?: undefined;
-                height?: undefined;
-            })[];
-        };
-    };
-};
-export declare const Clue: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            typeClue: string;
-            step: {
-                current: number;
-                total: number;
-            };
-            question: string;
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            header: {
-                type: string;
-                content: {
-                    onClick: () => void;
-                    title: string;
-                    details: string;
-                };
-                subcontent: {
-                    title: string;
-                    details: string;
-                };
-                lives: {
-                    count: number;
-                };
-            };
-            buttons: ({
-                title: string;
-                type: string;
-                hasClue?: undefined;
-                selected?: undefined;
-            } | {
-                title: string;
-                type: string;
-                hasClue: boolean;
-                selected: boolean;
-            })[];
-            text: string;
-            starsDiff: number;
-        };
-    };
-};
-export declare const ContextWithAudio: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            slideContext: {
-                media: {
-                    type: string;
-                    description: string;
-                    mimeType: string;
-                    poster: string;
-                    mediaUrl: string;
-                };
-                title: string;
-                description: string;
-            };
-            typeClue: string;
-            answerType: {
-                model: never[];
-            };
-            showNewMedia: boolean;
-            starsDiff: number;
-            step: {
-                current: number;
-                total: number;
-            };
-            question: string;
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            header: {
-                type: string;
-                content: {
-                    onClick: () => void;
-                    title: string;
-                    details: string;
-                };
-                subcontent: {
-                    title: string;
-                    details: string;
-                };
-                lives: {
-                    count: number;
-                };
-            };
-            buttons: ({
-                title: string;
-                type: string;
-                hasClue?: undefined;
-            } | {
-                title: string;
-                type: string;
-                hasClue: boolean;
-            })[];
-            resources: ({
-                type: string;
-                mimeType: string;
-                videoId: string;
-                description: string;
-                poster: string;
-                _id: string;
-                subtitles: never[];
-                posters: never[];
-                src: never[];
-                selected: boolean;
-                onClick: () => void;
-                onPlay: () => void;
-                onPause: () => void;
-                onResume: () => void;
-                onEnded: () => void;
-                height: string;
-            } | {
-                type: string;
-                poster: string;
-                description: string;
-                mimeType: string;
-                videoId: string;
-                _id: string;
-                subtitles: never[];
-                posters: never[];
-                src: never[];
-                selected: boolean;
-                onClick: () => void;
-                onPlay?: undefined;
-                onPause?: undefined;
-                onResume?: undefined;
-                onEnded?: undefined;
-                height?: undefined;
-            })[];
-        };
-    };
-};
-export declare const ContextWithImage: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            slideContext: {
-                media: {
-                    type: string;
-                    src: {
-                        _id: string;
-                        mimeType: string;
-                        url: string;
-                    }[];
-                };
-                title: string;
-                description: string;
-            };
-            typeClue: string;
-            answerType: {
-                model: never[];
-            };
-            showNewMedia: boolean;
-            starsDiff: number;
-            step: {
-                current: number;
-                total: number;
-            };
-            question: string;
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            header: {
-                type: string;
-                content: {
-                    onClick: () => void;
-                    title: string;
-                    details: string;
-                };
-                subcontent: {
-                    title: string;
-                    details: string;
-                };
-                lives: {
-                    count: number;
-                };
-            };
-            buttons: ({
-                title: string;
-                type: string;
-                hasClue?: undefined;
-            } | {
-                title: string;
-                type: string;
-                hasClue: boolean;
-            })[];
-            resources: ({
-                type: string;
-                mimeType: string;
-                videoId: string;
-                description: string;
-                poster: string;
-                _id: string;
-                subtitles: never[];
-                posters: never[];
-                src: never[];
-                selected: boolean;
-                onClick: () => void;
-                onPlay: () => void;
-                onPause: () => void;
-                onResume: () => void;
-                onEnded: () => void;
-                height: string;
-            } | {
-                type: string;
-                poster: string;
-                description: string;
-                mimeType: string;
-                videoId: string;
-                _id: string;
-                subtitles: never[];
-                posters: never[];
-                src: never[];
-                selected: boolean;
-                onClick: () => void;
-                onPlay?: undefined;
-                onPause?: undefined;
-                onResume?: undefined;
-                onEnded?: undefined;
-                height?: undefined;
-            })[];
-        };
-    };
-};
-export declare const ContextWithPdf: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            slideContext: {
-                media: {
-                    type: string;
-                    description: string;
-                    mimeType: string;
-                    poster: string;
-                    mediaUrl: string;
-                };
-                title: string;
-                description: string;
-            };
-            typeClue: string;
-            answerType: {
-                model: never[];
-            };
-            showNewMedia: boolean;
-            starsDiff: number;
-            step: {
-                current: number;
-                total: number;
-            };
-            question: string;
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            header: {
-                type: string;
-                content: {
-                    onClick: () => void;
-                    title: string;
-                    details: string;
-                };
-                subcontent: {
-                    title: string;
-                    details: string;
-                };
-                lives: {
-                    count: number;
-                };
-            };
-            buttons: ({
-                title: string;
-                type: string;
-                hasClue?: undefined;
-            } | {
-                title: string;
-                type: string;
-                hasClue: boolean;
-            })[];
-            resources: ({
-                type: string;
-                mimeType: string;
-                videoId: string;
-                description: string;
-                poster: string;
-                _id: string;
-                subtitles: never[];
-                posters: never[];
-                src: never[];
-                selected: boolean;
-                onClick: () => void;
-                onPlay: () => void;
-                onPause: () => void;
-                onResume: () => void;
-                onEnded: () => void;
-                height: string;
-            } | {
-                type: string;
-                poster: string;
-                description: string;
-                mimeType: string;
-                videoId: string;
-                _id: string;
-                subtitles: never[];
-                posters: never[];
-                src: never[];
-                selected: boolean;
-                onClick: () => void;
-                onPlay?: undefined;
-                onPause?: undefined;
-                onResume?: undefined;
-                onEnded?: undefined;
-                height?: undefined;
-            })[];
-        };
-    };
-};
-export declare const ContextWithVideo: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            slideContext: {
-                media: {
-                    type: string;
-                    src: {
-                        videoId: string;
-                        mimeType: string;
-                        url: string;
-                        width: string;
-                        height: string;
-                    }[];
-                };
-                title: string;
-                description: string;
-            };
-            typeClue: string;
-            answerType: {
-                model: never[];
-            };
-            showNewMedia: boolean;
-            starsDiff: number;
-            step: {
-                current: number;
-                total: number;
-            };
-            question: string;
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            header: {
-                type: string;
-                content: {
-                    onClick: () => void;
-                    title: string;
-                    details: string;
-                };
-                subcontent: {
-                    title: string;
-                    details: string;
-                };
-                lives: {
-                    count: number;
-                };
-            };
-            buttons: ({
-                title: string;
-                type: string;
-                hasClue?: undefined;
-            } | {
-                title: string;
-                type: string;
-                hasClue: boolean;
-            })[];
-            resources: ({
-                type: string;
-                mimeType: string;
-                videoId: string;
-                description: string;
-                poster: string;
-                _id: string;
-                subtitles: never[];
-                posters: never[];
-                src: never[];
-                selected: boolean;
-                onClick: () => void;
-                onPlay: () => void;
-                onPause: () => void;
-                onResume: () => void;
-                onEnded: () => void;
-                height: string;
-            } | {
-                type: string;
-                poster: string;
-                description: string;
-                mimeType: string;
-                videoId: string;
-                _id: string;
-                subtitles: never[];
-                posters: never[];
-                src: never[];
-                selected: boolean;
-                onClick: () => void;
-                onPlay?: undefined;
-                onPause?: undefined;
-                onResume?: undefined;
-                onEnded?: undefined;
-                height?: undefined;
-            })[];
-        };
-    };
-};
-export declare const Context: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            typeClue: string;
-            answerType: {
-                model: never[];
-            };
-            showNewMedia: boolean;
-            starsDiff: number;
-            step: {
-                current: number;
-                total: number;
-            };
-            question: string;
-            slideContext: {
-                title: string;
-                description: string;
-                media: {
-                    src: {}[];
-                };
-            };
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            header: {
-                type: string;
-                content: {
-                    onClick: () => void;
-                    title: string;
-                    details: string;
-                };
-                subcontent: {
-                    title: string;
-                    details: string;
-                };
-                lives: {
-                    count: number;
-                };
-            };
-            buttons: ({
-                title: string;
-                type: string;
-                hasClue?: undefined;
-            } | {
-                title: string;
-                type: string;
-                hasClue: boolean;
-            })[];
-            resources: ({
-                type: string;
-                mimeType: string;
-                videoId: string;
-                description: string;
-                poster: string;
-                _id: string;
-                subtitles: never[];
-                posters: never[];
-                src: never[];
-                selected: boolean;
-                onClick: () => void;
-                onPlay: () => void;
-                onPause: () => void;
-                onResume: () => void;
-                onEnded: () => void;
-                height: string;
-            } | {
-                type: string;
-                poster: string;
-                description: string;
-                mimeType: string;
-                videoId: string;
-                _id: string;
-                subtitles: never[];
-                posters: never[];
-                src: never[];
-                selected: boolean;
-                onClick: () => void;
-                onPlay?: undefined;
-                onPause?: undefined;
-                onResume?: undefined;
-                onEnded?: undefined;
-                height?: undefined;
-            })[];
-        };
-    };
-};
-export declare const DropDown: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            typeClue: string;
-            answerType: import("../../../../molecule/answer/prop-types").Props;
-            step: {
-                current: number;
-                total: number;
-            };
-            showNewMedia: boolean;
-            question: string;
-            help: string;
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            backgroundUrl: string;
-            header: {
-                type: string;
-                content: {
-                    onClick: () => void;
-                    title: string;
-                    details: string;
-                };
-                subcontent: {
-                    title: string;
-                    details: string;
-                };
-                lives: {
-                    count: number;
-                };
-            };
-            buttons: ({
-                title: string;
-                type: string;
-                hasClue?: undefined;
-            } | {
-                title: string;
-                type: string;
-                hasClue: boolean;
-            })[];
-        };
-    };
-};
-export declare const Empty: {
-    (args: any): JSX.Element;
-    args: {
-        player: {};
-    };
-};
-export declare const Error: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            error: boolean;
-            errorMsg: string;
-        };
-    };
-};
-export declare const FreeText: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            typeClue: string;
-            answerType: {
-                model: {
-                    type: string;
-                    placeholder: string;
-                };
-                media: {
-                    type: string;
-                    url: string;
-                };
-            };
-            step: {
-                current: number;
-                total: number;
-            };
-            showNewMedia: boolean;
-            question: string;
-            help: string;
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            backgroundUrl: string;
-            header: {
-                type: string;
-                content: {
-                    onClick: () => void;
-                    title: string;
-                    details: string;
-                };
-                subcontent: {
-                    title: string;
-                    details: string;
-                };
-                lives: {
-                    count: number;
-                };
-            };
-            buttons: ({
-                title: string;
-                type: string;
-                hasClue?: undefined;
-            } | {
-                title: string;
-                type: string;
-                hasClue: boolean;
-            })[];
-        };
-    };
-};
-export declare const MediaImage: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            typeClue: string;
-            step: {
-                current: number;
-                total: number;
-            };
-            showNewMedia: boolean;
-            question: string;
-            help: string;
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            backgroundUrl: string;
-            answerType: {
-                model: {
-                    type: string;
-                    placeholder: string;
-                };
-                media: {
-                    type: string;
-                    url: string;
-                };
-            };
-            header: {
-                type: string;
-                content: {
-                    onClick: () => void;
-                    title: string;
-                    details: string;
-                };
-                subcontent: {
-                    title: string;
-                    details: string;
-                };
-                lives: {
-                    count: number;
-                };
-            };
-            buttons: ({
-                title: string;
-                type: string;
-                hasClue?: undefined;
-            } | {
-                title: string;
-                type: string;
-                hasClue: boolean;
-            })[];
-        };
-    };
-};
-export declare const MediaOmniPlayer: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            typeClue: string;
-            starsDiff: number;
-            step: {
-                current: number;
-                total: number;
-            };
-            showNewMedia: boolean;
-            question: string;
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            buttons: ({
-                title: string;
-                type: string;
-                selected: boolean;
-                hasClue?: undefined;
-            } | {
-                title: string;
-                type: string;
-                hasClue: boolean;
-                selected?: undefined;
-            } | {
-                title: string;
-                type: string;
-                selected?: undefined;
-                hasClue?: undefined;
-            })[];
-            resources: {
-                type: string;
-                poster: string;
-                description: string;
-                mimeType: string;
-                videoId: string;
-                _id: string;
-                width: string;
-                height: string;
-                subtitles: never[];
-                posters: never[];
-                src: never[];
-                onClick: () => void;
-                selected: boolean;
-            }[];
-        };
-    };
-};
-export declare const Media: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            typeClue: string;
-            starsDiff: number;
-            step: {
-                current: number;
-                total: number;
-            };
-            showNewMedia: boolean;
-            question: string;
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            buttons: ({
-                title: string;
-                type: string;
-                selected: boolean;
-                hasClue?: undefined;
-            } | {
-                title: string;
-                type: string;
-                hasClue: boolean;
-                selected?: undefined;
-            } | {
-                title: string;
-                type: string;
-                selected?: undefined;
-                hasClue?: undefined;
-            })[];
-            resources: ({
-                type: string;
-                mimeType: string;
-                videoId: string;
-                description: string;
-                poster: string;
-                _id: string;
-                subtitles: never[];
-                posters: never[];
-                src: never[];
-                selected: boolean;
-                onClick: () => void;
-                onPlay: () => void;
-                onPause: () => void;
-                onResume: () => void;
-                onEnded: () => void;
-                height: string;
-            } | {
-                type: string;
-                poster: string;
-                description: string;
-                mimeType: string;
-                videoId: string;
-                _id: string;
-                subtitles: never[];
-                posters: never[];
-                src: never[];
-                selected: boolean;
-                onClick: () => void;
-                onPlay?: undefined;
-                onPause?: undefined;
-                onResume?: undefined;
-                onEnded?: undefined;
-                height?: undefined;
-            })[];
-        };
-    };
-};
-export declare const NoClue: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            typeClue: string;
-            starsDiff: number;
-            step: {
-                current: number;
-                total: number;
-            };
-            showNewMedia: boolean;
-            question: string;
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            header: {
-                type: string;
-                content: {
-                    onClick: () => void;
-                    title: string;
-                    details: string;
-                };
-                subcontent: {
-                    title: string;
-                    details: string;
-                };
-                lives: {
-                    count: number;
-                };
-            };
-            buttons: ({
-                title: string;
-                type: string;
-                selected: boolean;
-                hasClue?: undefined;
-                disabled?: undefined;
-            } | {
-                title: string;
-                type: string;
-                hasClue: boolean;
-                selected?: undefined;
-                disabled?: undefined;
-            } | {
-                title: string;
-                type: string;
-                disabled: boolean;
-                selected?: undefined;
-                hasClue?: undefined;
-            })[];
-            resources: ({
-                type: string;
-                mimeType: string;
-                videoId: string;
-                description: string;
-                poster: string;
-                _id: string;
-                subtitles: never[];
-                posters: never[];
-                src: never[];
-                selected: boolean;
-                onClick: () => void;
-                onPlay: () => void;
-                onPause: () => void;
-                onResume: () => void;
-                onEnded: () => void;
-                height: string;
-            } | {
-                type: string;
-                poster: string;
-                description: string;
-                mimeType: string;
-                videoId: string;
-                _id: string;
-                subtitles: never[];
-                posters: never[];
-                src: never[];
-                selected: boolean;
-                onClick: () => void;
-                onPlay?: undefined;
-                onPause?: undefined;
-                onResume?: undefined;
-                onEnded?: undefined;
-                height?: undefined;
-            })[];
-        };
-    };
-};
-export declare const OnlyClue: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            typeClue: string;
-            step: {
-                current: number;
-                total: number;
-            };
-            showNewMedia: boolean;
-            question: string;
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            help: string;
-            header: {
-                type: string;
-                content: {
-                    onClick: () => void;
-                    title: string;
-                    details: string;
-                };
-                subcontent: {
-                    title: string;
-                    details: string;
-                };
-                lives: {
-                    count: number;
-                };
-            };
-            buttons: ({
-                title: string;
-                type: string;
-                selected?: undefined;
-                hasClue?: undefined;
-            } | {
-                title: string;
-                type: string;
-                selected: boolean;
-                hasClue: boolean;
-            })[];
-            text: string;
-            starsDiff: number;
-        };
-    };
-};
-export declare const PopinError: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            typeClue: string;
-            step: {
-                current: number;
-                total: number;
-            };
-            showNewMedia: boolean;
-            question: string;
-            help: string;
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            backgroundUrl: string;
-            answerType: {
-                model: {
-                    type: string;
-                    placeholder: string;
-                };
-                media: {
-                    type: string;
-                    url: string;
-                };
-            };
-            header: {
-                type: string;
-                content: {
-                    onClick: () => void;
-                    title: string;
-                    details: string;
-                };
-                subcontent: {
-                    title: string;
-                    details: string;
-                };
-                lives: {
-                    count: number;
-                };
-            };
-            buttons: ({
-                title: string;
-                type: string;
-                hasClue?: undefined;
-            } | {
-                title: string;
-                type: string;
-                hasClue: boolean;
-            })[];
-        };
-        popin: {
-            content: string;
-            icon: string;
-            mode: string;
-            descriptionText: string;
-            secondButton: {
-                largeButton: boolean;
-                label: string;
-                type: string;
-                'aria-label': string;
-                handleOnClick: () => void;
-            };
-            onClose: () => void;
-        };
-    };
-};
-export declare const QcmDrag: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            typeClue: string;
-            help: string;
-            answerType: {
-                model: {
-                    type: string;
-                    answers: ({
-                        title: string;
-                        onClick: () => void;
-                        selected: boolean;
-                        order?: undefined;
-                    } | {
-                        title: string;
-                        onClick: () => void;
-                        selected: boolean;
-                        order: number;
-                    })[];
-                };
-                help: string;
-            };
-            step: {
-                current: number;
-                total: number;
-            };
-            showNewMedia: boolean;
-            question: string;
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            backgroundUrl: string;
-            header: {
-                type: string;
-                content: {
-                    onClick: () => void;
-                    title: string;
-                    details: string;
-                };
-                subcontent: {
-                    title: string;
-                    details: string;
-                };
-                lives: {
-                    count: number;
-                };
-            };
-            buttons: ({
-                title: string;
-                type: string;
-                hasClue?: undefined;
-            } | {
-                title: string;
-                type: string;
-                hasClue: boolean;
-            })[];
-        };
-    };
-};
-export declare const QcmGraphic: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            typeClue: string;
-            answerType: {
-                model: {
-                    type: string;
-                    answers: {
-                        title: string;
-                        onClick: () => void;
-                        selected: boolean;
-                        image: string;
-                    }[];
-                };
-            };
-            step: {
-                current: number;
-                total: number;
-            };
-            showNewMedia: boolean;
-            question: string;
-            help: string;
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            backgroundUrl: string;
-            header: {
-                type: string;
-                content: {
-                    onClick: () => void;
-                    title: string;
-                    details: string;
-                };
-                subcontent: {
-                    title: string;
-                    details: string;
-                };
-                lives: {
-                    count: number;
-                };
-            };
-            buttons: ({
-                title: string;
-                type: string;
-                hasClue?: undefined;
-            } | {
-                title: string;
-                type: string;
-                hasClue: boolean;
-            })[];
-        };
-    };
-};
-export declare const QcmShort: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            typeClue: string;
-            answerType: {
-                model: {
-                    type: string;
-                    answers: {
-                        title: string;
-                        onClick: () => void;
-                        selected: boolean;
-                    }[];
-                };
-                media: {
-                    type: string;
-                    mimeType: string;
-                    videoId: string;
-                    description: string;
-                    poster: string;
-                    _id: string;
-                    subtitles: never[];
-                    posters: never[];
-                    src: never[];
-                    onClick: () => void;
-                    onPlay: () => void;
-                    onPause: () => void;
-                    onResume: () => void;
-                    onEnded: () => void;
-                };
-            };
-            step: {
-                current: number;
-                total: number;
-            };
-            showNewMedia: boolean;
-            question: string;
-            help: string;
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            backgroundUrl: string;
-            header: {
-                type: string;
-                content: {
-                    onClick: () => void;
-                    title: string;
-                    details: string;
-                };
-                subcontent: {
-                    title: string;
-                    details: string;
-                };
-                lives: {
-                    count: number;
-                };
-            };
-            buttons: ({
-                title: string;
-                type: string;
-                hasClue?: undefined;
-            } | {
-                title: string;
-                type: string;
-                hasClue: boolean;
-            })[];
-        };
-    };
-};
-export declare const Qcm: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            typeClue: string;
-            answerType: {
-                model: {
-                    type: string;
-                    answers: {
-                        title: string;
-                        'aria-label': string;
-                        onClick: () => void;
-                        selected: boolean;
-                    }[];
-                };
-                media: {
-                    type: string;
-                    url: string;
-                };
-            };
-            showNewMedia: boolean;
-            buttons: ({
-                title: string;
-                type: string;
-                notify: boolean;
-                onClick: () => void;
-            } | {
-                title: string;
-                type: string;
-                notify?: undefined;
-                onClick?: undefined;
-            })[];
-            step: {
-                current: number;
-                total: number;
-            };
-            question: string;
-            help: string;
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            backgroundUrl: string;
-            header: {
-                type: string;
-                content: {
-                    onClick: () => void;
-                    title: string;
-                    details: string;
-                };
-                subcontent: {
-                    title: string;
-                    details: string;
-                };
-                lives: {
-                    count: number;
-                };
-            };
-        };
-    };
-};
-export declare const Range: {
-    (args: any): JSX.Element;
-    args: {
-        player: {
-            typeClue: string;
-            answerType: {
-                model: {
-                    type: string;
-                    title: string;
-                    minLabel: string;
-                    maxLabel: string;
-                    value: number;
-                    onChange: () => void;
-                };
-            };
-            step: {
-                current: number;
-                total: number;
-            };
-            showNewMedia: boolean;
-            question: string;
-            help: string;
-            cta: {
-                submitValue: string;
-                onClick: () => void;
-                target: string;
-            };
-            backgroundUrl: string;
-            header: {
-                type: string;
-                content: {
-                    onClick: () => void;
-                    title: string;
-                    details: string;
-                };
-                subcontent: {
-                    title: string;
-                    details: string;
-                };
-                lives: {
-                    count: number;
-                };
-            };
-            buttons: ({
-                title: string;
-                type: string;
-                hasClue?: undefined;
-            } | {
-                title: string;
-                type: string;
-                hasClue: boolean;
-            })[];
-        };
-    };
-};
-//# sourceMappingURL=index.stories.d.ts.map