react-covideo-embed 0.1.0

package/build/lib/context/types.d.ts

@@ -0,0 +1,148 @@
+import { VideoEmailStatus, VideoStatus } from 'lib/const';
+export type GlobalAction = {
+    continueLoading?: boolean;
+    type: string;
+    payload?: any;
+    error?: string;
+    pathname?: string;
+};
+export interface Folder {
+    folderId: number | string;
+    name: string;
+    isDeletable: boolean;
+}
+export interface SelectProps {
+    label: any;
+    value: any;
+    labelField?: any;
+    __isNew__?: boolean;
+}
+export type InventoryItemMedia = {
+    inventoryItemMediaId: string;
+    itemId: string;
+    mediaType: number;
+    mediaSource: string;
+};
+export type InventoryItem = {
+    itemId: string;
+    customerId: string;
+    sold: boolean;
+    detailsPageUrl: string;
+    price: string;
+    title: string;
+    vin: string;
+    stockNumber: string;
+    itemCondition: string;
+    engine: string;
+    make: string;
+    model: string;
+    trim: string;
+    year: string;
+    mileage: string;
+    exteriorColor: string;
+    interiorColor: string;
+    transmission: string;
+    createdAt: Date;
+    media?: InventoryItemMedia[];
+    videosRecorded?: number | string;
+    videoRequests?: VideoRequest[];
+};
+export type VideoItem = {
+    videoRequest: any;
+    id: string;
+    autogeneratedThumbnail: string;
+    flvName: string;
+    sendReply: number;
+    title: string;
+    videoSource: string;
+    thumbnail?: string;
+    videoLength?: number;
+    playerBackgroundColor: string;
+    playerIconsAndTextColor: string;
+    playButtonPosition: string;
+    emailStatus: string;
+    personalThumbnail: string;
+    recordDate: string;
+};
+export type VideoListAutomotiveItem = {
+    id: string;
+    title: string;
+    recordDate: string;
+    views: string;
+    thumbnail: string;
+    videoRequest: VideoRequest;
+    repairOrder?: RepairOrderItem;
+    videoLength?: number;
+    videoSource: string;
+    playerBackgroundColor: string;
+    playButtonPosition: string;
+    playerIconsAndTextColor: string;
+    tags: object[];
+    user: any;
+    folder?: string;
+};
+export type VideoRequest = {
+    videoRequestId: string;
+    repairOrderNumber: string;
+    videoType: string;
+    title: string;
+    customerName: string;
+    note: string;
+    videoId: string;
+    video: VideoListAutomotiveItem;
+    repairOrder?: RepairOrderItem;
+    user: any;
+    advisor: any;
+    status: VideoStatus;
+    emailStatus: VideoEmailStatus;
+    createdAt: string;
+    vin?: string;
+    automotiveDepartment: number;
+    sharedWithCompany?: boolean;
+    userId?: string;
+    advisorId?: string;
+};
+export type RepairOrderActivity = {
+    RepairOrderActivityId: string;
+    title: string;
+    createdAt: string;
+};
+export type QuoteItem = {
+    title: string;
+    price: number;
+    approved: boolean;
+    required: boolean;
+};
+export type RepairOrderItem = {
+    repairOrderId: string;
+    videoId: string;
+    repairOrderNumber: string;
+    status: string;
+    firstName: string;
+    lastName: string;
+    phone?: string;
+    email?: string;
+    emailSubject?: string;
+    emailText?: string;
+    smsText?: string;
+    sendEmail: boolean;
+    sendQuote: boolean;
+    sendSms: boolean;
+    videoRequest?: VideoRequest;
+    quoteItems?: QuoteItem[];
+    activities?: RepairOrderActivity[];
+    user?: any;
+    advisor?: any;
+    ctaEmail?: boolean;
+    ctaPhone?: boolean;
+    createdAt?: string;
+    closeRatio?: number;
+    totalPrice?: number;
+    totalPriceApproved?: number;
+    video?: VideoItem;
+};
+export type TrimVideoData = {
+    title?: string;
+    start?: number;
+    duration?: number;
+};

package/build/lib/hooks/index.d.ts

@@ -0,0 +1,3 @@
+import { VideoData as VideoDataType } from './useVideoStore';
+export { useMediaRecorder } from './useMediaRecorder';
+export type VideoData = VideoDataType;

package/build/lib/hooks/query/inventoryItem/index.d.ts

