react-covideo-embed 1.0.10 → 1.0.12

package/build/app/App.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function App(): JSX.Element;
+export default App;

package/build/app/pages/insertVideo/InsertVideo.d.ts

@@ -0,0 +1,13 @@
+export type Option = {
+    value: string;
+    label: string;
+};
+export type VideoShareSetData = {
+    videoId: string;
+    templateId: number;
+    linksetId?: string | number;
+    overlayId?: string | number;
+    vin: string;
+    allowReactions?: boolean;
+};
+export declare const InsertVideo: () => JSX.Element;

package/build/app/pages/insertVideo/components/CopyVideoButton.d.ts

@@ -0,0 +1,13 @@
+import { VideoListItem } from 'lib/api';
+import { VideoListAutomotiveItem } from 'lib/context';
+import { VideoShareSetData } from '../InsertVideo';
+type Props = {
+    video: VideoListAutomotiveItem | VideoListItem;
+    disable: boolean;
+    getMarkAsSentPayload: () => Promise<{
+        videoShareSetData: VideoShareSetData;
+        useAutomotive: boolean;
+    }>;
+};
+export declare const CopyVideoButton: ({ video, getMarkAsSentPayload, disable, }: Props) => JSX.Element;
+export {};

package/build/app/pages/insertVideo/components/InsertButton.d.ts

@@ -0,0 +1,13 @@
+import { VideoListItem } from 'lib/api';
+import { VideoListAutomotiveItem } from 'lib/context';
+import { VideoShareSetData } from '../InsertVideo';
+type Props = {
+    video: VideoListAutomotiveItem | VideoListItem;
+    disable: boolean;
+    getMarkAsSentPayload: () => Promise<{
+        videoShareSetData: VideoShareSetData;
+        useAutomotive: boolean;
+    }>;
+};
+export declare const InsertButton: ({ video, getMarkAsSentPayload, disable, }: Props) => JSX.Element;
+export {};

package/build/app/pages/insertVideo/components/InsertVideoSettings.d.ts

@@ -0,0 +1,17 @@
+import { Option, VideoShareSetData } from '../InsertVideo';
+import { LinksetsData, OverlaysData, TemplatesData } from 'lib/api';
+type Props = {
+    templatesLoading: boolean;
+    linksetsLoading: boolean;
+    overlaysLoading: boolean;
+    templatesData: Array<TemplatesData>;
+    linksetsData: Array<LinksetsData>;
+    overlaysData: Array<OverlaysData>;
+    checkboxes: Array<Option>;
+    selectedCheckboxes: Array<Option>;
+    setSelectedCheckboxes: Function;
+    insertVideoData: VideoShareSetData;
+    setInsertVideoData: (insertVideoData: VideoShareSetData) => void;
+};
+export declare const InsertVideoSettings: ({ linksetsData, linksetsLoading, templatesData, templatesLoading, overlaysData, overlaysLoading, checkboxes, selectedCheckboxes, setSelectedCheckboxes, insertVideoData, setInsertVideoData, }: Props) => JSX.Element;
+export {};

package/build/app/pages/insertVideo/components/VehicleSearch.d.ts

@@ -0,0 +1,13 @@
+import { InventoryItem } from 'lib/context';
+type Props = {
+    onChangeVehicle: (item: InventoryItem) => void;
+    handleChangeVehicleButtonPress: () => void;
+    handleRemoveVehicleButtonPress: () => void;
+    setAddingVehicle: Function;
+    selectedVin?: string;
+    placeholder?: string;
+    fetchSold?: boolean;
+    addingVehicle?: boolean;
+};
+export declare const VehicleSearch: ({ onChangeVehicle, handleChangeVehicleButtonPress, handleRemoveVehicleButtonPress, setAddingVehicle, selectedVin, placeholder, fetchSold, addingVehicle, }: Props) => JSX.Element | null;
+export {};

package/build/app/pages/insertVideo/components/index.d.ts

@@ -0,0 +1,2 @@
+export { InsertVideoSettings } from './InsertVideoSettings';
+export { VehicleSearch } from './VehicleSearch';

