react-covideo-embed 1.0.76 → 1.0.79

package/build/index.js.LICENSE.txt

@@ -621,6 +621,16 @@ and limitations under the License.
  * LICENSE file in the root directory of this source tree.
  */
 
+/**
+ * @license React
+ * use-sync-external-store-shim.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 /**
  * CanvasRecorder is a standalone class used by {@link RecordRTC} to bring HTML5-Canvas recording into video WebM. It uses HTML2Canvas library and runs top over {@link Whammy}.
  * @summary HTML2Canvas recording into video WebM.

package/build/lib/api/videos/useVideoQuery.d.ts

@@ -1,3 +1,4 @@
+import { InventoryItem } from 'react-covideo-ai-assist/dist/ai-assist/types';
 export interface IVideoItemResponse {
     id: number;
     flvName: string;
@@ -44,6 +45,7 @@ export interface VideoRequest {
     emailStatus: string;
     createdAt: Date;
     deletedAt: null;
+    inventoryItem: InventoryItem;
 }
 export declare const getVideo: (videoId: string) => Promise<IVideoItemResponse>;
 export declare const useVideoQuery: (videoId: string) => import("react-query").UseQueryResult<IVideoItemResponse, unknown>;

package/build/lib/api/vinReel/useCopyVINReelMutation.d.ts

@@ -0,0 +1,8 @@
+interface CopyVINReelData {
+    itemId: number;
+    videoTitle: string;
+}
+export declare const useCopyVINReelMutation: ({ onSuccessCallback, }: {
+    onSuccessCallback?: () => void;
+}) => import("react-query").UseMutationResult<any, unknown, CopyVINReelData, unknown>;
+export {};

package/build/lib/api/vinReel/useGetVINReelsQuery.d.ts

@@ -0,0 +1,42 @@
+import { InventoryItem } from 'lib/context';
+export declare enum VINReelStatus {
+    PROCESSING = "processing",
+    COMPLETED = "completed",
+    FAILED = "failed",
+    PENDING = "pending"
+}
+export interface VINReel {
+    itemId: number;
+    vin: string;
+    customerId: number;
+    dealerId: number;
+    status: VINReelStatus;
+    videoUrl: string;
+    thumbnailUrl: string;
+    videoLength: number;
+    gifUrl: string;
+    inventoryItem?: InventoryItem;
+}
+export declare enum VINReelSortKey {
+    CREATED_AT = "createdAt",
+    YEAR = "year",
+    MAKE = "make",
+    MODEL = "model"
+}
+export declare enum PaginationConstants {
+    DESCENDING = "DESC",
+    ASCENDING = "ASC"
+}
+export type GetVINReelsParams = {
+    start?: number;
+    limit?: number;
+    search?: string;
+    order?: PaginationConstants;
+    sortKey?: VINReelSortKey;
+};
+interface IGetVINReelsResult {
+    count: number;
+    data: VINReel[];
+}
+export declare const useGetVINReelsQuery: (params: GetVINReelsParams) => import("react-query").UseQueryResult<IGetVINReelsResult, unknown>;
+export {};

package/build/lib/components/AddonDropdown.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+type DropdownItemProps = {
+    icon: React.ReactNode;
+    label: React.JSX.Element | string;
+    onClick: () => void;
+    productFeatureId?: number;
+    nextPlan?: string;
+    showItem?: boolean;
+};
+type Props = {
+    dropdownItems: DropdownItemProps[];
+};
+export declare const AddonDropdown: (props: Props) => JSX.Element;
+export {};

package/build/lib/components/mediaTools/index.d.ts

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

package/build/lib/const/Folder.d.ts

@@ -4,6 +4,11 @@ export declare const DEFAULT_FOLDER_NAMES: {
     PRIMARY: string;
     PRIVATE: string;
     VAULT: string;
+    VIDEO_REPLIES: string;
+    VEHICLE_WALKAROUNDS: string;
+    APPOINTMENT_REMINDERS: string;
+    INTRODUCTIONS: string;
+    POST_SALE_THANK_YOU: string;
 };
 export declare const COMPANY_FOLDER_ID = -1;
 export declare const SHARED_FOLDER_PREFIX = "~~shared~~";

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

@@ -100,6 +100,8 @@ export interface UserData {
     vdpEnabled: boolean;
     markVideosAsSent: number | null;
     reactionsPreference: number | null;
+    spotlightEnabled?: number;
+    quickVideoAvatarEnabled?: number;
 }
 export interface IContextProps {
     userData: UserData;

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

@@ -60,6 +60,7 @@ type ShowFeature = {
     showWebsiteOverlayFeature: boolean;
     showLanguageDropdownFeature: boolean;
     showSsoFeature: boolean;
+    showVinReelsFeature: boolean;
 };
 type IConfigurationContext = ConfigurationProviderProps & ShowFeature & {
     hasExternalJwt: boolean;

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

@@ -0,0 +1,11 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+type ContactUsModalContextType = {
+    showContactUsModal: boolean;
+    setShowContactUsModal: Dispatch<SetStateAction<boolean>>;
+};
+type Props = {
+    children: ReactNode;
+};
+export declare const ContactUsModalProvider: ({ children }: Props) => JSX.Element;
+export declare const useContactUsModal: () => ContactUsModalContextType;
+export {};

package/build/lib/hooks/GTM/actions/video/saveNewVideoInteraction.d.ts

@@ -1,2 +1,2 @@
 import { GTMSaveNewVideoInteractionEventArguments } from './types';
-export declare function saveNewVideoInteractionEvent({ videoAttributes, type, vehicleData, mergedIds, }: GTMSaveNewVideoInteractionEventArguments): void;
+export declare function saveNewVideoInteractionEvent({ videoAttributes, type, vehicleData, mergedIds, changedFieldKeys, changes, }: GTMSaveNewVideoInteractionEventArguments): void;

package/build/lib/hooks/GTM/actions/video/types.d.ts

@@ -35,6 +35,8 @@ export interface GTMSaveNewVideoInteractionEventArguments {
     type: GTMSaveNewVideoInteractionTypes;
     vehicleData?: GTMVehicleAttributes;
     mergedIds?: number[];
+    changedFieldKeys?: string[];
+    changes?: Record<string, any>;
 }
 export type VideoAttributeInteractionInteractionEventArgs = {
     videoAttributes: CovideoGTMVideoAttributes;

package/build/lib/hooks/GTM/actions/video/utils.d.ts

@@ -1,3 +1,89 @@
 import { CovideoGTMVideoMessageProperties, GTMVideoMessageProperties } from './types';
 export declare function mapToGtmVideoMessageProperties(item?: CovideoGTMVideoMessageProperties): GTMVideoMessageProperties;
 export declare function getVideoDurationMs(file: File, timeoutMs?: number): Promise<number>;
+interface GetChangedFieldsOptions {
+    initialValues: Record<string, any>;
+    currentValues: Record<string, any>;
+    trackedFields?: string[];
+    trackedArrayFields?: Record<string, string[]>;
+    onlyChangedList?: boolean;
+}
+/**
+ * BEFORE MAKING ANY CHANGES:
+ * PLEASE READ THIS COMMENT AND THE TESTS IN `test-getChangedFields.ts` TO UNDERSTAND HOW THIS FUNCTION WORKS.
+ *
+ * Compares `initialValues` vs `currentValues` and returns which tracked fields changed.
+ *
+ * The function works in two steps:
+ * 1) `flattenObject(...)` flattens the input objects into a `{ [path]: string }` map,
+ *    but **only for paths you explicitly track** via `trackedFields` / `trackedArrayFields`.
+ * 2) `getChangedFields(...)` diffs the two flattened maps and returns:
+ *    - `changed_fields`: list of changed field paths
+ *    - optionally (`onlyChangedList: false`) `<path>_before` and `<path>_after` values
+ *
+ * @param initialValues - baseline object (e.g. values on load)
+ * @param currentValues - current object (e.g. values after user edits)
+ * @param trackedFields - list of field paths to track (supports dot paths)
+ *   - Simple field: `"title"`
+ *   - Nested field: `"company.name"` (tracks only that nested path)
+ * @param trackedArrayFields - map of array field name -> list of item subfields to track
+ *   - Example: `{ links: ["linkText", "itemType"] }` tracks `links.<index>.linkText`, etc.
+ *   - Note: this is intended for arrays of objects at the root key (or within that root branch)
+ * @param onlyChangedList - when true, return only `changed_fields`
+ *
+ * @returns An object containing:
+ *  - `changed_fields: string[]`
+ *  - and when `onlyChangedList` is false:
+ *    - `<path>_before: string`
+ *    - `<path>_after: string`
+ *
+ * @example
+ * // 1) Simple key/value pairs
+ * const res = getChangedFields({
+ *   initialValues: { title: "A", company: "X", ignored: 123 },
+ *   currentValues: { title: "B", company: "X", ignored: 999 },
+ *   trackedFields: ["title", "company"],
+ *   onlyChangedList: false,
+ * });
+ *
+ * // res.changed_fields -> ["title"]
+ * // res.title_before   -> "A"
+ * // res.title_after    -> "B"
+ *
+ * @example
+ * // 2) Nested object fields (dot paths)
+ * // Track specific nested properties with `trackedFields`:
+ * const res = getChangedFields({
+ *   initialValues: {
+ *     videoSource: { label: "OBS Virtual Camera", value: "abc" },
+ *   },
+ *   currentValues: {
+ *     videoSource: { label: "FaceTime HD Camera", value: "def" },
+ *   },
+ *   trackedFields: ["videoSource.label"],
+ *   onlyChangedList: true,
+ * });
+ *
+ * // res.changed_fields -> ["videoSource.label"]
+ *
+ * @example
+ * // 3) Array of objects
+ * // Track specific subfields on each array item using `trackedArrayFields`.
+ * const res = getChangedFields({
+ *   initialValues,
+ *   currentValues: data,
+ *   trackedFields: ["title", "company"],
+ *   trackedArrayFields: {
+ *     links: ["linkText", "itemType", "fileThumbnail", "newWindow"],
+ *   },
+ *   onlyChangedList: false,
+ * });
+ *
+ * // If `links` changes, paths look like:
+ * // "links.0.linkText", "links.2.newWindow", ...
+ * // and you get before/after fields for each changed path.
+ */
+export declare function getChangedFields({ initialValues, currentValues, trackedFields, trackedArrayFields, onlyChangedList, }: GetChangedFieldsOptions): {
+    changed_fields: string[];
+};
+export {};