@@ -0,0 +1 @@
+export * from './useGetInventoryItems';

package/build/lib/hooks/query/inventoryItem/useGetInventoryItems.d.ts

@@ -0,0 +1,12 @@
+type Props = {
+    size?: number;
+    page?: number;
+    sort?: string;
+    searchQuery?: string;
+    soldFilter?: string;
+    videosRecordedFilter?: string;
+    countRecorded?: boolean;
+    enabled?: boolean;
+};
+export declare const useGetInventoryItems: ({ size, page, sort, searchQuery, soldFilter, videosRecordedFilter, countRecorded, enabled, }: Props) => import("react-query").UseQueryResult<any, unknown>;
+export {};

package/build/lib/hooks/useCreateVideo.d.ts

@@ -0,0 +1,21 @@
+export interface VideoData {
+    title: string;
+    filename: string;
+    id?: number | string;
+}
+interface CreateVideoResponse {
+    success: boolean;
+    url: string;
+    html: string;
+    id: string;
+    video_id: string;
+    data?: any;
+}
+export declare const useCreateVideo: () => {
+    videoData: CreateVideoResponse;
+    loading: boolean;
+    error: boolean | null;
+    fetch: (data: VideoData) => void;
+    progress: number;
+};
+export {};

package/build/lib/hooks/useEncodeVideo.d.ts

@@ -0,0 +1,16 @@
+export interface EncodeData {
+    videoId: string;
+    customerId: string;
+}
+interface EncodeVideoResponse {
+    success: boolean;
+    job_id: number;
+}
+export declare const useEncodeVideo: () => {
+    encodeData: EncodeVideoResponse;
+    loading: boolean;
+    error: boolean | null;
+    fetch: (data: EncodeData) => Promise<void>;
+    progress: number;
+};
+export {};

package/build/lib/hooks/useMediaRecorder.d.ts

@@ -0,0 +1,46 @@
+import { ReactElement } from 'react';
+export declare const MIME_TYPE = "video/webm;codecs=vp8,opus";
+export declare const CONTENT_TYPE = "video/webm";
+export declare const FILE_EXTENSION = "webm";
+export type ReactMediaRecorderRenderProps = {
+    error: string;
+    muteAudio: () => void;
+    unMuteAudio: () => void;
+    startRecording: () => void;
+    startRecordingForCanvas: (canvasStream: any) => void;
+    pauseRecording: () => void;
+    resumeRecording: () => void;
+    stopRecording: () => void;
+    mediaBlobUrl: null | string;
+    status: StatusMessages;
+    isAudioMuted: boolean;
+    previewStream: MediaStream | null;
+    previewAudioStream: MediaStream | null;
+    clearBlobUrl: () => void;
+};
+export type ReactMediaRecorderHookProps = {
+    audio?: boolean | MediaTrackConstraints;
+    video?: boolean | MediaTrackConstraints;
+    screen?: boolean;
+    onStop?: (blobUrl: string, blob: Blob) => void;
+    blobPropertyBag?: BlobPropertyBag;
+    mediaRecorderOptions?: any | null;
+    mimeType?: string;
+    quality?: string;
+};
+export type ReactMediaRecorderProps = ReactMediaRecorderHookProps & {
+    render: (props: ReactMediaRecorderRenderProps) => ReactElement;
+};
+export type StatusMessages = 'media_aborted' | 'permission_denied' | 'no_specified_media_found' | 'media_in_use' | 'invalid_media_constraints' | 'no_constraints' | 'recorder_error' | 'idle' | 'acquiring_media' | 'delayed_start' | 'recording' | 'stopping' | 'stopped';
+export declare enum RecorderErrors {
+    AbortError = "media_aborted",
+    NotAllowedError = "permission_denied",
+    NotFoundError = "no_specified_media_found",
+    NotReadableError = "media_in_use",
+    OverconstrainedError = "invalid_media_constraints",
+    TypeError = "no_constraints",
+    NONE = "",
+    NO_RECORDER = "recorder_error"
+}
+export declare function useMediaRecorder({ audio, video, onStop, blobPropertyBag, screen, mediaRecorderOptions, mimeType, quality, }: ReactMediaRecorderHookProps): ReactMediaRecorderRenderProps;
+export declare const ReactMediaRecorder: (props: ReactMediaRecorderProps) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/build/lib/hooks/usePresignedUrl.d.ts

