react-covideo-embed 1.0.10 → 1.0.11

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

@@ -0,0 +1,149 @@
+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;
+    access?: string;
+}
+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,2 @@
+import { VideoData as VideoDataType } from './useVideoStore';
+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/query/markAsSent/useQuickShareMarkAsSentMutation.d.ts

@@ -0,0 +1,28 @@
+interface MarkAsSentResponse {
+    key: string;
+    url: string;
+    html: string;
+    thumbnail: string;
+    legacyHtml: string;
+    shortUrlCode: string;
+}
+type QuickShareTypes = 'html_code' | 'url' | 'crm_code' | 'quickshare' | 'insert' | '';
+export interface IQuickShareMarkAsSentParams {
+    videoId: number | string;
+    linksetId?: number | string;
+    templateId?: number | string;
+    overlayId?: number | string;
+    vin?: number | string;
+    markAsSentConfirmed?: boolean | undefined;
+    videoActivityType?: string | undefined;
+    iconId?: number;
+    format?: string;
+    useAutomotive?: string | boolean | undefined;
+    allowVideoReply?: string | boolean | undefined;
+    allowReactions?: string | boolean | undefined;
+    notifyUser?: string | boolean | undefined;
+    toastType?: QuickShareTypes;
+    reuseShortUrl?: boolean;
+}
+export declare const useQuickShareMarkAsSentMutation: (onSuccessCallback: () => void) => import("react-query").UseMutationResult<MarkAsSentResponse, unknown, IQuickShareMarkAsSentParams, unknown>;
+export {};

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

@@ -0,0 +1,4 @@
+import { IQuickShareMarkAsSentParams } from './query/markAsSent/useQuickShareMarkAsSentMutation';
+export declare const useCopyClipboard: () => {
+    copyClipboard: (url: string, html: string, params: IQuickShareMarkAsSentParams) => Promise<void>;
+};

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

@@ -0,0 +1,21 @@
+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 @@
+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/useImageLoadRetry.d.ts

@@ -0,0 +1,10 @@
+type Props = {
+    src: string;
+    onLoad?: (width: number, height: number) => void;
+};
+declare const useImageLoadRetry: ({ src, onLoad }: Props) => {
+    imgRef: import("react").RefObject<HTMLImageElement>;
+    retryCount: number;
+    error: boolean;
+};
+export default useImageLoadRetry;

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

@@ -0,0 +1,32 @@
+export declare const MIME_TYPE: string;
+export declare const CONTENT_TYPE = "video/webm";
+export declare const FILE_EXTENSION = "webm";
+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;
+};
+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;
+};
+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 function useMediaRecorder({ audio, video, onStop, blobPropertyBag, screen, mediaRecorderOptions, mimeType, quality, }: ReactMediaRecorderHookProps): ReactMediaRecorderRenderProps;
+export {};

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,16 @@
+import { AxiosRequestConfig, Method } from 'axios';
+type UseQueryProps = {
+    method?: Method;
+    params?: {};
+    pathname?: string;
+    autoFetch?: boolean;
+    showToastMessage?: boolean;
+};
+export declare const useQueryFetch: ({ method, pathname, params, autoFetch, showToastMessage, }: UseQueryProps) => {
+    data: any;
+    loading: boolean;
+    error: boolean | null;
+    fetchData: (requestConfig?: AxiosRequestConfig, id?: any) => Promise<void>;
+    progress: number;
+};
+export {};

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

@@ -0,0 +1,22 @@
+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 @@
+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/useVideoLoadRetry.d.ts

@@ -0,0 +1,12 @@
+import { VideoListItem } from 'lib/api';
+type Props = {
+    videoId: string | number;
+    checkField: keyof VideoListItem;
+    enabled: boolean;
+};
+declare const useVideoLoadRetry: ({ videoId, checkField, enabled }: Props) => {
+    videoData: VideoListItem | null;
+    retryCount: number;
+    error: boolean;
+};
+export default useVideoLoadRetry;

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/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/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/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/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/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): 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,7 @@
+import { UserData } from 'lib/context';
+export declare const checkIsIMSEnabled: (userData: UserData) => boolean;
+export declare const checkIfAutomotive: (userData: UserData) => boolean;
+export declare const checkIfAutomotiveServiceRole: (userData: UserData) => boolean;
+export declare const checkIfAutomotiveSalesRole: (userData: UserData) => boolean;
+export declare const checkIfVideoRequestFieldsRequired: (userData: UserData) => boolean;
+export declare const getMarkAsSentValue: (userData: UserData) => number;

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

@@ -0,0 +1,22 @@
+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 declare function capitalizeFirstLetter(string: string): string;
+export declare function clearCookies(): void;
+export declare const toMMSSTimestamp: (sec_num: number, fractionDigits?: number) => string;
+export declare function checkIfMobileDevice(): boolean;
+export {};

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

@@ -0,0 +1,3 @@
+import { UserData } from 'lib/context';
+export declare const checkIfCustomerReactionsEnabled: (userData: UserData) => boolean;
+export declare const checkIfReactionsEnabledByDefault: (userData: UserData) => boolean;