react-covideo-embed 1.0.91 → 1.0.96

package/dist/lib/hooks/GTM/utils.d.ts

@@ -54,3 +54,100 @@ export declare const TRACKED_PAGES: {
         readonly pageLocation: PageSection.VOICE_RECORDER;
     };
 };
+interface GetChangedFieldsOptions {
+    initialValues: Record<string, any>;
+    currentValues: Record<string, any>;
+    trackedFields?: string[] | Record<string, string> | Array<string | Record<string, string>>;
+    trackedArrayFields?: Record<string, string[] | 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 fields (labels when label mapping is provided)
+ *    - 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/object of field paths to track (supports dot paths)
+ *   - Simple field: `"title"`
+ *   - Nested field: `"company.name"` (tracks only that nested path)
+ *   - Labeled: `{ title: "Title" }`
+ * @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.
+ *
+ * @example
+ * // 4) Label mapping
+ * const res = getChangedFields({
+ *   initialValues: { title: "Old" },
+ *   currentValues: { title: "New" },
+ *   trackedFields: [{ title: "Title" }],
+ * });
+ *
+ * // res.changed_fields -> ["Title"]
+ */
+export declare function getChangedFields({ initialValues, currentValues, trackedFields, trackedArrayFields, onlyChangedList, }: GetChangedFieldsOptions): {
+    changed_fields: string[];
+};
+export {};

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>;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-covideo-embed",
-  "version": "1.0.91",
+  "version": "1.0.96",
   "private": false,
   "description": "Covideo platform as an embeddable React component.",
   "main": "build/index.js",
@@ -38,7 +38,7 @@
     "react": ">=16",
     "react-beautiful-dnd": "^13.1.1",
     "react-compound-slider": "^3.4.0",
-    "react-covideo-common": ">=0.1.57",
+    "react-covideo-common": ">=0.1.83",
     "react-dom": ">=16",
     "react-dropzone": "11.3.2",
     "react-full-screen": "^1.1.1",
@@ -74,9 +74,9 @@
   "devDependencies": {
     "@eslint/js": "^9.0.0",
     "@mediapipe/tasks-vision": "^0.10.15",
-    "@storybook/addon-links": "^10.3.5",
-    "@storybook/addon-themes": "^10.3.5",
-    "@storybook/react-vite": "^10.3.5",
+    "@storybook/addon-links": "^10.3.6",
+    "@storybook/addon-themes": "^10.3.6",
+    "@storybook/react-vite": "^10.3.6",
     "@types/color-convert": "^2.0.0",
     "@types/file-saver": "^2.0.5",
     "@types/js-cookie": "^3.0.6",
@@ -86,6 +86,7 @@
     "@types/react": "^18.0.0",
     "@types/react-beautiful-dnd": "^13.1.3",
     "@types/react-dom": "^18.0.0",
+    "@types/react-modal": "^3.16.3",
     "@types/react-router-dom": "5.3.3",
     "@types/react-scroll": "^1.8.10",
     "@types/recordrtc": "^5.6.14",
@@ -116,7 +117,7 @@
     "react-beautiful-dnd": "^13.1.1",
     "react-compound-slider": "^3.4.0",
     "react-covideo-ai-assist": "^0.0.49",
-    "react-covideo-common": "0.1.71",
+    "react-covideo-common": "0.1.83",
     "react-dom": "^18.0.0",
     "react-dropzone": "11.3.2",
     "react-full-screen": "^1.1.1",
@@ -134,7 +135,7 @@
     "react-spinners": "^0.13.6",
     "react-toastify": "11.0.5",
     "recordrtc": "^5.6.2",
-    "storybook": "10.3.5",
+    "storybook": "10.3.6",
     "stream-browserify": "^3.0.0",
     "styled-components": "5.3.11",
     "tslib": "^2.8.1",