@@ -0,0 +1,16 @@
+interface PresignedUrl {
+    url: string;
+    id?: number;
+}
+interface PresignedUrlParams {
+    fileName: string;
+    type: string;
+    id?: number;
+}
+export declare const usePresignedUrl: () => {
+    presignedUrl: PresignedUrl;
+    loading: boolean;
+    error: boolean | null;
+    fetch: (data: PresignedUrlParams) => void;
+};
+export {};

package/build/lib/hooks/useQueryFetch.d.ts

@@ -0,0 +1,19 @@
+import { AxiosRequestConfig, AxiosResponse, Method } from 'axios';
+export interface ExpandedAxiosResponse extends AxiosResponse<any> {
+    success?: boolean;
+}
+export type UseQueryProps = {
+    method?: Method;
+    params?: {};
+    pathname?: string;
+    origin?: string;
+    autoFetch?: boolean;
+    showToastMessage?: boolean;
+};
+export declare const useQueryFetch: ({ method, pathname, origin, params, autoFetch, showToastMessage, }: UseQueryProps) => {
+    data: any;
+    loading: boolean;
+    error: boolean | null;
+    fetchData: (requestConfig?: AxiosRequestConfig, id?: any) => Promise<void>;
+    progress: number;
+};

package/build/lib/hooks/useQueryState.d.ts

@@ -0,0 +1,22 @@
+export type ActionType = {
+    type: 'REQUEST';
+} | {
+    type: 'SUCCESS';
+    data: {};
+} | {
+    type: 'FAILURE';
+    error: boolean;
+} | {
+    type: 'PROGRESS';
+};
+type QueryState = {
+    data: any | null;
+    error: boolean | null;
+    loading: boolean;
+    progress: number;
+};
+export declare const useQueryState: (init?: any) => {
+    state: QueryState;
+    dispatch: import("react").Dispatch<ActionType>;
+};
+export {};

package/build/lib/hooks/useS3Upload.d.ts

@@ -0,0 +1,15 @@
+export interface UploadData {
+    url: string;
+    file: File;
+    contentType?: string;
+    onUploadProgress: (event: ProgressEvent, id?: number | string) => void;
+    id?: number;
+}
+interface UseS3Upload {
+    data: any;
+    loading: boolean;
+    error: string | null;
+    uploadVideo(video: UploadData): void;
+}
+export declare const useS3Upload: () => UseS3Upload;
+export {};

package/build/lib/hooks/useVideoShareLink.d.ts

@@ -0,0 +1,18 @@
+export type VideoShareLinkData = {
+    url: string;
+    html: string;
+    key?: string;
+};
+export type VideoShareSetData = {
+    videoId: string;
+    templateId: number;
+    linksetId?: string | number;
+    overlayId?: string | number;
+    vin: string;
+    allowReactions?: boolean;
+};
+export declare const getExpressLinkWithData: (videoShareSetData: VideoShareSetData, useAutomotive?: boolean) => Promise<{
+    url: any;
+    html: any;
+    key: any;
+}>;

package/build/lib/hooks/useVideoStore.d.ts

@@ -0,0 +1,17 @@
+export type VideoData = {
+    id: string;
+    title: string;
+    recordDate: string;
+    autogeneratedThumbnail: string;
+    videoSource: string;
+    personalThumbnail: string;
+    playerBackgroundColor: string;
+    playerIconsAndTextColor: string;
+    playButtonPosition: string;
+    wtvId?: number;
+    emailStatus: string;
+    protected?: boolean | string;
+    videoLength?: number;
+    reactionsPreference?: boolean;
+    userId?: number;
+};

package/build/lib/hooks/useVideoTranscriptionStart.d.ts

@@ -0,0 +1,9 @@
+import { VideoTranscriptionResponse } from 'lib/api';
+interface VideoTranscription {
+    data: VideoTranscriptionResponse;
+    loading: boolean;
+    error: string | null;
+    start: (videoId: string) => void;
+}
+export declare const useVideoTranscriptionStart: () => VideoTranscription;
+export {};

package/build/lib/images/AccountIcon.d.ts

@@ -0,0 +1,2 @@
+export default AccountIcon;
+declare const AccountIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/AddIcon.d.ts

@@ -0,0 +1,2 @@
+export default AddIcon;
+declare const AddIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/ArrowBackcon.d.ts

@@ -0,0 +1,2 @@
+export default ArrowBackIcon;
+declare const ArrowBackIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/CarIcon.d.ts

