react-covideo-embed 1.0.91 → 1.0.95

package/dist/app/pages/quickVideos/QuickVideos.d.ts

@@ -1 +1,5 @@
-export declare const QuickVideos: () => import("react/jsx-runtime").JSX.Element;
+type QuickVideosProps = {
+    handleUpdateToken: (jwt: string) => void | Promise<void>;
+};
+export declare const QuickVideos: ({ handleUpdateToken }: QuickVideosProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/app/pages/quickVideos/assets/AddVideoIcon.d.ts

@@ -0,0 +1,2 @@
+export default AddVideoIcon;
+declare const AddVideoIcon: import("styled-components").StyledComponent<import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & Record<string, unknown>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/app/pages/quickVideos/assets/VideoIcon.d.ts

@@ -0,0 +1,2 @@
+export default VideoIcon;
+declare const VideoIcon: import("styled-components").StyledComponent<import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & Record<string, unknown>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/app/pages/quickVideos/assets/index.d.ts

@@ -0,0 +1,2 @@
+export { default as VideoIcon } from './VideoIcon';
+export { default as AddVideoIcon } from './AddVideoIcon';

package/dist/app/pages/quickVideos/card/QuickVideoCard.d.ts

@@ -0,0 +1,10 @@
+import type { IQuickVideoPart } from 'lib/api/quickVideos/types';
+export interface QuickVideoCardProps {
+    quickVideoId: string;
+    name: string;
+    thumbnailUrl: string;
+    description: string;
+    quickVideoParts: IQuickVideoPart[];
+    leadOpportunityId?: string;
+}
+export declare const QuickVideoCard: ({ quickVideoId, name, thumbnailUrl, description, quickVideoParts, leadOpportunityId, }: QuickVideoCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/app/pages/quickVideos/card/components/QuickVideoCardBodySection.d.ts

@@ -0,0 +1,6 @@
+export interface QuickVideoCardBodySectionProps {
+    thumbnailUrl?: string;
+    name: string;
+    onOpenDetails: () => void;
+}
+export declare const QuickVideoCardBodySection: ({ thumbnailUrl, name, onOpenDetails, }: QuickVideoCardBodySectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/app/pages/quickVideos/card/components/QuickVideoCardFooterSection.d.ts

@@ -0,0 +1,6 @@
+export interface QuickVideoCardFooterSectionProps {
+    quickVideoId: string;
+    leadOpportunityId?: string;
+    disabled?: boolean;
+}
+export declare const QuickVideoCardFooterSection: ({ quickVideoId, leadOpportunityId, disabled, }: QuickVideoCardFooterSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/app/pages/quickVideos/card/components/QuickVideoCardHeader.d.ts

@@ -0,0 +1,6 @@
+export interface QuickVideoCardHeaderProps {
+    name: string;
+    description: string;
+    onOpenDetails: () => void;
+}
+export declare const QuickVideoCardHeader: ({ name, description, onOpenDetails, }: QuickVideoCardHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/app/pages/quickVideos/form/Manager.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+import type { IQuickVideoPart } from 'lib/api/quickVideos/types';
+export type ManagerProps = {
+    quickVideoId: number;
+    quickVideoParts: IQuickVideoPart[];
+    onSubmitSuccess?: () => void;
+    children: ReactNode;
+};
+export declare const Manager: ({ quickVideoId, quickVideoParts, onSubmitSuccess, children, }: ManagerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/app/pages/quickVideos/form/Page.d.ts

@@ -0,0 +1,8 @@
+import type { IQuickVideoPart } from 'lib/api/quickVideos/types';
+export type PageProps = {
+    quickVideoId: number;
+    quickVideoParts: IQuickVideoPart[];
+    onClose: () => void;
+    onSubmitSuccess?: () => void;
+};
+export declare const Page: ({ quickVideoId, quickVideoParts, onClose, onSubmitSuccess, }: PageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/app/pages/quickVideos/form/View.d.ts

@@ -0,0 +1,5 @@
+import type { IQuickVideoPart } from 'lib/api/quickVideos/types';
+export type ViewProps = {
+    quickVideoParts: IQuickVideoPart[];
+};
+export declare const View: ({ quickVideoParts }: ViewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/app/pages/quickVideos/form/data/payload.d.ts

@@ -0,0 +1,3 @@
+import type { IQuickVideoUserConfigurationRequest } from 'lib/api/quickVideos/types';
+import type { FormikValues } from './values';
+export declare const preparePatchData: (values: FormikValues) => IQuickVideoUserConfigurationRequest;

package/dist/app/pages/quickVideos/form/data/validation.d.ts

@@ -0,0 +1 @@
+export declare const getValidation: () => any;

package/dist/app/pages/quickVideos/form/data/values.d.ts

@@ -0,0 +1,19 @@
+import type { IQuickVideoPart } from 'lib/api/quickVideos/types';
+export type QuickVideoPendingVideo = {
+    id: number;
+    title: string;
+    thumbnail?: string;
+    videoLength?: number;
+    totalViews?: number;
+    recordDate?: string;
+};
+export type QuickVideoUserPartFormValue = {
+    quickVideoPartId: number;
+    videoId?: number;
+    /** Client-only preview until save/refetch provides server configuration. */
+    pendingVideo?: QuickVideoPendingVideo;
+};
+export interface FormikValues {
+    parts: QuickVideoUserPartFormValue[];
+}
+export declare const getInitialValues: (quickVideoParts: IQuickVideoPart[]) => FormikValues;

package/dist/app/pages/quickVideos/form/hooks/useSubmit.d.ts

@@ -0,0 +1,4 @@
+import type { FormikValues } from '../data/values';
+export declare const useSubmit: (quickVideoId: number) => {
+    submit: (values: FormikValues) => Promise<import("../../../../../lib/api/quickVideos/types").IQuickVideoResponseItem>;
+};

package/dist/app/pages/quickVideos/modals/QuickVideoAddVideoModal.d.ts

@@ -0,0 +1,8 @@
+import type { VideoListAutomotiveItem } from 'lib/context';
+import type { IQuickVideoPart } from 'lib/api/quickVideos/types';
+export type QuickVideoAddVideoModalProps = {
+    part: IQuickVideoPart;
+    onClose: () => void;
+    onAddVideo: (video: VideoListAutomotiveItem) => void;
+};
+export declare const QuickVideoAddVideoModal: ({ part, onClose, onAddVideo, }: QuickVideoAddVideoModalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/app/pages/quickVideos/modals/QuickVideoDetailsModal.d.ts

@@ -0,0 +1,9 @@
+import type { IQuickVideoPart } from 'lib/api/quickVideos/types';
+export type QuickVideoDetailsModalProps = {
+    handleModalClose: () => void;
+    quickVideoId: number;
+    name: string;
+    description: string;
+    quickVideoParts: IQuickVideoPart[];
+};
+export declare const QuickVideoDetailsModal: ({ handleModalClose, quickVideoId, name, description, quickVideoParts, }: QuickVideoDetailsModalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/app/pages/quickVideos/modals/components/QuickVideoAddVideoListItem.d.ts

@@ -0,0 +1,7 @@
+import type { VideoListAutomotiveItem } from 'lib/context';
+export type QuickVideoAddVideoListItemProps = {
+    video: VideoListAutomotiveItem;
+    selected: boolean;
+    onSelect: (video: VideoListAutomotiveItem) => void;
+};
+export declare const QuickVideoAddVideoListItem: ({ video, selected, onSelect, }: QuickVideoAddVideoListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/app/pages/quickVideos/modals/components/QuickVideoDetailsModalFooter.d.ts

@@ -0,0 +1,4 @@
+export type QuickVideoDetailsModalFooterProps = {
+    onClose: () => void;
+};
+export declare const QuickVideoDetailsModalFooter: ({ onClose, }: QuickVideoDetailsModalFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/app/pages/quickVideos/modals/components/QuickVideoDetailsModalForm.d.ts

@@ -0,0 +1,5 @@
+import type { PropsWithChildren } from 'react';
+export type QuickVideoDetailsModalFormProps = PropsWithChildren<{
+    onClose: () => void;
+}>;
+export declare const QuickVideoDetailsModalForm: ({ children, onClose, }: QuickVideoDetailsModalFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/app/pages/quickVideos/modals/components/QuickVideoDetailsModalHeader.d.ts

@@ -0,0 +1,6 @@
+export type QuickVideoDetailsModalHeaderProps = {
+    name: string;
+    description: string;
+    onClose: () => void;
+};
+export declare const QuickVideoDetailsModalHeader: ({ name, description, onClose, }: QuickVideoDetailsModalHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/app/pages/quickVideos/modals/components/QuickVideoPart.d.ts

@@ -0,0 +1,11 @@
+import type { IQuickVideoPart } from 'lib/api/quickVideos/types';
+import type { QuickVideoPendingVideo } from '../../form/data/values';
+export type QuickVideoPartProps = {
+    part: IQuickVideoPart;
+    /** Current user-selected video id from Formik (user_video parts only). */
+    selectedUserVideoId?: number;
+    pendingVideo?: QuickVideoPendingVideo;
+    onClearUserVideo?: () => void;
+    onOpenAddVideo?: () => void;
+};
+export declare const QuickVideoPart: ({ part, selectedUserVideoId, pendingVideo, onClearUserVideo, onOpenAddVideo, }: QuickVideoPartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/app/pages/quickVideos/modals/components/QuickVideoUserConfigurationVideoDetails.d.ts

@@ -0,0 +1,7 @@
+import type { IQuickVideoPartUserConfiguration } from 'lib/api/quickVideos/types';
+export type QuickVideoUserConfigurationVideoDetailsProps = {
+    configuration: IQuickVideoPartUserConfiguration;
+    onRemove?: () => void;
+    onChange?: () => void;
+};
+export declare const QuickVideoUserConfigurationVideoDetails: ({ configuration, onRemove, onChange, }: QuickVideoUserConfigurationVideoDetailsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/app/pages/quickVideos/modals/styles.d.ts

@@ -0,0 +1,7 @@
+export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Body: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Footer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const AddYourVideoButtonWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const QuickVideoDetailsModalLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const QUICK_VIDEO_ADD_VIDEO_LIST_SCROLL_ID = "quickVideoAddVideoListScroll";
+export declare const VideoListScrollContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/app/pages/quickVideos/styles.d.ts

@@ -0,0 +1,29 @@
+export declare const QuickVideoContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const QuickVideoCategorySection: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
+export declare const QuickVideoCategory: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, import("lib/components/styles/typography").ICommonTypography & {
+    as: string;
+}, "as">;
+export declare const QuickVideoCardGrid: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+export declare const QuickVideoCardGridItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+export declare const QuickVideoCard: import("styled-components").StyledComponent<"article", import("styled-components").DefaultTheme, {}, never>;
+export declare const QuickVideoCardBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const QuickVideoCardThumbnail: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;
+export declare const QuickVideoCardThumbnailPlaceholder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const QuickVideoCardThumbnailPlaceholderText: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, import("lib/components/styles/typography").ICommonTypography & {
+    as: string;
+} & {
+    as: string;
+}, "as">;
+export declare const QuickVideoCardHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {}, never>;
+export declare const QuickVideoCardName: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, import("lib/components/styles/typography").ICommonTypography & {
+    as: string;
+} & {
+    as: string;
+}, "as">;
+export declare const QuickVideoCardDescription: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, import("lib/components/styles/typography").ICommonTypography & {
+    as: string;
+}, "as">;
+export declare const QuickVideoCardMenuWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const QuickVideoCardMenuTrigger: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const QuickVideoCardMenu: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const QuickVideoCardFooter: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {}, never>;

package/dist/app/pages/quickVideos/utils.d.ts

@@ -0,0 +1,14 @@
+import type { TFunction } from 'i18next';
+import type { VideoListAutomotiveItem } from 'lib/context';
+import { type QuickVideoPartPosition, type QuickVideoPartType } from 'lib/api/quickVideos/constants';
+import type { IQuickVideoPart, IQuickVideoPartUserConfiguration } from 'lib/api/quickVideos/types';
+import type { QuickVideoPendingVideo } from './form/data/values';
+export declare const getTranslatedPartPositionLabel: (partPosition: QuickVideoPartPosition, t: TFunction) => string;
+export declare const getTranslatedPartTypeLabel: (partType: QuickVideoPartType, t: TFunction) => string;
+export declare const getQuickVideoPartHeader: (part: Pick<IQuickVideoPart, "partPosition" | "partType">, t: TFunction) => string;
+export declare const getQuickVideoPartShortName: (part: Pick<IQuickVideoPart, "partPosition" | "partType">, t: TFunction) => string;
+export declare const getQuickVideoCardThumbnailUrl: (quickVideoParts: IQuickVideoPart[], fallbackThumbnailUrl?: string) => string | undefined;
+export declare const mapListItemToPendingVideo: (video: VideoListAutomotiveItem) => QuickVideoPendingVideo;
+export declare const toConfigurationFromPending: (pendingVideo: QuickVideoPendingVideo) => IQuickVideoPartUserConfiguration;
+export declare const formatVideoLengthLabel: (videoLengthMs: number | undefined, t: TFunction) => string;
+export declare const formatViewsAndDateLine: (totalViews: number | undefined, recordDate: string | undefined, t: TFunction) => string;

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import './index.css';
+import type { LeadDetails } from 'lib/api/quickVideos/types';
 import { WHITELABEL } from 'lib/context/ConfigurationContext';
 import 'react-covideo-ai-assist/dist/react-covideo-ai-assist.css';
 export declare enum Feature {
@@ -50,6 +51,13 @@ export type ShareData = {
     token: string;
     videoId: string;
 };
+export type QuickVideoSendData = {
+    videoId: string;
+    quickVideoJobId: number;
+    leadOpportunityId: string;
+};
+export type { LeadDetails } from 'lib/api/quickVideos/types';
+export { hasLeadDetails } from 'lib/api/quickVideos/types';
 export type RecordData = {
     token: string;
 };
@@ -84,9 +92,14 @@ export type CovideoEmbedProps = {
     /** Which product flow to use */
     flow?: Flow | FlowType;
     /**
-     * Lead opportunity ID required for the Quick Videos Only flow.
+     * Lead opportunity ID for the Quick Videos Only flow.
+     * Optional when `leadDetails` is provided instead.
      */
     leadOpportunityId?: string;
+    /**
+     * Lead contact details when `leadOpportunityId` is not provided (Quick Videos Only flow).
+     */
+    leadDetails?: LeadDetails;
     /** Optional preview video id that triggers internal navigation to /preview/:videoId. */
     previewVideoId?: string;
     /** Enables analytics tracking in the player. */
@@ -101,6 +114,17 @@ export type CovideoEmbedProps = {
      * @param error - The error occurred during video insert.
      */
     onVideoInsertError?: (error: unknown) => void;
+    /**
+     * Callback triggered when a quick video is successfully sent in the
+     * Quick Videos Only flow (`flow: 'quickVideosOnly'`).
+     * @param data - Quick video job identifiers after a successful send.
+     */
+    onQuickVideoSend?: (data: QuickVideoSendData) => void;
+    /**
+     * Callback triggered when there is an error sending a quick video.
+     * @param error - The error occurred during quick video send.
+     */
+    onQuickVideoSendError?: (error: unknown) => void;
     /**
      * Callback triggered when the record button is clicked.
      * @param data - Contains the auth token.

package/dist/lib/api/quickVideos/constants.d.ts

@@ -0,0 +1,42 @@
+export declare const QUICK_VIDEO_USE_CASE: {
+    readonly FIRST_RESPONSE: "first_response";
+    readonly SCHEDULE_TEST_DRIVE: "schedule_test_drive";
+    readonly AFTER_HOURS: "after_hours";
+    readonly VEHICLE_WALKAROUND: "vehicle_walkaround";
+    readonly APPOINTMENT_REMINDER: "appointment_reminder";
+    readonly MISSED_APPOINTMENT: "missed_appointment";
+    readonly UNSOLD_FOLLOWUP: "unsold_followup";
+    readonly THANK_YOU: "thank_you";
+    readonly REVIEW_OR_REFERRAL_REQUEST: "review_or_referral_request";
+    readonly CSI_SURVEY_REMINDER: "csi_survey_reminder";
+    readonly HOLIDAY_PROMOTION: "holiday_promotion";
+    readonly SALE_PROMOTION: "sale_promotion";
+    readonly DEALERSHIP_SHOWCASE: "dealership_showcase";
+    readonly AGING_INVENTORY_SHOWCASE: "aging_inventory_showcase";
+    readonly PURCHASE_ANNIVERSARY: "purchase_anniversary";
+    readonly LEASE_EXPIRATION_REMINDER: "lease_expiration_reminder";
+    readonly HAPPY_BIRTHDAY: "happy_birthday";
+    readonly BUY_BACK_OFFER: "buy_back_offer";
+    readonly SCHEDULE_SERVICE_APPOINTMENT: "schedule_service_appointment";
+    readonly SERVICE_APPOINTMENT_REMINDER: "service_appointment_reminder";
+    readonly MAINTENANCE_REMINDER: "maintenance_reminder";
+    readonly INTRO_TO_SERVICE_DEPARTMENT: "intro_to_service_department";
+    readonly SERVICE_DEPARTMENT_SHOWCASE: "service_department_showcase";
+};
+export type QuickVideoUseCase = (typeof QUICK_VIDEO_USE_CASE)[keyof typeof QUICK_VIDEO_USE_CASE];
+export declare const QUICK_VIDEO_USE_CASE_LABELS: Record<QuickVideoUseCase, string>;
+export declare const QUICK_VIDEO_PART_TYPE: {
+    readonly AI_VIN_REEL: "ai_vin_reel";
+    readonly AI_ASSISTANT: "ai_assistant";
+    readonly USER_VIDEO: "user_video";
+    readonly DEALERSHIP_VIDEO: "dealership_video";
+};
+export type QuickVideoPartType = (typeof QUICK_VIDEO_PART_TYPE)[keyof typeof QUICK_VIDEO_PART_TYPE];
+export declare const QUICK_VIDEO_PART_TYPE_LABELS: Record<QuickVideoPartType, string>;
+export declare const QUICK_VIDEO_PART_POSITION: {
+    readonly INTRO: "intro";
+    readonly MAIN: "main";
+    readonly OUTRO: "outro";
+};
+export type QuickVideoPartPosition = (typeof QUICK_VIDEO_PART_POSITION)[keyof typeof QUICK_VIDEO_PART_POSITION];
+export declare const QUICK_VIDEO_PART_POSITION_LABELS: Record<QuickVideoPartPosition, string>;

package/dist/lib/api/quickVideos/quickVideoKeys.d.ts

@@ -0,0 +1,7 @@
+import { IGetQuickVideoAvailableOpportunityParams, LeadDetails } from './types';
+export declare const BASE_KEY = "QUICK_VIDEOS";
+export declare const quickVideoKeys: {
+    all: () => readonly ["QUICK_VIDEOS"];
+    leadOpportunityAvailable: (params: IGetQuickVideoAvailableOpportunityParams) => readonly ["QUICK_VIDEOS", "lead-opportunity-available", string];
+    leadOpportunityAvailableWithLeadDetails: (params: LeadDetails) => readonly ["QUICK_VIDEOS", "lead-opportunity-available", "lead-details", LeadDetails];
+};

package/dist/lib/api/quickVideos/types.d.ts

@@ -0,0 +1,78 @@
+import { Video } from '../videoRequestApi';
+import { type QuickVideoPartPosition, type QuickVideoPartType, type QuickVideoUseCase } from './constants';
+export interface IGetQuickVideoAvailableOpportunityParams {
+    leadOpportunityId: string;
+}
+export interface LeadDetails {
+    leadId?: string;
+    leadName?: string;
+    leadEmail?: string;
+    leadPhone?: string;
+    vin?: string;
+}
+export declare const hasLeadDetails: (leadDetails?: LeadDetails) => boolean;
+export interface IQuickVideoPartCustomerConfiguration {
+    quickVideoPartCustomerConfigurationId?: number;
+    quickVideoPartId?: number;
+}
+export interface IQuickVideoPartUserConfiguration {
+    quickVideoPartUserConfigurationId?: number;
+    quickVideoPartId?: number;
+    video: Video;
+}
+export interface IQuickVideoPart {
+    quickVideoPartId: number;
+    quickVideoId: number;
+    partPosition: QuickVideoPartPosition;
+    partType: QuickVideoPartType;
+    description: string;
+    quickVideo?: IQuickVideo;
+    quickVideoPartCustomerConfiguration?: IQuickVideoPartCustomerConfiguration | null;
+    quickVideoPartUserConfigurations: IQuickVideoPartUserConfiguration[];
+}
+export interface IQuickVideo {
+    quickVideoId: number;
+    name: string;
+    description: string;
+    enabled: number;
+    deletedAt: string | null;
+    category: QuickVideoUseCase;
+    quickVideoParts: IQuickVideoPart[];
+}
+export interface IQuickVideoResponseItem extends IQuickVideo {
+    thumbnailUrl?: string;
+}
+export interface IQuickVideoPartUserConfigurationRequest {
+    quickVideoPartId: number;
+    videoId?: number;
+}
+export interface IQuickVideoUserConfigurationRequest {
+    parts: IQuickVideoPartUserConfigurationRequest[];
+}
+export interface IUpdateQuickVideoUserConfigurationParams {
+    quickVideoId: number;
+    data: IQuickVideoUserConfigurationRequest;
+}
+export interface IQuickVideosLeadOpportunityAvailableResponse {
+    quickVideos: IQuickVideoResponseItem[];
+    count: number;
+}
+export interface ICreateQuickVideoJobRequest {
+    leadOpportunityId: string | number;
+}
+export interface ICreateQuickVideoJobParams {
+    quickVideoId: string | number;
+    data: ICreateQuickVideoJobRequest;
+}
+export type ISendQuickVideoWithLeadDetailsRequest = LeadDetails;
+export interface ISendQuickVideoWithLeadDetailsParams {
+    quickVideoId: string | number;
+    data: ISendQuickVideoWithLeadDetailsRequest;
+}
+export interface IQuickVideoJobResponse {
+    quickVideoJobId: number;
+    quickVideoId: number;
+    videoId: number;
+    leadOpportunityId: string;
+    status: string;
+}

package/dist/lib/api/quickVideos/useCreateQuickVideoJobMutation.d.ts

@@ -0,0 +1,3 @@
+import type { ICreateQuickVideoJobParams, IQuickVideoJobResponse } from './types';
+export declare const createQuickVideoJob: ({ quickVideoId, data, }: ICreateQuickVideoJobParams) => Promise<IQuickVideoJobResponse>;
+export declare const useCreateQuickVideoJobMutation: () => import("react-query").UseMutationResult<IQuickVideoJobResponse, unknown, ICreateQuickVideoJobParams, unknown>;

package/dist/lib/api/quickVideos/useGetQuickVideoAvailableOpportunity.d.ts

@@ -0,0 +1,2 @@
+import type { IQuickVideosLeadOpportunityAvailableResponse } from './types';
+export declare const useGetQuickVideoAvailableOpportunity: (leadOpportunityId: string | undefined) => import("react-query").UseQueryResult<IQuickVideosLeadOpportunityAvailableResponse, unknown>;

package/dist/lib/api/quickVideos/useGetQuickVideoAvailableOpportunityWithLeadDetails.d.ts

@@ -0,0 +1,2 @@
+import type { IQuickVideosLeadOpportunityAvailableResponse, LeadDetails } from './types';
+export declare const useGetQuickVideoAvailableOpportunityWithLeadDetails: (leadDetails: LeadDetails, leadOpportunityId?: string) => import("react-query").UseQueryResult<IQuickVideosLeadOpportunityAvailableResponse, unknown>;

package/dist/lib/api/quickVideos/useSendQuickVideoWithLeadDetailsMutation.d.ts

@@ -0,0 +1,3 @@
+import type { ISendQuickVideoWithLeadDetailsParams, IQuickVideoJobResponse } from './types';
+export declare const sendQuickVideoWithLeadDetails: ({ quickVideoId, data, }: ISendQuickVideoWithLeadDetailsParams) => Promise<IQuickVideoJobResponse>;
+export declare const useSendQuickVideoWithLeadDetailsMutation: () => import("react-query").UseMutationResult<IQuickVideoJobResponse, unknown, ISendQuickVideoWithLeadDetailsParams, unknown>;

package/dist/lib/api/quickVideos/useUpdateQuickVideoUserConfigurationMutation.d.ts

@@ -0,0 +1,3 @@
+import type { IQuickVideoResponseItem, IUpdateQuickVideoUserConfigurationParams } from './types';
+export declare const updateQuickVideoUserConfiguration: ({ quickVideoId, data, }: IUpdateQuickVideoUserConfigurationParams) => Promise<IQuickVideoResponseItem>;
+export declare const useUpdateQuickVideoUserConfigurationMutation: () => import("react-query").UseMutationResult<IQuickVideoResponseItem, unknown, IUpdateQuickVideoUserConfigurationParams, unknown>;

package/dist/lib/api/videos/types.d.ts

@@ -0,0 +1,22 @@
+export type CDSVideoListFilter = {
+    videoType?: string;
+    advisorId?: string;
+    userId?: string;
+    status?: string;
+    emailStatus?: string;
+    folderId?: number;
+    page: number;
+    size: number;
+    searchQuery: string;
+    isArchived?: number | boolean;
+};
+export type VideoListParams = {
+    size: number | undefined;
+    page: number | undefined;
+    search?: string | null;
+    folder?: string;
+    sort?: string;
+    count?: number;
+    filter?: CDSVideoListFilter;
+    isArchived?: number | boolean;
+};

package/dist/lib/api/videos/useInfiniteQueryVideos.d.ts

@@ -0,0 +1,10 @@
+import { VideoListParams } from './types';
+import { VideoListAutomotiveItem } from 'lib/context';
+export declare const getVideos: (props: VideoListParams) => Promise<{
+    videos: VideoListAutomotiveItem[];
+    count: number;
+}>;
+export declare const useInfiniteQueryVideos: (params: VideoListParams) => import("react-query").UseInfiniteQueryResult<{
+    videos: VideoListAutomotiveItem[];
+    count: number;
+}, unknown>;

package/dist/lib/api/videos/videoKeys.d.ts

@@ -0,0 +1,4 @@
+import { VideoListParams } from './types';
+export declare const videoKeys: {
+    infinite_videos: (params: VideoListParams) => readonly ["INFINITE_VIDEOS", VideoListParams];
+};

package/dist/lib/components/styles/typography.d.ts

@@ -1,5 +1,5 @@
 import { LabelHTMLAttributes } from 'react';
-interface ICommonTypography {
+export interface ICommonTypography {
     m?: string;
     textAlign?: string;
     ellipsis?: boolean;
@@ -17,6 +17,11 @@ export declare const SubHeading: import("styled-components").StyledComponent<"h1
 export declare const ParagraphNormal: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, ICommonTypography & {
     as: string;
 }, "as">;
+export declare const ParagraphNormalSpan: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, ICommonTypography & {
+    as: string;
+} & {
+    as: string;
+}, "as">;
 export declare const ParagraphNormalBold: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, ICommonTypography & {
     as: string;
 }, "as">;
@@ -41,4 +46,3 @@ export declare const ParagraphExtraSmallBold: import("styled-components").Styled
 export declare const CheckboxLabel: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, ICommonTypography & {
     as: string;
 } & LabelHTMLAttributes<HTMLLabelElement>, "as">;
-export {};

package/dist/lib/context/ConfigurationContext.d.ts

@@ -1,6 +1,7 @@
 import { ENVIRONMENT } from 'lib/config';
 import { ReactNode } from 'react';
-import { Flow, FlowType, VideoRecordedData } from '../../index';
+import type { LeadDetails } from 'lib/api/quickVideos/types';
+import { Flow, FlowType, QuickVideoSendData, VideoRecordedData } from '../../index';
 export declare enum WHITELABEL {
     CDK = "cdk"
 }
@@ -25,6 +26,8 @@ interface ConfigurationProviderProps {
         videoId: string;
     }) => void;
     onVideoInsertError?: (error: unknown) => void;
+    onQuickVideoSend?: (data: QuickVideoSendData) => void;
+    onQuickVideoSendError?: (error: unknown) => void;
     children?: ReactNode;
     hideFeatures?: string[];
     apikey?: string;
@@ -41,6 +44,7 @@ interface ConfigurationProviderProps {
     flow?: Flow | FlowType;
     previewVideoId?: string;
     leadOpportunityId?: string;
+    leadDetails?: LeadDetails;
 }
 type ShowFeature = {
     showInsertFeature: boolean;

package/dist/lib/hooks/query/markAsSent/useQuickShareMarkAsSentMutation.d.ts

@@ -25,5 +25,6 @@ export interface IQuickShareMarkAsSentParams {
     toastType?: QuickShareTypes;
     reuseShortUrl?: boolean;
 }
+export declare const markQuickShareAsSent: (params: IQuickShareMarkAsSentParams) => Promise<any>;
 export declare const useQuickShareMarkAsSentMutation: (onSuccessCallback: () => void) => import("react-query").UseMutationResult<MarkAsSentResponse, unknown, IQuickShareMarkAsSentParams, unknown>;
 export {};

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

@@ -1,2 +1,2 @@
 export default AccountIcon;
-declare const AccountIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+declare const AccountIcon: import("styled-components").StyledComponent<import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & Record<string, unknown>>, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,2 +1,2 @@
 export default AddIcon;
-declare const AddIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+declare const AddIcon: import("styled-components").StyledComponent<import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & Record<string, unknown>>, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,2 +1,2 @@
 export default CarIcon;
-declare const CarIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+declare const CarIcon: import("styled-components").StyledComponent<import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & Record<string, unknown>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/lib/images/CdkLogo.d.ts

@@ -1,2 +1,2 @@
 export default CdkLogo;
-declare const CdkLogo: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+declare const CdkLogo: import("styled-components").StyledComponent<import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & Record<string, unknown>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/lib/images/CdkSmallLogo.d.ts

@@ -1,2 +1,2 @@
 export default CdkSmallLogo;
-declare const CdkSmallLogo: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+declare const CdkSmallLogo: import("styled-components").StyledComponent<import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & Record<string, unknown>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/lib/images/CdkSmallLogoActive.d.ts

@@ -1,2 +1,2 @@
 export default CdkSmallLogoActive;
-declare const CdkSmallLogoActive: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+declare const CdkSmallLogoActive: import("styled-components").StyledComponent<import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & Record<string, unknown>>, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,2 +1,2 @@
 export default CheckmarkIcon;
-declare const CheckmarkIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+declare const CheckmarkIcon: import("styled-components").StyledComponent<import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & Record<string, unknown>>, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,2 +1,2 @@
 export default CloseCircleIcon;
-declare const CloseCircleIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+declare const CloseCircleIcon: import("styled-components").StyledComponent<import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & Record<string, unknown>>, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,2 +1,2 @@
 export default CloseIcon;
-declare const CloseIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+declare const CloseIcon: import("styled-components").StyledComponent<import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & Record<string, unknown>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/lib/images/CovideoLogo.d.ts

@@ -1,2 +1,2 @@
 export default CovideoLogo;
-declare const CovideoLogo: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+declare const CovideoLogo: import("styled-components").StyledComponent<import("react").ComponentType<import("react").SVGProps<SVGSVGElement> & Record<string, unknown>>, import("styled-components").DefaultTheme, {}, never>;