package/build/app/pages/lesaTV/LesaTV.d.ts

@@ -0,0 +1 @@
+export declare const LesaTV: () => JSX.Element;

package/build/app/pages/lesaTV/components/PageInfo.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    page: number;
+    size: number;
+    count: number;
+};
+export declare const PageInfo: ({ page, size, count }: Props) => JSX.Element;
+export {};

package/build/app/pages/lesaTV/components/Search.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    prevSearch: string;
+    handleSearch: (searchTerm: string) => void;
+};
+export declare const Search: ({ prevSearch, handleSearch }: Props) => JSX.Element;
+export {};

package/build/app/pages/lesaTV/components/index.d.ts

@@ -0,0 +1,2 @@
+export { Search } from './Search';
+export { PageInfo } from './PageInfo';

package/build/app/pages/library/Library.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    handleUpdateToken: Function;
+};
+export declare const Library: ({ handleUpdateToken }: Props) => JSX.Element;
+export {};

package/build/app/pages/library/components/NoVideos.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    size: number;
+    message: string;
+};
+export declare const NoVideos: ({ size, message }: Props) => JSX.Element;
+export {};

package/build/app/pages/library/components/PageInfo.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    page: number;
+    size: number;
+    count: number;
+};
+export declare const PageInfo: ({ page, size, count }: Props) => JSX.Element;
+export {};

package/build/app/pages/library/components/Search.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    prevSearch: string;
+    handleSearch: (searchTerm: string) => void;
+};
+export declare const Search: ({ prevSearch, handleSearch }: Props) => JSX.Element;
+export {};

package/build/app/pages/library/components/UserDropdown.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type Props = {
+    handleUpdateToken: Function;
+};
+export declare const UserDropdown: import("react").MemoExoticComponent<({ handleUpdateToken }: Props) => JSX.Element | null>;
+export {};

package/build/app/pages/library/components/VideoItem.d.ts

@@ -0,0 +1,9 @@
+import { VideoListItem } from 'lib/api';
+type Props = {
+    video?: VideoListItem;
+    isMerge?: boolean;
+    selectedVideosData?: any;
+    setSelectedVideosData?: any;
+};
+export declare const VideoItem: ({ video, isMerge, selectedVideosData, setSelectedVideosData, }: Props) => JSX.Element;
+export {};

package/build/app/pages/library/components/VideoItemThumbnail.d.ts

@@ -0,0 +1,11 @@
+export declare const FAILED_VIDEOS_PROCESSING_ID = 2;
+type Props = {
+    thumbnail: string;
+    duration: number;
+    videoId: string;
+    emailStatus?: string;
+    processing?: number;
+    onClick?: () => void;
+};
+export declare const VideoItemThumbnail: ({ thumbnail, duration, videoId, emailStatus, processing, onClick, }: Props) => JSX.Element;
+export {};

package/build/app/pages/library/components/const.d.ts

@@ -0,0 +1,6 @@
+export declare enum PROMPT_TYPE {
+    TELEPROPTER_SCRIPT = "Teleprompter Script",
+    EMAIL = "Email",
+    SMS = "SMS",
+    CRM_MESSAGE = "CRM Message"
+}

package/build/app/pages/library/components/index.d.ts

@@ -0,0 +1,5 @@
+export { VideoItem } from './VideoItem';
+export { Search } from './Search';
+export { NoVideos } from './NoVideos';
+export { UserDropdown } from './UserDropdown';
+export { PageInfo } from './PageInfo';

package/build/app/pages/login/Login.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    handleUpdateToken: Function;
+};
+export declare const Login: ({ handleUpdateToken }: Props) => JSX.Element;
+export {};

package/build/app/pages/merge/Merge.d.ts

@@ -0,0 +1 @@
+export declare const Merge: () => JSX.Element;

package/build/app/pages/merge/components/Player.d.ts

@@ -0,0 +1,7 @@
+type PlayerProps = {
+    displayVideos: any[];
+    width?: number;
+    height?: number;
+};
+export declare const Player: ({ width, height, displayVideos }: PlayerProps) => JSX.Element;
+export {};