@@ -0,0 +1,2 @@
+export default CarIcon;
+declare const CarIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/CheckmarkIcon.d.ts

@@ -0,0 +1,2 @@
+export default CheckmarkIcon;
+declare const CheckmarkIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/CloseCircleIcon.d.ts

@@ -0,0 +1,2 @@
+export default CloseCircleIcon;
+declare const CloseCircleIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/CloseIcon.d.ts

@@ -0,0 +1,2 @@
+export default CloseIcon;
+declare const CloseIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/CutIcon.d.ts

@@ -0,0 +1,2 @@
+export default CutIcon;
+declare const CutIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/DeleteIcon.d.ts

@@ -0,0 +1,2 @@
+export default DeleteIcon;
+declare const DeleteIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/Drag.d.ts

@@ -0,0 +1,2 @@
+export default Drag;
+declare const Drag: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/DropdownIcon.d.ts

@@ -0,0 +1 @@
+export function DropdownIcon(props: any): import("react/jsx-runtime").JSX.Element;

package/build/lib/images/HashtagIcon.d.ts

@@ -0,0 +1,2 @@
+export default HashtagIcon;
+declare const HashtagIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/InsertVideoIcon.d.ts

@@ -0,0 +1,2 @@
+export default InsertVideoIcon;
+declare const InsertVideoIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/LaptopIcon.d.ts

@@ -0,0 +1,2 @@
+export default LaptopIcon;
+declare const LaptopIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/LogoCDS.d.ts

@@ -0,0 +1,2 @@
+export default LogoCDS;
+declare const LogoCDS: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/LogoGeneral.d.ts

@@ -0,0 +1,2 @@
+export default LogoGeneral;
+declare const LogoGeneral: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/MovieIcon.d.ts

@@ -0,0 +1,2 @@
+export default MovieIcon;
+declare const MovieIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/SaveIcon.d.ts

@@ -0,0 +1,2 @@
+export default SaveIcon;
+declare const SaveIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/SettingsIcon.d.ts

@@ -0,0 +1,2 @@
+export default SettingsIcon;
+declare const SettingsIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/SmallLogoIcon.d.ts

@@ -0,0 +1,2 @@
+export default SmallLogoIcon;
+declare const SmallLogoIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/VectorIcon.d.ts

@@ -0,0 +1,2 @@
+export default VectorIcon;
+declare const VectorIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/VideoIcon.d.ts

@@ -0,0 +1,2 @@
+export default VideoIcon;
+declare const VideoIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/ZoomInIcon.d.ts

@@ -0,0 +1,2 @@
+export default ZoomInIcon;
+declare const ZoomInIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/ZoomOutIcon.d.ts

@@ -0,0 +1,2 @@
+export default ZoomOutIcon;
+declare const ZoomOutIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/pauseButton.d.ts

@@ -0,0 +1,2 @@
+export default PauseIcon;
+declare const PauseIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/playButton.d.ts

@@ -0,0 +1,2 @@
+export default PlayIcon;
+declare const PlayIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/images/volumeOff.d.ts

@@ -0,0 +1 @@
+export function VolumeOffIcon(props: any): import("react/jsx-runtime").JSX.Element;

package/build/lib/style/index.d.ts

@@ -0,0 +1,2 @@
+import * as theme from './theme';
+export { theme };

package/build/lib/style/theme.d.ts

