react-covideo-embed 0.1.0

package/README.md

@@ -0,0 +1,65 @@
+# react-covideo-embed
+
+Covideo platform as an embeddable React component.
+
+## Installation
+
+```sh
+
+npm install react-covideo-embed
+
+```
+
+## PeerDependencies
+
+This package has peer dependencies on `react` and `react-dom` version ^18.2.0. Please ensure that you have these installed in your project.
+
+## Usage
+
+Here’s a basic example of how to use react-covideo-embed in a React component:
+
+```jsx
+import React from 'react';
+import CovideoEmbed from 'react-covideo-embed';
+const MyApp = () => {
+  return (
+    <div>
+      <CovideoEmbed />
+    </div>
+  );
+};
+export default MyApp;
+```
+
+## Props
+
+### `token` (optional)
+
+- **Type**: `string`
+- **Description**: JWT token from Covideo. If provided, the module's login/logout pages are disabled. Without it, users will need to log in through the module's login page.
+
+### `env` (optional)
+
+- **Type**: `'sandbox'` | `'production'`
+- **Description**: Determines which Covideo environment to target.
+- **Default**: `'sandbox'`
+
+### `onVideoInsert` (optional)
+
+- **Type**: `function`
+- **Description**: Callback triggered when a video is inserted.
+- **Parameters**:
+  - `shareData`: Object containing the URL and HTML of the inserted video.
+    - `url`: `string` - The URL of the inserted video.
+    - `html`: `string` - The HTML representation of the inserted video.
+
+### `onVideoInsertError` (optional)
+
+- **Type**: `function`
+- **Description**: Callback triggered when there is an error inserting a video.
+- **Parameters**:
+  - `error`: `unknown` - The error occurred during video insert.
+
+## Author
+
+This package is maintained by Covideo.

package/build/app/App.d.ts

@@ -0,0 +1,2 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

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

@@ -0,0 +1,5 @@
+export type Option = {
+    value: string;
+    label: string;
+};
+export declare const InsertVideo: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,18 @@
+import { Option } from '../InsertVideo';
+import { LinksetsData, OverlaysData, TemplatesData } from 'lib/api';
+import { VideoShareSetData } from 'lib/hooks/useVideoShareLink';
+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) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+import { InventoryItem } from 'lib/context';
+export declare const noInventoryItemsMsg: import("react/jsx-runtime").JSX.Element;
+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) => import("react/jsx-runtime").JSX.Element;
+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/library/Library.d.ts

@@ -0,0 +1,11 @@
+export type VideoListFilter = {
+    folderId: string | number;
+    searchQuery: string;
+    page: number;
+    size: number;
+};
+type Props = {
+    handleUpdateToken: Function;
+};
+export declare const Library: ({ handleUpdateToken }: Props) => import("react/jsx-runtime").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) => import("react/jsx-runtime").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) => import("react/jsx-runtime").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) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+type Props = {
+    name: string;
+    handleUpdateToken: Function;
+};
+export declare const UserDropdown: ({ name, handleUpdateToken }: Props) => import("react/jsx-runtime").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) => import("react/jsx-runtime").JSX.Element;
+export {};

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) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export declare const Merge: () => import("react/jsx-runtime").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) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,15 @@
+export declare const CloseContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export type VideosProps = {
+    id: string;
+    start: string;
+    end: string;
+    startSec: number;
+    endSec: number;
+    flvName: string;
+    duration: number;
+    trimDuration: number;
+    width: number;
+    ref: any;
+    source: string;
+};
+export declare const VideoMerge: ({ videos, setVideos }: any) => import("react/jsx-runtime").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) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export declare const DragContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const VideoThumbnail: ({ video, setVideos, setVideoRef, index, }: any) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+declare const PreviewUpload: () => import("react/jsx-runtime").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) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const RecordBothMain: ({ loading }: any) => import("react/jsx-runtime").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) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const RecordCamMain: ({ loading }: any) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const RecordHome: () => import("react/jsx-runtime").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, onUpload, uploadDisabled, onRecordingUrlGeneration, }: any) => import("react/jsx-runtime").JSX.Element>;

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

@@ -0,0 +1 @@
+export declare const RecordScreenMain: ({ loading }: any) => import("react/jsx-runtime").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) => import("react/jsx-runtime").JSX.Element;
+export default Upload;

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

@@ -0,0 +1,12 @@
+type PreviewProps = {
+    recordingBlobUrl: string;
+    recordDate: string;
+    insertAfterSave?: boolean;
+    setSaveFunction: (arg1: any) => void;
+    setIsSaveDisabled: (arg: boolean) => void;
+    skipUploadProcess?: boolean;
+    videoId?: string;
+    initialTitle?: string;
+};
+declare const Preview: ({ recordingBlobUrl, recordDate, setSaveFunction, insertAfterSave, setIsSaveDisabled, skipUploadProcess, videoId, initialTitle, }: PreviewProps) => import("react/jsx-runtime").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) => import("react/jsx-runtime").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) => import("react/jsx-runtime").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) => import("react/jsx-runtime").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) => import("react/jsx-runtime").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) => import("react/jsx-runtime").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) => import("react/jsx-runtime").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) => import("react/jsx-runtime").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) => import("react/jsx-runtime").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) => import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -0,0 +1 @@
+export declare const VoiceOver: () => import("react/jsx-runtime").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) => import("react/jsx-runtime").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) => import("react/jsx-runtime").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: () => import("react/jsx-runtime").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) => import("react/jsx-runtime").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) => import("react/jsx-runtime").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,27 @@
+/// <reference types="react" />
+import './index.css';
+interface Props {
+    /**
+     * 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?: 'sandbox' | 'production';
+    /**
+     * Callback triggered when a video is inserted.
+     * @param shareData - Contains the URL and HTML of the inserted video.
+     */
+    onVideoInsert?: (shareData: {
+        url: string;
+        html: string;
+    }) => void;
+    /**
+     * Callback triggered when there is an error inserting a video.
+     * @param error - The error occurred during video insert.
+     */
+    onVideoInsertError?: (error: unknown) => void;
+}
+declare const Covideo: React.FC<Props>;
+export default Covideo;