package/build/app/pages/merge/components/VideoMerge.d.ts

@@ -0,0 +1 @@
+export declare const VideoMerge: ({ videos, setVideos }: any) => JSX.Element;

package/build/app/pages/merge/components/VideoRow.d.ts

@@ -0,0 +1 @@
+export declare const VideoRow: ({ index, totalDuration, offset, width, video, setVideos, }: any) => JSX.Element;

package/build/app/pages/merge/components/VideoThumbnail.d.ts

@@ -0,0 +1 @@
+export declare const VideoThumbnail: ({ video, setVideos, setVideoRef, index, }: any) => JSX.Element;

package/build/app/pages/previewUpload/PreviewUpload.d.ts

@@ -0,0 +1,2 @@
+declare const PreviewUpload: () => JSX.Element;
+export default PreviewUpload;

package/build/app/pages/record/both/RecordBoth.d.ts

@@ -0,0 +1 @@
+export declare const RecordBoth: ({ onRecordingStart, onRecordingEnd, onUpload, uploadDisabled, onRecordingUrlGeneration, }: any) => JSX.Element;

package/build/app/pages/record/both/main/Main.d.ts

@@ -0,0 +1 @@
+export declare const RecordBothMain: ({ loading }: any) => JSX.Element;

package/build/app/pages/record/cam/RecordCam.d.ts

@@ -0,0 +1 @@
+export declare const RecordCam: ({ onRecordingStart, onRecordingEnd, uploadDisabled, virtualBackgroundUrl, showRecordingButton, onRecordingUrlGeneration, }: any) => JSX.Element;

package/build/app/pages/record/cam/main/Main.d.ts

@@ -0,0 +1 @@
+export declare const RecordCamMain: ({ loading }: any) => JSX.Element;

package/build/app/pages/record/home/RecordHome.d.ts

@@ -0,0 +1 @@
+export declare const RecordHome: () => JSX.Element;

package/build/app/pages/record/screen/RecordScreen.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const RecordScreen: React.MemoExoticComponent<({ onRecordingStart, onRecordingEnd, uploadDisabled, onRecordingUrlGeneration, }: any) => JSX.Element>;

package/build/app/pages/record/screen/main/Main.d.ts

@@ -0,0 +1 @@
+export declare const RecordScreenMain: ({ loading }: any) => JSX.Element;

package/build/app/pages/video/Upload.d.ts

@@ -0,0 +1,10 @@
+type UploadProps = {
+    title: string;
+    beginUploadProcess: boolean;
+    afterUpload?: () => void;
+    setSavedVideoId: (arg1: string) => void;
+    file: any;
+    fileName: string;
+};
+declare const Upload: ({ title, beginUploadProcess, afterUpload, setSavedVideoId, file, fileName, }: UploadProps) => JSX.Element;
+export default Upload;

package/build/app/pages/video/components/Preview.d.ts

@@ -0,0 +1,13 @@
+type PreviewProps = {
+    recordingBlobUrl: string;
+    recordDate: string;
+    insertAfterSave?: boolean;
+    setSaveFunction: (arg1: any) => void;
+    setIsSaveDisabled: (arg: boolean) => void;
+    skipUploadProcess?: boolean;
+    videoId?: string;
+    initialTitle?: string;
+    updateUploadLoading?: (val: boolean) => void;
+};
+declare const Preview: ({ recordingBlobUrl, recordDate, setSaveFunction, insertAfterSave, setIsSaveDisabled, skipUploadProcess, videoId, initialTitle, updateUploadLoading, }: PreviewProps) => JSX.Element;
+export default Preview;

package/build/app/pages/video/components/videoPlayer/VideoPlayer.d.ts