@@ -0,0 +1,121 @@
+export declare const screenSizes: {
+    mb: number;
+    xs: number;
+    sm: number;
+    cmd: number;
+    md: number;
+    lg: number;
+    xlg: number;
+    xxlg: number;
+};
+export declare const systemFontStack = "var(--font-family-secondary)";
+export declare const fontNormal400: {
+    fontWeight: number;
+    fontFamily: string;
+};
+export declare const fontNormal500: {
+    fontWeight: number;
+    fontFamily: string;
+};
+export declare const fontNormal600: {
+    fontWeight: number;
+    fontFamily: string;
+};
+export declare const fontBold700: {
+    fontWeight: number;
+    fontFamily: string;
+};
+export declare const fontBold800: {
+    fontWeight: number;
+    fontFamily: string;
+};
+export declare const fontSizes: {
+    xxs: string;
+    xs: string;
+    sm: string;
+    m: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+};
+export declare const mediaQueryMinWidth: {
+    mb: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xlg: string;
+    xxlg: string;
+    cmd: string;
+};
+export declare const mediaQueryMaxWidth: {
+    mb: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xlg: string;
+    xxlg: string;
+};
+export declare const palette: {
+    white: string;
+    gray: string;
+    black_1_100: string;
+    blackRgb60: string;
+    blackRgba75: string;
+    themeDark: string;
+    blue80: string;
+    blue60: string;
+    blue40: string;
+    blue20: string;
+    blue05: string;
+    blue02: string;
+    blue100: string;
+    gray10: string;
+    gray20: string;
+    gray40: string;
+    gray60: string;
+    gray80: string;
+    gray100: string;
+    transparent: string;
+    error: string;
+    tertiaryBlue: string;
+    tertiaryBlue20: string;
+    tertiaryBlue60: string;
+    tertiaryBlue80: string;
+    orange05: string;
+    orange100: string;
+    black: string;
+    black05: string;
+    black25: string;
+    black40: string;
+    primaryRedDanger: string;
+    red02: string;
+    red40: string;
+    red10: string;
+    red100: string;
+    whiteRgb85: string;
+    primaryDarkBlue: string;
+    lightgray40: string;
+    covideoBlue100: string;
+    covideoBlue40: string;
+    covideoBlue005: string;
+    covideoGray100: string;
+    themeDark50Percent: string;
+    themeDark75Percent: string;
+    secondaryButtonBlueBg: string;
+    label: string;
+    buttonDanger: string;
+    lightgray: string;
+    buttonDelete: string;
+    buttonDangerHover: string;
+    hamburgerMenuHover: string;
+    primaryThemeColor: string;
+    blackRgb75: string;
+    buttonPrimaryHover: string;
+    primaryCDSColor: string;
+    primaryBlack25Percent: string;
+    secondaryBlue: string;
+    midGrey: string;
+};

package/build/lib/utils/UseOnClickOutside.d.ts

@@ -0,0 +1,3 @@
+export function useOnClickOutside(callback: any): {
+    ref: (node: any) => void;
+};

package/build/lib/utils/automotiveRolePermissionChecks.d.ts

@@ -0,0 +1,11 @@
+import { UserData } from 'lib/context';
+export declare const checkIfAutomotive: (userData: UserData) => boolean;
+export declare const checkIfAutomotiveServiceRole: (userData: UserData) => boolean;
+export declare const checkIfAutomotiveSalesRole: (userData: UserData) => boolean;
+export declare const getAutomotiveRoleValueFromLabel: (automotiveRoleLabel: string) => string;
+export declare const checkIfVideoRequestFieldsRequired: (userData: UserData) => boolean;
+export declare const validateAutomotiveFields: (userData: UserData, data: any) => boolean;
+export declare const checkIfIMSEnabled: (userData: UserData) => boolean;
+export declare const checkIfVdpEnabled: (userData: UserData) => boolean;
+export declare const checkIfVdpAllowed: (userData: UserData) => boolean;
+export declare const getAutomotiveRoleAsString: (automotiveRole: number) => string;

package/build/lib/utils/functions.d.ts

@@ -0,0 +1,18 @@
+import { UserData } from 'lib/context';
+export declare const toString: (o: any) => any;
+export declare const toHHMMSSFF: (sec_num: number, frame_rate?: number) => string;
+export declare const toMMSS: (sec_num: number, fractionDigits?: number) => string;
+export declare const toMMSSSimplified: (length: number) => string;
+export declare const generateFileName: (userData: UserData, fileExt: string) => string;
+export declare const generateVideoTitle: () => string;
+export declare const serverTimeToUserTime: (time: string, userData: UserData, format?: string) => string;
+export declare const reorder: (list: any[], startIndex: number, endIndex: number) => any[];
+type CheckIfVideoIsTrimmedProps = {
+    trimStart: number;
+    trimEnd: number;
+    videoDuration: number;
+};
+export declare const checkIfVideoIsTrimmed: ({ trimStart, trimEnd, videoDuration, }: CheckIfVideoIsTrimmedProps) => boolean;
+export declare const isSafari: boolean;
+export declare const toMB: (KB: number) => string;
+export {};

package/build/lib/utils/object.d.ts

@@ -0,0 +1,3 @@
+export declare function isObject(item: any): any;
+export declare function mergeDeep(target: any, ...sources: any): object;
+export declare function anyInMap(arr: any[], map: Map<any, any>, id?: string): boolean;