react-covideo-embed 1.0.82-test.2 → 1.0.82

package/dist/app/pages/preview/PreviewVideoPlayer.d.ts

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

package/dist/app/pages/recordv1/ChooseRecordingOptions.d.ts

@@ -1,4 +1,4 @@
-export declare const ChooseRecordingOptions: ({ extendStyles, showPreview, onStartUpladingVoiceOverHandler, }: {
+export declare const ChooseRecordingOptions: ({ extendStyles, showPreview, onStartUpladingVoiceOverHandler, autoStartCam, }: {
     extendStyles?: {
         mainRecordContentWrapper?: React.CSSProperties;
         showRecorderWrapper?: React.CSSProperties;
@@ -7,4 +7,5 @@ export declare const ChooseRecordingOptions: ({ extendStyles, showPreview, onSta
     showPreview?: boolean;
     onStartUpladingVoiceOverHandler?: (blob: Blob) => void;
     showLegacyRecorderSwitch: boolean;
+    autoStartCam?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/app/pages/recordv1/ModalRecordingVideoSettings.d.ts

@@ -1,5 +1,6 @@
 interface IProps {
     handleModalClose: () => void;
+    onSave?: () => void;
 }
-export declare const ModalRecordingVideosSettings: ({ handleModalClose }: IProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ModalRecordingVideosSettings: ({ handleModalClose, onSave, }: IProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/app/pages/recordv1/RecordCam.d.ts

@@ -2,10 +2,12 @@ interface ScreenRecorderProps {
     screenStream: MediaStream;
     stopAllStreams: () => void;
     handleGoToRecordHome: () => void;
+    onOpenRecordingSettings?: () => void;
     showPreview?: boolean;
+    autoSaveOnFinish?: boolean;
     onStartUpladingVoiceOverHandler?: (blob: Blob) => void;
     toggleCamera: () => Promise<void>;
     isCameraToggled: boolean;
 }
-export declare const RecordCam: ({ screenStream, stopAllStreams, handleGoToRecordHome, showPreview, onStartUpladingVoiceOverHandler, toggleCamera, isCameraToggled, }: ScreenRecorderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RecordCam: ({ screenStream, stopAllStreams, handleGoToRecordHome, onOpenRecordingSettings, showPreview, autoSaveOnFinish, onStartUpladingVoiceOverHandler, toggleCamera, isCameraToggled, }: ScreenRecorderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/app/pages/recordv1/RecordingHeadingWithRouteGuard.d.ts

@@ -4,6 +4,7 @@ interface RecordingControlProps {
     status: RECORDING_STATUS;
     handleGoToRecordHome: () => void;
     teleprompterActions?: React.ReactNode;
+    onOpenRecordingSettings?: () => void;
 }
-export declare const RecordingHeaderWithRouteGuard: ({ status, handleGoToRecordHome, teleprompterActions, }: RecordingControlProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RecordingHeaderWithRouteGuard: ({ status, handleGoToRecordHome, teleprompterActions, onOpenRecordingSettings, }: RecordingControlProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/app/pages/recordv1/detailsPreview/DetailsPreview.d.ts

@@ -1,2 +1,2 @@
 import { DetailsRecordingPreviewProps } from './types';
-export declare const DetailsRecordingPreview: ({ videoBlob, handleGoToRecordHome, }: DetailsRecordingPreviewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DetailsRecordingPreview: ({ videoBlob, handleGoToRecordHome, autoSave, }: DetailsRecordingPreviewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/app/pages/recordv1/detailsPreview/types.d.ts

@@ -1,4 +1,4 @@
-import { InventoryItem } from "lib/context";
+import { InventoryItem } from 'lib/context';
 type VideoAttribute = {
     value: any;
     attributeId: number;
@@ -17,6 +17,7 @@ type VideoAttribute = {
 export interface DetailsRecordingPreviewProps {
     videoBlob: Blob;
     handleGoToRecordHome: () => void;
+    autoSave?: boolean;
 }
 export type FolderOption = {
     value: string | number;

package/dist/index.d.ts

@@ -33,6 +33,12 @@ export declare enum Environment {
     STAGING = "staging",
     PRODUCTION = "production"
 }
+export declare enum Flow {
+    FULL = "full",
+    RECORD_CAMERA_ONLY = "recordCameraOnly",
+    PREVIEW_VIDEO = "previewVideo"
+}
+export type FlowType = 'full' | 'recordCameraOnly' | 'previewVideo';
 export type EnvironmentType = 'development' | 'sandbox' | 'staging' | 'production';
 export type ShareData = {
     url: string;
@@ -47,6 +53,13 @@ export type RecordData = {
 export type UploadData = {
     token: string;
 };
+export type VideoRecordedData = {
+    token: string;
+    videoId: number;
+};
+export type VideoPreviewData = {
+    videoId: string;
+};
 /**
  * Logout from Covideo.
  * If called, removes the auth token and other Covideo data from local storage.
@@ -65,6 +78,12 @@ export type CovideoEmbedProps = {
     env?: Environment | EnvironmentType;
     /** Which Covideo features to hide */
     hideFeatures?: Feature[] | FeatureType[];
+    /** Which product flow to use */
+    flow?: Flow | FlowType;
+    /** Optional preview video id that triggers internal navigation to /preview/:videoId. */
+    previewVideoId?: string;
+    /** Enables analytics tracking in the player. */
+    shouldTrackAnalytics?: boolean;
     /**
      * Callback triggered when a video is inserted.
      * @param shareData - Contains the auth token, video url, thumbnail url and HTML of the inserted video.
@@ -85,6 +104,11 @@ export type CovideoEmbedProps = {
      * @param data - Contains the auth token.
      */
     onUploadButtonClick?: (data: UploadData) => void;
+    /**
+     * Callback triggered when a video recording is successfully saved.
+     * @param data - Contains the auth token and saved video id.
+     */
+    onVideoRecorded?: (data: VideoRecordedData) => void;
     /** Used for switching theme  */
     whitelabel?: WHITELABEL;
     gtmId?: string;

package/dist/lib/api/analytics/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useUpdateViewMutation';
+export * from './useUpdateStatsHotspotMutation';
+export * from './types';

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

@@ -0,0 +1,19 @@
+export interface UpdateStatsHotspotParams {
+    data: {
+        hotSpotData: string;
+        viewerId: number;
+    };
+    shortUrl: string;
+}
+export interface UpdateViewResponse {
+    success: boolean;
+    shortUrl: string;
+    mocked?: boolean;
+}
+export interface UpdateStatsHotspotResponse {
+    success: boolean;
+    shortUrl: string;
+    hotSpotData: string;
+    viewerId: number;
+    mocked?: boolean;
+}

package/dist/lib/api/analytics/useUpdateStatsHotspotMutation.d.ts

@@ -0,0 +1,3 @@
+import { UpdateStatsHotspotParams, UpdateStatsHotspotResponse } from './types';
+export declare const updateStatsHotspotMutation: ({ data, shortUrl, }: UpdateStatsHotspotParams) => Promise<UpdateStatsHotspotResponse>;
+export declare const useUpdateStatsHotspotMutation: () => import("react-query").UseMutationResult<UpdateStatsHotspotResponse, Error, UpdateStatsHotspotParams, unknown>;

package/dist/lib/api/analytics/useUpdateViewMutation.d.ts

@@ -0,0 +1,3 @@
+import { UpdateViewResponse } from './types';
+export declare const updateViewMutation: (shortUrl: string) => Promise<UpdateViewResponse>;
+export declare const useUpdateViewMutation: () => import("react-query").UseMutationResult<UpdateViewResponse, Error, string, unknown>;

package/dist/lib/api/analytics/utils.d.ts

@@ -0,0 +1 @@
+export declare const isDevelopmentMock: () => boolean;

package/dist/lib/api/index.d.ts

@@ -7,3 +7,4 @@ export * from './voiceOverApi';
 export * from './types';
 export * from './wtvApi';
 export * from './attributesApi';
+export * from './analytics';

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

@@ -1,5 +1,6 @@
 import { ENVIRONMENT } from 'lib/config';
 import { ReactNode } from 'react';
+import { Flow, FlowType, VideoRecordedData } from '../../index';
 export declare enum WHITELABEL {
     CDK = "cdk"
 }
@@ -32,8 +33,12 @@ interface ConfigurationProviderProps {
     onUploadButtonClick?: (data: {
         token: string;
     }) => void;
+    onVideoRecorded?: (data: VideoRecordedData) => void;
     reRender: () => void;
     whitelabel?: WHITELABEL;
+    shouldTrackAnalytics?: boolean;
+    flow?: Flow | FlowType;
+    previewVideoId?: string;
 }
 type ShowFeature = {
     showInsertFeature: boolean;
@@ -62,7 +67,8 @@ type ShowFeature = {
     showSsoFeature: boolean;
     showVinReelsFeature: boolean;
 };
-type IConfigurationContext = ConfigurationProviderProps & ShowFeature & {
+type IConfigurationContext = Omit<ConfigurationProviderProps, 'flow'> & ShowFeature & {
+    flow: Flow | FlowType;
     hasExternalJwt: boolean;
     containerWidth: number;
     containerHeight: number;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "react-covideo-embed",
-  "version": "1.0.82-test.2",
+  "version": "1.0.82",
   "private": false,
   "description": "Covideo platform as an embeddable React component.",
-  "main": "dist/index.js",
-  "module": "dist/react-covideo-embed.esm.js",
-  "types": "dist/index.d.ts",
+  "main": "build/index.js",
+  "module": "build/react-covideo-embed.esm.js",
+  "types": "build/index.d.ts",
   "scripts": {
     "start": "vite build --watch",
     "build": "vite build && tsc -p tsconfig.build.json",
@@ -22,59 +22,61 @@
     "node": ">=20.19.0"
   },
   "peerDependencies": {
-    "react": ">=16",
-    "react-dom": ">=16",
-    "styled-components": "5.3.11",
-    "react-icons": "5.0.1",
-    "react-query": "^3.39.2",
-    "react-select": "^5.7.7",
+    "@mediapipe/tasks-vision": "^0.10.15",
     "axios": "^1.0.0",
-    "i18next": ">=23",
-    "react-i18next": ">=14",
-    "react-covideo-common": ">=0.1.57",
-    "react-covideo-ai-assist": ">=0.0.41",
-    "react-modal": "^3.16.0",
-    "react-slider": "^2.0.0",
-    "react-toastify": ">=8",
-    "lottie-react": "^2.4.0",
-    "formik": "^2.2.9",
+    "color-convert": "^2.0.1",
     "dayjs": "^1.11.6",
-    "lodash": "^4.17.21",
+    "droplr-api": "1.0.0",
+    "file-saver": "^2.0.5",
+    "formik": "^2.2.9",
+    "i18next": ">=23",
     "js-cookie": "2.2.1",
     "jwt-decode": "^3.1.2",
+    "lodash": "^4.17.21",
+    "lottie-react": "^2.4.0",
+    "rc-progress": "^3.4.1",
+    "react": ">=16",
     "react-beautiful-dnd": "^13.1.1",
     "react-compound-slider": "^3.4.0",
+    "react-covideo-ai-assist": ">=0.0.41",
+    "react-covideo-common": ">=0.1.57",
+    "react-dom": ">=16",
     "react-dropzone": "11.3.2",
     "react-full-screen": "^1.1.1",
+    "react-i18next": ">=14",
+    "react-icons": "5.0.1",
     "react-infinite-scroll-component": "6.1.0",
+    "react-modal": "^3.16.0",
+    "react-query": "^3.39.2",
     "react-resize-detector": "^9.1.0",
-    "react-router-dom": "5.3.4",
     "react-router": "5.3.4",
+    "react-router-dom": "5.3.4",
     "react-scroll": "^1.9.0",
+    "react-select": "^5.7.7",
+    "react-slider": "^2.0.0",
     "react-spinners": "^0.13.6",
+    "react-toastify": ">=8",
     "recordrtc": "^5.6.2",
-    "yup": "0.29.3",
+    "styled-components": "5.3.11",
     "worker-timers": "5.1.9",
-    "@mediapipe/tasks-vision": "^0.10.15",
-    "color-convert": "^2.0.1",
-    "droplr-api": "1.0.0",
-    "file-saver": "^2.0.5",
-    "rc-progress": "^3.4.1"
+    "yup": "0.29.3",
+    "react-is": "18.0.0"
   },
   "dependencies": {
+    "assert": "^2.1.0",
     "buffer": "^6.0.3",
-    "path-browserify": "^1.0.1",
-    "os-browserify": "^0.3.0",
     "constants-browserify": "^1.0.0",
-    "stream-browserify": "^3.0.0",
-    "assert": "^2.1.0"
+    "os-browserify": "^0.3.0",
+    "path-browserify": "^1.0.1",
+    "react-is": "18.0.0",
+    "stream-browserify": "^3.0.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.0.0",
     "@mediapipe/tasks-vision": "^0.10.15",
-    "@storybook/addon-links": "^10.3.1",
-    "@storybook/addon-themes": "^10.3.1",
-    "@storybook/react-vite": "^10.3.1",
+    "@storybook/addon-links": "^10.3.5",
+    "@storybook/addon-themes": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
     "@types/color-convert": "^2.0.0",
     "@types/file-saver": "^2.0.5",
     "@types/js-cookie": "^3.0.6",
@@ -124,16 +126,16 @@
     "react-modal": "^3.16.0",
     "react-query": "^3.39.2",
     "react-resize-detector": "^9.1.0",
-    "react-router-dom": "5.3.4",
     "react-router": "5.3.4",
+    "react-router-dom": "5.3.4",
     "react-scroll": "^1.9.0",
     "react-select": "^5.7.7",
     "react-slider": "^2.0.0",
     "react-spinners": "^0.13.6",
     "react-toastify": "^8.0.0",
     "recordrtc": "^5.6.2",
+    "storybook": "10.3.5",
     "stream-browserify": "^3.0.0",
-    "storybook": "^10.3.1",
     "styled-components": "5.3.11",
     "tslib": "^2.8.1",
     "typescript": "^5.9.2",
@@ -146,6 +148,9 @@
   },
   "overrides": {
     "axios": "^1.13.6",
-    "follow-redirects": "^1.15.11"
+    "follow-redirects": "^1.15.11",
+    "styled-components": {
+      "react-is": "18.0.0"
+    }
   }
 }

package/.vscode/settings.json

@@ -1,12 +0,0 @@
-{
-  "editor.formatOnSave": true,
-  "editor.formatOnSaveMode": "file",
-  "prettier.prettierPath": "./node_modules/prettier/index.cjs",
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "[typescript]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "[typescriptreact]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  }
-}