@@ -0,0 +1,29 @@
+type Props = {
+    playerBackgroundColor?: string;
+    playerIconsColor?: string;
+    playButtonPosition?: string;
+    thumbnail?: string;
+    videoSource: string;
+    videoId?: string;
+    videoRef?: any;
+    small?: boolean;
+    autoplay?: boolean;
+    playlist?: any[];
+    preventWideSize?: boolean;
+    selectedAnnotationId?: string | undefined;
+    previewAnnotation?: any;
+    hideContext?: boolean;
+    startWithControls?: boolean;
+    height?: string;
+    width?: string;
+    margin?: string;
+    id?: string;
+    disableControls?: boolean;
+    borderBottomRadius?: string;
+    FullscreenVideoWrapperBackgroundColor?: string;
+    videoDuration?: number;
+    setVideoDuration?: (arg1: number) => void;
+    setIsVideoLoading?: (arg: boolean) => void;
+};
+export declare const VideoPlayer: (props: Props) => JSX.Element;
+export {};

package/build/app/pages/video/components/videoPlayer/components/index.d.ts

@@ -0,0 +1,2 @@
+export { ProgressBar } from './progressBar';
+export { VideoControls } from './videoControls';

package/build/app/pages/video/components/videoPlayer/components/onScreenPlayButton.d.ts

@@ -0,0 +1,10 @@
+type Props = {
+    playerBackgroundColor: string;
+    playButtonPosition: string;
+    isVideoPaused: boolean;
+    togglePlay: () => void;
+    playerIconsColor: string;
+    small?: boolean;
+};
+export declare const OnScreenPlayButton: (props: Props) => JSX.Element;
+export {};

package/build/app/pages/video/components/videoPlayer/components/progressBar.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+type Props = {
+    duration?: number;
+    currentTime?: number;
+    scrub: (e: any, progressRef: React.RefObject<HTMLProgressElement>) => void;
+    color?: string;
+    small?: boolean;
+};
+export declare const ProgressBar: (props: Props) => JSX.Element;
+export {};

package/build/app/pages/video/components/videoPlayer/components/trim/Handle.d.ts

@@ -0,0 +1,15 @@
+import { SliderItem, GetHandleProps } from 'react-compound-slider';
+interface HandleProps {
+    isActive: boolean;
+    domain: number[];
+    handle: SliderItem;
+    getHandleProps: GetHandleProps;
+    disabled?: boolean;
+    videoSource: string;
+    videoRef: any;
+    nChild: number;
+    changeVideoPosition?: boolean;
+    showFloatingPreview?: boolean;
+}
+export declare const Handle: (props: HandleProps) => JSX.Element;
+export {};

package/build/app/pages/video/components/videoPlayer/components/trim/SliderRail.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { GetRailProps } from 'react-compound-slider';
+interface SliderRailProps {
+    getRailProps: GetRailProps;
+}
+export declare const SliderRail: React.FC<SliderRailProps>;
+export {};

package/build/app/pages/video/components/videoPlayer/components/trim/Tick.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SliderItem } from 'react-compound-slider';
+interface TickProps {
+    tick: SliderItem;
+    count: number;
+    format?: (val: number) => string;
+}
+export declare const Tick: React.FC<TickProps>;
+export {};

package/build/app/pages/video/components/videoPlayer/components/trim/TimelineRange.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+type Props = {
+    videoDuration: number;
+    videoRef: any;
+    videoSource: string;
+    setTrimDuration?: any;
+    setStart?: any;
+    value: any;
+    setValue: any;
+    addHistory?: any;
+    onSlideEnd?: any;
+    valueRef: React.MutableRefObject<Array<number>>;
+    showTickTime?: boolean;
+    changeVideoPosition?: boolean;
+    showFloatingPreview?: boolean;
+    width: string;
+};
+export declare const TimelineRange: (props: Props) => JSX.Element;
+export {};

package/build/app/pages/video/components/videoPlayer/components/trim/Track.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SliderItem, GetTrackProps } from 'react-compound-slider';
+interface TrackProps {
+    source: SliderItem;
+    target: SliderItem;
+    getTrackProps: GetTrackProps;
+    disabled?: boolean;
+}
+export declare const Track: React.FC<TrackProps>;
+export {};

