react-covideo-embed 1.0.95 → 1.0.97

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

@@ -26,5 +26,8 @@ export interface IQuickShareMarkAsSentParams {
     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 declare const useQuickShareMarkAsSentMutation: (onSuccessCallback: () => void, { videoTitle, videoUrl }?: {
+    videoTitle: string;
+    videoUrl: string;
+}) => import("react-query").UseMutationResult<MarkAsSentResponse, unknown, IQuickShareMarkAsSentParams, unknown>;
 export {};

package/dist/lib/hooks/useQuickShare.d.ts

@@ -2,7 +2,7 @@ import { VideoListItem } from 'lib/api';
 import { VideoListAutomotiveItem, VideoRequest } from 'lib/context';
 import { IQuickShareMarkAsSentParams } from 'lib/hooks/query/markAsSent/useQuickShareMarkAsSentMutation';
 interface IProps {
-    video: VideoListAutomotiveItem | VideoListItem | number | undefined;
+    video?: VideoListAutomotiveItem | VideoListItem | number;
     videoRequest?: VideoRequest;
     setShowModalQuickShareMarkAsSent: (showModalQuickShareMarkAsSent: boolean) => void;
     handleOnMarkAsSentSuccessCallback?: () => void;

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

@@ -1 +1,2 @@
-export function VolumeOffIcon(props: any): import("react/jsx-runtime").JSX.Element;
+export function VolumeOffIcon(props: any): React.JSX.Element;
+import * as React from 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-covideo-embed",
-  "version": "1.0.95",
+  "version": "1.0.97",
   "private": false,
   "description": "Covideo platform as an embeddable React component.",
   "main": "build/index.js",
@@ -74,9 +74,9 @@
   "devDependencies": {
     "@eslint/js": "^9.0.0",
     "@mediapipe/tasks-vision": "^0.10.15",
-    "@storybook/addon-links": "^10.3.6",
-    "@storybook/addon-themes": "^10.3.6",
-    "@storybook/react-vite": "^10.3.6",
+    "@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",