package/build/lib/hooks/GTM/actions/videoPlayer/index.d.ts

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

package/build/lib/hooks/GTM/actions/videoPlayer/interaction.d.ts

@@ -0,0 +1,4 @@
+import { VideoPlayerInteraction } from './types';
+export declare function videoPlayerInteractionsEvent({ action, }: {
+    action: VideoPlayerInteraction;
+}): void;

package/build/lib/hooks/GTM/actions/videoPlayer/types.d.ts

@@ -0,0 +1,5 @@
+export declare enum VideoPlayerInteraction {
+    PLAY = "Play",
+    PAUSE = "Pause",
+    COMPLETE = "Complete"
+}

package/build/lib/hooks/GTM/types.d.ts

@@ -21,7 +21,8 @@ export declare enum GTMEventName {
     DISCARD_VIDEO = "Discard Video",
     RECENTLY_DELETED_INTERACTION = "Recently Deleted Interaction",
     NEW_LEAD_ADDED = "New Lead Added",
-    CREATE_NEW_MEETING = "Create New Meeting"
+    CREATE_NEW_MEETING = "Create New Meeting",
+    VIDEO_PLAYER_INTERACTION = "Video Player Interaction"
 }
 export declare enum PageLocation {
     SEND_SHARE = "Send & Share",

package/build/lib/hooks/GTM/useGTMAnalytics.d.ts

@@ -1,28 +1,30 @@
+import { CovideoGTMVehicleItem } from './types';
 import { GTMSaveNewVideoInteractionEventArguments, GTMVideoInteractonEventArguments, GTMVideoMessageInteraction, VideoAttributeInteractionInteractionEventArgs } from './actions/video/types';
 import { selectRecordingTypeEvent, recordingToolIntearctionEvent, stopRecordingEvent, startRecordingEvent, addVideoAttributeEvent, discardVideoEvent } from './actions/recording';
+import { videoPlayerInteractionsEvent } from './actions/videoPlayer';
 type TrackVideoInteractionArgs = {
-    vin?: string;
+    vehicle?: CovideoGTMVehicleItem;
 } & Omit<GTMVideoInteractonEventArguments, 'vehicleData'>;
 type TrackSaveNewVideoArgs = {
-    vin?: string;
+    vehicle?: CovideoGTMVehicleItem;
 } & Omit<GTMSaveNewVideoInteractionEventArguments, 'vehicleData'>;
 type TrackVideoAttributeInteractionArgs = VideoAttributeInteractionInteractionEventArgs & {
-    vin?: string;
+    vehicle?: CovideoGTMVehicleItem;
 };
 type TrackGTMVideoMessageInteractionEvent = GTMVideoMessageInteraction & {
-    vin?: string;
+    vehicle?: CovideoGTMVehicleItem;
 };
 export declare function useGTMAnalytics(): {
-    trackGTMVideoInteractionEvent: (({ vin, ...rest }: TrackVideoInteractionArgs) => Promise<void>) | undefined;
-    trackGTMVideoMessageInteractionEvent: (({ vin, ...rest }: TrackGTMVideoMessageInteractionEvent) => Promise<void>) | undefined;
-    trackGTMSaveNewVideoInteractionEvent: (({ vin, ...rest }: TrackSaveNewVideoArgs) => Promise<void>) | undefined;
-    trackGTMVideoAttributeInteractionInteractionEvent: (({ vin, videoAttributes }: TrackVideoAttributeInteractionArgs) => Promise<void>) | undefined;
+    trackGTMVideoInteractionEvent: (({ vehicle, ...rest }: TrackVideoInteractionArgs) => Promise<void>) | undefined;
+    trackGTMVideoMessageInteractionEvent: (({ vehicle, ...rest }: TrackGTMVideoMessageInteractionEvent) => Promise<void>) | undefined;
+    trackGTMSaveNewVideoInteractionEvent: (({ vehicle, ...rest }: TrackSaveNewVideoArgs) => Promise<void>) | undefined;
+    trackGTMVideoAttributeInteractionInteractionEvent: (({ vehicle, videoAttributes, }: TrackVideoAttributeInteractionArgs) => Promise<void>) | undefined;
     trackGTMRecordingToolIntearctionEvent: typeof recordingToolIntearctionEvent | undefined;
     trackGTMSelectRecordingTypeEvent: typeof selectRecordingTypeEvent | undefined;
     trackGTMStopRecordingEvent: typeof stopRecordingEvent | undefined;
     trackGTMStartRecordingEvent: typeof startRecordingEvent | undefined;
     trackGTMAddVideoAttributeEvent: typeof addVideoAttributeEvent | undefined;
     trackGTMDiscardVideoEvent: typeof discardVideoEvent | undefined;
-    isFetchingVin: boolean;
+    trackVideoPlayerInteractionsEvent: typeof videoPlayerInteractionsEvent | undefined;
 };
 export {};

package/build/lib/hooks/ai/features/useAIFeatureFlags.d.ts

@@ -0,0 +1,11 @@
+export declare const useAIFeatureFlags: () => {
+    isAIScriptsEnabled: boolean;
+    isAIAssistantEnabled: boolean;
+    isAIAssistantEnabledForCustomer: boolean;
+    isVinReelsEnabled: boolean;
+    isAISpotlightEnabled: boolean;
+    isAISpotlightEnabledForCustomer: boolean;
+    isQuickVideosEnabled: boolean;
+    isSuggestedContentEnabled: boolean;
+    isAIMusicEnabled: boolean;
+};

package/build/lib/hooks/ai/features/useAiFeatureAvailability.d.ts

@@ -0,0 +1,9 @@
+export declare const useAIFeatureAvailability: () => {
+    isPronunciationAvailable: boolean;
+    isDealershipHighlightsAvailable: boolean;
+    isPersonalizationAvailable: boolean;
+    isAIAssistantsAvailable: boolean;
+    isQuickVideosAvailable: boolean;
+    isVinReelsAvailable: boolean;
+    isAIConfigurationAvailable: boolean;
+};

package/build/lib/hooks/ai/features/utils.d.ts

@@ -0,0 +1,10 @@
+import { UserData } from 'lib/context';
+export declare const checkIfVinReelsAvailable: (userData: UserData) => boolean;
+export declare const checkIfAISpotlightAvailable: (userData: UserData) => boolean;
+export declare const checkIfAISpotlightAvailableForCustomer: (userData: UserData) => boolean;
+export declare const checkIfQuickVideosAvailable: (userData: UserData) => boolean;
+export declare const checkIfSuggestedContentAvailable: (userData: UserData) => boolean;
+export declare const checkIfAIAssistantAvailable: (userData: UserData) => boolean;
+export declare const checkIfAIAssistantAvailableForCustomer: (userData: UserData) => boolean;
+export declare const checkIfAIMusicAvailable: (userData: UserData) => boolean;
+export declare const checkIfAIScriptsAvailable: (userData: UserData) => boolean;

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

@@ -0,0 +1,4 @@
+export default images;
+declare namespace images {
+    export { imagePlaceholder };
+}

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

@@ -1,5 +1,4 @@
 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;

package/build/lib/utils/folders/folderSelection.d.ts

@@ -0,0 +1,9 @@
+export declare const LAST_SELECTED_FOLDER_LOCAL_STORAGE_KEY_EMBED = "lastSelectedFolderEmbed";
+interface LastSelectedFolder {
+    folderId: string | number;
+    userId: string;
+}
+export declare const getLastSelectedFolderFromLocalStorage: () => LastSelectedFolder | null;
+export declare const setLastSelectedFolderToLocalStorage: (value: LastSelectedFolder) => void;
+export declare const getValidInitialFolder: (userId: number) => number | string;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-covideo-embed",
-  "version": "1.0.76",
+  "version": "1.0.79",
   "private": false,
   "description": "Covideo platform as an embeddable React component.",
   "main": "./build/index.js",
@@ -78,7 +78,7 @@
     "rc-progress": "^3.4.1",
     "react-beautiful-dnd": "^13.1.1",
     "react-compound-slider": "^3.4.0",
-    "react-covideo-ai-assist": "0.0.33",
+    "react-covideo-ai-assist": "0.0.41",
     "react-covideo-common": "0.1.71",
     "react-dropzone": "11.3.2",
     "react-full-screen": "^1.1.1",

package/styled.d.ts

@@ -25,7 +25,7 @@ export type IColors = Record<AvailableColorsType, IThemeColors>;
 export type MainThemeColors = {
   primary: IThemeColors;
   primaryHover: string;
-  secondary: IThemeColors & { non_alpha: string };
+  secondary: IThemeColors & { non_alpha: string; text?: { color?: string } };
 };
 
 declare module 'styled-components' {