package/build/app/pages/video/components/videoPlayer/components/trim/Trim.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type TrimProps = {
+    videoDuration: number;
+    videoRef: any;
+    videoSource: string;
+    value: number[];
+    setValue: (arg1: number[]) => void;
+    valueRef: React.MutableRefObject<Array<number>>;
+    isVideoTrimmed: boolean;
+    isVideoLoading?: boolean;
+};
+declare const Trim: ({ videoRef, videoDuration, videoSource, setValue, value, isVideoTrimmed, valueRef, isVideoLoading, }: TrimProps) => JSX.Element;
+export default Trim;

package/build/app/pages/video/components/videoPlayer/components/trim/VideoPreviewTrack.d.ts

@@ -0,0 +1,7 @@
+type VideoPreviewTrackProps = {
+    videoSource: string;
+    videoDuration: number;
+    numberOfStills: number;
+};
+export declare const VideoPreviewTrack: ({ videoSource, videoDuration, numberOfStills, }: VideoPreviewTrackProps) => JSX.Element;
+export {};

package/build/app/pages/video/components/videoPlayer/components/videoControls.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+type Props = {
+    isVideoPaused?: boolean;
+    togglePlay?: () => void;
+    isVideoMuted?: boolean;
+    handleMute?: () => void;
+    handleFullScreen?: () => void;
+    setPlayBack?: (rate: number) => void;
+    setTranslate?: (rate: string) => void;
+    captionsEnabled?: boolean;
+    captions?: string;
+    duration?: number;
+    currentTime?: number;
+    handleVolumeControl: (e: any, progressRef: React.RefObject<HTMLInputElement>) => void;
+    volumeRange: number;
+    playerIconsColor: string;
+    small?: boolean;
+    isVisible?: boolean;
+    scrub: (e: any, progressRef: React.RefObject<HTMLProgressElement>) => void;
+    playerBackgroundColor: string;
+    videoRef?: any;
+    isAutomotive?: boolean;
+};
+export declare const VideoControls: (props: Props) => JSX.Element;
+export {};

package/build/app/pages/video/components/videoPlayer/index.d.ts

@@ -0,0 +1 @@
+export { VideoPlayer } from './VideoPlayer';

package/build/app/pages/video/videoDetails/components/AttributesFields.d.ts

@@ -0,0 +1,7 @@
+type ComponentProps = {
+    attributes: any[];
+    initValues: any;
+    setIsSaveDisabled: (arg: boolean) => void;
+};
+export declare const AttributeFields: ({ attributes, initValues, setIsSaveDisabled, }: ComponentProps) => JSX.Element | null;
+export {};

package/build/app/pages/voiceover/Voiceover.d.ts

@@ -0,0 +1 @@
+export declare const VoiceOver: () => JSX.Element;

package/build/app/pages/voiceover/components/AudioRecorder.d.ts

@@ -0,0 +1,14 @@
+import { VideoData } from 'lib/hooks';
+import React from 'react';
+type Props = {
+    video: VideoData;
+    videoRef: React.RefObject<HTMLVideoElement>;
+    onChangeVoiceoverValid: (valid: boolean) => void;
+    onRecordingUrlGeneration: (url: string) => void;
+    handleShowCard?: (show: boolean) => void;
+    margin?: string;
+    width?: number;
+    disabled?: boolean;
+};
+export declare const AudioRecorder: ({ video, videoRef, onChangeVoiceoverValid, onRecordingUrlGeneration, handleShowCard, margin, width, disabled, }: Props) => JSX.Element;
+export {};

package/build/app/pages/voiceover/components/VideoPreview.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { VideoData } from 'lib/hooks';
+type Props = {
+    video: VideoData;
+    videoRef: React.RefObject<HTMLVideoElement>;
+    useCovideoPlayer?: boolean;
+    width?: number;
+    margin?: string;
+};
+export declare const VideoPreview: ({ video, videoRef, width, margin, useCovideoPlayer, }: Props) => JSX.Element;
+export {};

package/build/app/pages/voiceover/components/util.d.ts

@@ -0,0 +1 @@
+export declare const generateTempAudioName: (videoId: string, fileExt: string) => string;

package/build/app/pages/wheelsTV/WheelsTV.d.ts

@@ -0,0 +1 @@
+export declare const WheelsTV: () => JSX.Element;

package/build/app/pages/wheelsTV/components/PageInfo.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    page: number;
+    size: number;
+    count: number;
+};
+export declare const PageInfo: ({ page, size, count }: Props) => JSX.Element;
+export {};

package/build/app/pages/wheelsTV/components/Search.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    prevSearch: string;
+    handleSearch: (searchTerm: string) => void;
+};
+export declare const Search: ({ prevSearch, handleSearch }: Props) => JSX.Element;
+export {};

package/build/app/pages/wheelsTV/components/index.d.ts

@@ -0,0 +1,2 @@
+export { Search } from './Search';
+export { PageInfo } from './PageInfo';

package/build/index.d.ts

@@ -0,0 +1,81 @@
+/// <reference types="react" />
+import './index.css';
+export declare enum Feature {
+    UPLOAD = "upload",
+    FOLDER = "folder",
+    RECORD_SCREEN = "recordScreen",
+    MERGE = "merge",
+    RECORD_CAM = "recordCam",
+    WHEELS_TV = "wheelsTV",
+    RECORD_BOTH = "recordBoth",
+    TRIM = "trim",
+    INSERT = "insert",
+    LANDING_PAGE = "landingPage",
+    QUICKSHARE = "quickshare",
+    CTA = "CTA",
+    VOICEOVER = "voiceover",
+    REACTIONS = "reactions",
+    AI_ASSIST = "aiAssist",
+    UPGRADE_MESSAGE = "upgradeMessage",
+    LESA_TV = "lesaTV",
+    MULTI_LOCATION = "multiLocation"
+}
+export type FeatureType = 'insert' | 'recordScreen' | 'recordBoth' | 'recordCam' | 'upload' | 'trim' | 'merge' | 'wheelsTV' | 'voiceover' | 'quickshare' | 'folder' | 'landingPage' | 'CTA' | 'reactions' | 'aiAssist' | 'upgradeMessage' | 'lesaTV' | 'multiLocation';
+export declare enum Environment {
+    DEVELOPMENT = "development",
+    SANDBOX = "sandbox",
+    PRODUCTION = "production"
+}
+export type EnvironmentType = 'development' | 'sandbox' | 'production';
+export type ShareData = {
+    url: string;
+    thumbnail: string;
+    html: string;
+    token: string;
+};
+export type RecordData = {
+    token: string;
+};
+export type UploadData = {
+    token: string;
+};
+/**
+ * Logout from Covideo.
+ * If called, removes the auth token and other Covideo data from local storage.
+ */
+export declare function logoutCovideo(): void;
+export type CovideoEmbedProps = {
+    /** Used for tracking the origin of requests from this npm module.  */
+    apikey: string;
+    /**
+     * JWT token from Covideo.
+     * If provided, disables the module's login/logout pages.
+     * If not provided, users need to log in through the module's login page.
+     */
+    token?: string;
+    /** Which Covideo environment to target */
+    env?: Environment | EnvironmentType;
+    /** Which Covideo features to hide */
+    hideFeatures?: Feature[] | FeatureType[];
+    /**
+     * Callback triggered when a video is inserted.
+     * @param shareData - Contains the auth token, video url, thumbnail url and HTML of the inserted video.
+     */
+    onVideoInsert?: (shareData: ShareData) => void;
+    /**
+     * Callback triggered when there is an error inserting a video.
+     * @param error - The error occurred during video insert.
+     */
+    onVideoInsertError?: (error: unknown) => void;
+    /**
+     * Callback triggered when the record button is clicked.
+     * @param data - Contains the auth token.
+     */
+    onRecordButtonClick?: (data: RecordData) => void;
+    /**
+     * Callback triggered when the upload button is clicked.
+     * @param data - Contains the auth token.
+     */
+    onUploadButtonClick?: (data: UploadData) => void;
+};
+export declare const CovideoEmbed: React.FC<CovideoEmbedProps>;