@se-studio/core-ui 1.17.2 → 1.18.0

package/dist/analytics/video/useVideoEngagement.js

@@ -0,0 +1,80 @@
+'use client';
+import { useEffect, useRef } from 'react';
+import { useAnalytics } from '../useAnalytics';
+import { createVideoEngagementSession, } from './createVideoEngagementSession';
+import { VIDEO_ENGAGEMENT_THRESHOLDS } from './videoEngagementTypes';
+/**
+ * Creates a video engagement session bound to `trackEvent` when analytics context is present.
+ * Observes `rootRef` for impression; disposes on unmount / pagehide.
+ */
+export function useVideoEngagement({ identity, analyticsContext, enabled = true, }) {
+    const { trackEvent } = useAnalytics();
+    const sessionRef = useRef(null);
+    const rootRef = useRef(null);
+    const trackEventRef = useRef(trackEvent);
+    trackEventRef.current = trackEvent;
+    const canTrack = Boolean(enabled && analyticsContext);
+    const identityRef = useRef(identity);
+    identityRef.current = identity;
+    // Primitive deps only — avoid recreating the session when parent passes a new
+    // analyticsContext object with the same slug/title/type.
+    const slug = analyticsContext?.slug ?? '';
+    const pageTitle = analyticsContext?.title ?? '';
+    const pageType = analyticsContext?.type ?? '';
+    const videoProvider = identity.video_provider;
+    const videoId = identity.video_id;
+    const videoLocation = identity.location ?? '';
+    useEffect(() => {
+        if (!canTrack) {
+            sessionRef.current = null;
+            return;
+        }
+        const currentIdentity = identityRef.current;
+        const session = createVideoEngagementSession({
+            identity: {
+                ...currentIdentity,
+                video_provider: videoProvider,
+                video_id: videoId,
+                location: videoLocation || currentIdentity.location,
+                slug: slug || currentIdentity.slug,
+                title: pageTitle || currentIdentity.title,
+                type: pageType || currentIdentity.type,
+            },
+            track: (event, properties) => {
+                trackEventRef.current(event, properties);
+            },
+        });
+        sessionRef.current = session;
+        const onPageHide = () => {
+            session.dispose();
+        };
+        window.addEventListener('pagehide', onPageHide);
+        return () => {
+            window.removeEventListener('pagehide', onPageHide);
+            session.dispose();
+            if (sessionRef.current === session) {
+                sessionRef.current = null;
+            }
+        };
+    }, [canTrack, videoProvider, videoId, videoLocation, slug, pageTitle, pageType]);
+    useEffect(() => {
+        if (!canTrack)
+            return;
+        const el = rootRef.current;
+        if (!el)
+            return;
+        const observer = new IntersectionObserver((entries) => {
+            const entry = entries[0];
+            if (entry?.isIntersecting) {
+                sessionRef.current?.markImpression();
+            }
+        }, { threshold: VIDEO_ENGAGEMENT_THRESHOLDS.impressionRatio });
+        observer.observe(el);
+        return () => observer.disconnect();
+        // videoProvider/videoId/location/slug: re-bind when tracked video identity changes
+        // (session is recreated in the effect above; observer must re-run for a new impression).
+        // biome-ignore lint/correctness/useExhaustiveDependencies: intentional identity key
+    }, [canTrack, videoProvider, videoId, videoLocation, slug]);
+    return { sessionRef, rootRef };
+}
+//# sourceMappingURL=useVideoEngagement.js.map

package/dist/analytics/video/useVideoEngagement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVideoEngagement.js","sourceRoot":"","sources":["../../../src/analytics/video/useVideoEngagement.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAGb,OAAO,EAAyC,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EACL,4BAA4B,GAE7B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,2BAA2B,EAAgC,MAAM,wBAAwB,CAAC;AASnG;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,gBAAgB,EAChB,OAAO,GAAG,IAAI,GACY;IAI1B,MAAM,EAAE,UAAU,EAAE,GAAG,YAAY,EAAE,CAAC;IACtC,MAAM,UAAU,GAAG,MAAM,CAAgC,IAAI,CAAC,CAAC;IAC/D,MAAM,OAAO,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACjD,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACzC,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC;IAEnC,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,IAAI,gBAAgB,CAAC,CAAC;IACtD,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,8EAA8E;IAC9E,yDAAyD;IACzD,MAAM,IAAI,GAAG,gBAAgB,EAAE,IAAI,IAAI,EAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,gBAAgB,EAAE,KAAK,IAAI,EAAE,CAAC;IAChD,MAAM,QAAQ,GAAG,gBAAgB,EAAE,IAAI,IAAI,EAAE,CAAC;IAC9C,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC;IAC9C,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC;IAClC,MAAM,aAAa,GAAG,QAAQ,CAAC,QAAQ,IAAI,EAAE,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,MAAM,eAAe,GAAG,WAAW,CAAC,OAAO,CAAC;QAC5C,MAAM,OAAO,GAAG,4BAA4B,CAAC;YAC3C,QAAQ,EAAE;gBACR,GAAG,eAAe;gBAClB,cAAc,EAAE,aAAa;gBAC7B,QAAQ,EAAE,OAAO;gBACjB,QAAQ,EAAE,aAAa,IAAI,eAAe,CAAC,QAAQ;gBACnD,IAAI,EAAE,IAAI,IAAI,eAAe,CAAC,IAAI;gBAClC,KAAK,EAAE,SAAS,IAAI,eAAe,CAAC,KAAK;gBACzC,IAAI,EAAE,QAAQ,IAAI,eAAe,CAAC,IAAI;aACvC;YACD,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE;gBAC3B,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;YAC3C,CAAC;SACF,CAAC,CAAC;QACH,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;QAE7B,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,OAAO,CAAC,OAAO,EAAE,CAAC;QACpB,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QAEhD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;YACnD,OAAO,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,UAAU,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;gBACnC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEjF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC;QAC3B,IAAI,CAAC,EAAE;YAAE,OAAO;QAEhB,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CACvC,CAAC,OAAO,EAAE,EAAE;YACV,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACzB,IAAI,KAAK,EAAE,cAAc,EAAE,CAAC;gBAC1B,UAAU,CAAC,OAAO,EAAE,cAAc,EAAE,CAAC;YACvC,CAAC;QACH,CAAC,EACD,EAAE,SAAS,EAAE,2BAA2B,CAAC,eAAe,EAAE,CAC3D,CAAC;QACF,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACrB,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;QACnC,mFAAmF;QACnF,yFAAyF;QACzF,oFAAoF;IACtF,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;IAE5D,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;AACjC,CAAC"}

package/dist/analytics/video/videoEngagementTypes.d.ts

@@ -0,0 +1,52 @@
+/**
+ * First-party video engagement events fired via `trackEvent`.
+ * Sites map these names to GTM tags or HubSpot behavioural events.
+ */
+export declare const VIDEO_ENGAGEMENT_EVENTS: {
+    readonly impression: "video_impression";
+    readonly start: "video_start";
+    readonly progress: "video_progress";
+    readonly complete: "video_complete";
+    readonly seek: "video_seek";
+    readonly unmute: "video_unmute";
+    readonly fullscreen: "video_fullscreen";
+    readonly exit: "video_exit";
+};
+export type VideoEngagementEventName = (typeof VIDEO_ENGAGEMENT_EVENTS)[keyof typeof VIDEO_ENGAGEMENT_EVENTS];
+/** All engagement event name strings (for HubSpot eventNameMap keys, etc.). */
+export declare const VIDEO_ENGAGEMENT_EVENT_NAMES: readonly VideoEngagementEventName[];
+export type VideoProvider = 'vimeo' | 'youtube' | 'local';
+/**
+ * Thresholds for progress, completion, skip, and seek classification.
+ * Tuned for marketing-site explainer videos (not long-form).
+ */
+export declare const VIDEO_ENGAGEMENT_THRESHOLDS: {
+    /** Treat as completed when high-water mark reaches this % (or player ended). */
+    readonly completePercent: 95;
+    /** Exit with low % + short watch time counts as skipped. */
+    readonly skipMaxPercent: 10;
+    readonly skipMaxWatchSeconds: 3;
+    /** Large forward seek: at least this % of duration OR this many seconds. */
+    readonly seekMinPercent: 15;
+    readonly seekMinSeconds: 10;
+    /** After a large forward seek, incomplete exit with max_percent below this is skipped. */
+    readonly skipAfterSeekMaxPercent: 50;
+    readonly quartiles: readonly [25, 50, 75];
+    /** IntersectionObserver threshold for video_impression. */
+    readonly impressionRatio: 0.5;
+};
+export interface VideoEngagementIdentity {
+    video_provider: VideoProvider;
+    video_id: string;
+    video_title: string;
+    video_url?: string;
+    location?: string;
+    /** Page slug from IAnalyticsContext */
+    slug?: string;
+    /** Page title from IAnalyticsContext */
+    title?: string;
+    /** Page type from IAnalyticsContext */
+    type?: string;
+}
+export type VideoEngagementTrackFn = (event: string, properties: Record<string, unknown>) => void;
+//# sourceMappingURL=videoEngagementTypes.d.ts.map

package/dist/analytics/video/videoEngagementTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoEngagementTypes.d.ts","sourceRoot":"","sources":["../../../src/analytics/video/videoEngagementTypes.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;CAS1B,CAAC;AAEX,MAAM,MAAM,wBAAwB,GAClC,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,OAAO,uBAAuB,CAAC,CAAC;AAEzE,+EAA+E;AAC/E,eAAO,MAAM,4BAA4B,EAAE,SAAS,wBAAwB,EAS3E,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAE1D;;;GAGG;AACH,eAAO,MAAM,2BAA2B;IACtC,gFAAgF;;IAEhF,4DAA4D;;;IAG5D,4EAA4E;;;IAG5E,0FAA0F;;;IAG1F,2DAA2D;;CAEnD,CAAC;AAEX,MAAM,WAAW,uBAAuB;IACtC,cAAc,EAAE,aAAa,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,sBAAsB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC"}

package/dist/analytics/video/videoEngagementTypes.js

@@ -0,0 +1,45 @@
+/**
+ * First-party video engagement events fired via `trackEvent`.
+ * Sites map these names to GTM tags or HubSpot behavioural events.
+ */
+export const VIDEO_ENGAGEMENT_EVENTS = {
+    impression: 'video_impression',
+    start: 'video_start',
+    progress: 'video_progress',
+    complete: 'video_complete',
+    seek: 'video_seek',
+    unmute: 'video_unmute',
+    fullscreen: 'video_fullscreen',
+    exit: 'video_exit',
+};
+/** All engagement event name strings (for HubSpot eventNameMap keys, etc.). */
+export const VIDEO_ENGAGEMENT_EVENT_NAMES = [
+    VIDEO_ENGAGEMENT_EVENTS.impression,
+    VIDEO_ENGAGEMENT_EVENTS.start,
+    VIDEO_ENGAGEMENT_EVENTS.progress,
+    VIDEO_ENGAGEMENT_EVENTS.complete,
+    VIDEO_ENGAGEMENT_EVENTS.seek,
+    VIDEO_ENGAGEMENT_EVENTS.unmute,
+    VIDEO_ENGAGEMENT_EVENTS.fullscreen,
+    VIDEO_ENGAGEMENT_EVENTS.exit,
+];
+/**
+ * Thresholds for progress, completion, skip, and seek classification.
+ * Tuned for marketing-site explainer videos (not long-form).
+ */
+export const VIDEO_ENGAGEMENT_THRESHOLDS = {
+    /** Treat as completed when high-water mark reaches this % (or player ended). */
+    completePercent: 95,
+    /** Exit with low % + short watch time counts as skipped. */
+    skipMaxPercent: 10,
+    skipMaxWatchSeconds: 3,
+    /** Large forward seek: at least this % of duration OR this many seconds. */
+    seekMinPercent: 15,
+    seekMinSeconds: 10,
+    /** After a large forward seek, incomplete exit with max_percent below this is skipped. */
+    skipAfterSeekMaxPercent: 50,
+    quartiles: [25, 50, 75],
+    /** IntersectionObserver threshold for video_impression. */
+    impressionRatio: 0.5,
+};
+//# sourceMappingURL=videoEngagementTypes.js.map

package/dist/analytics/video/videoEngagementTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoEngagementTypes.js","sourceRoot":"","sources":["../../../src/analytics/video/videoEngagementTypes.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,UAAU,EAAE,kBAAkB;IAC9B,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,gBAAgB;IAC1B,QAAQ,EAAE,gBAAgB;IAC1B,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,cAAc;IACtB,UAAU,EAAE,kBAAkB;IAC9B,IAAI,EAAE,YAAY;CACV,CAAC;AAKX,+EAA+E;AAC/E,MAAM,CAAC,MAAM,4BAA4B,GAAwC;IAC/E,uBAAuB,CAAC,UAAU;IAClC,uBAAuB,CAAC,KAAK;IAC7B,uBAAuB,CAAC,QAAQ;IAChC,uBAAuB,CAAC,QAAQ;IAChC,uBAAuB,CAAC,IAAI;IAC5B,uBAAuB,CAAC,MAAM;IAC9B,uBAAuB,CAAC,UAAU;IAClC,uBAAuB,CAAC,IAAI;CAC7B,CAAC;AAIF;;;GAGG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,gFAAgF;IAChF,eAAe,EAAE,EAAE;IACnB,4DAA4D;IAC5D,cAAc,EAAE,EAAE;IAClB,mBAAmB,EAAE,CAAC;IACtB,4EAA4E;IAC5E,cAAc,EAAE,EAAE;IAClB,cAAc,EAAE,EAAE;IAClB,0FAA0F;IAC1F,uBAAuB,EAAE,EAAE;IAC3B,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAU;IAChC,2DAA2D;IAC3D,eAAe,EAAE,GAAG;CACZ,CAAC"}

package/dist/components/ExternalVimeoEmbed.d.ts

@@ -1,7 +1,7 @@
 import type { IAnalyticsContext, IExternalVideo } from '@se-studio/core-data-types';
 import type { ReactNode } from 'react';
 import type { IVideoProps } from './Video';
-declare function ExternalVimeoEmbed({ video, style, className, vimeoId, analyticsContext, componentLabel, autoPlay, loop, externalVideoPlayButton, }: {
+declare function ExternalVimeoEmbed({ video, style, className, vimeoId, analyticsContext, componentLabel, autoPlay, loop, externalVideoPlayButton, startPlaybackOnMount, }: {
     video: IExternalVideo;
     vimeoId: string;
     analyticsContext: IAnalyticsContext | null | undefined;

package/dist/components/ExternalVimeoEmbed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalVimeoEmbed.d.ts","sourceRoot":"","sources":["../../src/components/ExternalVimeoEmbed.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEpF,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAMtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA8C3C,iBAAS,kBAAkB,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,SAAS,EACT,OAAO,EACP,gBAAgB,EAChB,cAAc,EACd,QAAQ,EACR,IAAI,EACJ,uBAAuB,GACxB,EAAE;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC;IACvD,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,uBAAuB,CAAC,EAAE,SAAS,CAAC;CACrC,GAAG,WAAW,+BAmFd;AAED,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"ExternalVimeoEmbed.d.ts","sourceRoot":"","sources":["../../src/components/ExternalVimeoEmbed.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEpF,OAAO,KAAK,EAAiB,SAAS,EAAa,MAAM,OAAO,CAAC;AAQjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAgD3C,iBAAS,kBAAkB,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,SAAS,EACT,OAAO,EACP,gBAAgB,EAChB,cAAc,EACd,QAAQ,EACR,IAAI,EACJ,uBAAuB,EACvB,oBAA4B,GAC7B,EAAE;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC;IACvD,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,uBAAuB,CAAC,EAAE,SAAS,CAAC;CACrC,GAAG,WAAW,+BAmOd;AAED,eAAe,kBAAkB,CAAC"}

package/dist/components/ExternalVimeoEmbed.js

@@ -1,12 +1,15 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Image from 'next/image';
-import { useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { useAnalytics } from '../analytics/useAnalytics';
+import { useVideoEngagement } from '../analytics/video/useVideoEngagement';
 import { useExternalVideoPlayButton } from '../context/ExternalVideoPlayButtonContext';
 import { cn } from '../utils/cn';
 import { DefaultExternalVideoPlayButton } from './DefaultExternalVideoPlayButton';
+import { LocalVideoPlayChrome } from './LocalVideoPlayChrome';
 import { calculateCropDetails } from './Visual';
+const PLAYBACK_REVEAL_TIMEOUT_MS = 12_000;
 function getHighResThumbnail(url, embedWidth, embedHeight) {
     const longEdge = 1280;
     const [w, h] = embedHeight > embedWidth
@@ -43,9 +46,13 @@ function buildVimeoEmbedSrc(vimeoId, externalUrl, options) {
     const qs = params.toString();
     return `https://player.vimeo.com/video/${vimeoId}${qs ? `?${qs}` : ''}`;
 }
-function ExternalVimeoEmbed({ video, style, className, vimeoId, analyticsContext, componentLabel, autoPlay, loop, externalVideoPlayButton, }) {
-    const [hasActivated, setHasActivated] = useState(false);
+function ExternalVimeoEmbed({ video, style, className, vimeoId, analyticsContext, componentLabel, autoPlay, loop, externalVideoPlayButton, startPlaybackOnMount = false, }) {
+    const [hasActivated, setHasActivated] = useState(!!startPlaybackOnMount && !autoPlay);
+    /** Cover (poster + chrome) stays until real playback starts. */
+    const [isPlaying, setIsPlaying] = useState(false);
+    const clickTrackedRef = useRef(false);
     const { trackClick } = useAnalytics();
+    const iframeRef = useRef(null);
     const embed = video.embed;
     const cropProperties = calculateCropDetails(video);
     const fullStyle = {
@@ -60,6 +67,127 @@ function ExternalVimeoEmbed({ video, style, className, vimeoId, analyticsContext
         : rawPoster;
     const playButtonFromContext = useExternalVideoPlayButton();
     const playButtonContent = externalVideoPlayButton ?? playButtonFromContext;
+    const engagementEnabled = !autoPlay && !!analyticsContext;
+    const { sessionRef, rootRef } = useVideoEngagement({
+        identity: {
+            video_provider: 'vimeo',
+            video_id: vimeoId,
+            video_title: video.name,
+            video_url: video.external,
+            location: componentLabel ?? undefined,
+        },
+        analyticsContext,
+        enabled: engagementEnabled,
+    });
+    // Reveal player when Vimeo reports play (or after timeout so we never stick on cover).
+    useEffect(() => {
+        if (!hasActivated || autoPlay)
+            return;
+        const iframe = iframeRef.current;
+        if (!iframe)
+            return;
+        let cancelled = false;
+        let player = null;
+        let lastTime = 0;
+        const reveal = () => {
+            if (cancelled)
+                return;
+            setIsPlaying(true);
+        };
+        const timeoutId = window.setTimeout(reveal, PLAYBACK_REVEAL_TIMEOUT_MS);
+        let handlers = null;
+        const bind = async () => {
+            try {
+                const Player = (await import('@vimeo/player')).default;
+                if (cancelled)
+                    return;
+                player = new Player(iframe);
+                handlers = {
+                    onPlay: () => {
+                        reveal();
+                        if (engagementEnabled) {
+                            void player?.getMuted().then((muted) => {
+                                sessionRef.current?.onPlay(!!muted);
+                            });
+                        }
+                    },
+                    onPause: () => {
+                        sessionRef.current?.onPause();
+                    },
+                    onTimeUpdate: (data) => {
+                        lastTime = data.seconds;
+                        sessionRef.current?.onTime(data.seconds, data.duration);
+                    },
+                    onSeeked: (data) => {
+                        sessionRef.current?.onSeek(lastTime, data.seconds, data.duration);
+                        lastTime = data.seconds;
+                    },
+                    onEnded: () => {
+                        void player?.getDuration().then((duration) => {
+                            sessionRef.current?.onEnded(duration ?? 0);
+                        });
+                    },
+                    onVolumeChange: () => {
+                        void player?.getMuted().then((muted) => {
+                            sessionRef.current?.onMuteChange(!!muted);
+                        });
+                    },
+                    onFullscreenChange: (data) => {
+                        sessionRef.current?.onFullscreen(!!data.fullscreen);
+                    },
+                };
+                player.on('play', handlers.onPlay);
+                if (engagementEnabled) {
+                    player.on('pause', handlers.onPause);
+                    player.on('timeupdate', handlers.onTimeUpdate);
+                    player.on('seeked', handlers.onSeeked);
+                    player.on('ended', handlers.onEnded);
+                    player.on('volumechange', handlers.onVolumeChange);
+                    player.on('fullscreenchange', handlers.onFullscreenChange);
+                }
+                // Already playing (race with autoplay)
+                try {
+                    const paused = await player.getPaused();
+                    if (!paused)
+                        reveal();
+                }
+                catch {
+                    // ignore
+                }
+            }
+            catch {
+                reveal();
+            }
+        };
+        void bind();
+        return () => {
+            cancelled = true;
+            window.clearTimeout(timeoutId);
+            if (player && handlers) {
+                player.off('play', handlers.onPlay);
+                player.off('pause', handlers.onPause);
+                player.off('timeupdate', handlers.onTimeUpdate);
+                player.off('seeked', handlers.onSeeked);
+                player.off('ended', handlers.onEnded);
+                player.off('volumechange', handlers.onVolumeChange);
+                player.off('fullscreenchange', handlers.onFullscreenChange);
+            }
+        };
+    }, [hasActivated, autoPlay, engagementEnabled, sessionRef]);
+    // Intentional: trackClick = "opened player"; video_start fires when playback begins.
+    const trackOpenClick = useCallback(() => {
+        if (analyticsContext && !clickTrackedRef.current) {
+            clickTrackedRef.current = true;
+            trackClick('ExternalVideo', video.name, analyticsContext, {
+                location: componentLabel ?? undefined,
+            });
+        }
+    }, [analyticsContext, video.name, componentLabel, trackClick]);
+    useEffect(() => {
+        if (startPlaybackOnMount && !autoPlay) {
+            trackOpenClick();
+        }
+    }, [startPlaybackOnMount, autoPlay, trackOpenClick]);
     if (autoPlay) {
         return (_jsx("div", { className: cn('relative w-full overflow-hidden', className), style: fullStyle, children: _jsx("iframe", { src: buildVimeoEmbedSrc(vimeoId, video.external, {
                     autoplay: true,
@@ -70,13 +198,10 @@ function ExternalVimeoEmbed({ video, style, className, vimeoId, analyticsContext
     }
     function handlePlay() {
         setHasActivated(true);
-        if (analyticsContext) {
-            trackClick('ExternalVideo', video.name, analyticsContext, {
-                location: componentLabel ?? undefined,
-            });
-        }
+        trackOpenClick();
     }
-    return (_jsxs("div", { className: cn('relative w-full overflow-hidden', className), style: fullStyle, children: [!hasActivated && (_jsxs("button", { type: "button", onClick: handlePlay, className: "absolute inset-0 flex h-full w-full cursor-pointer items-center justify-center bg-neutral-900 group focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white/80", "aria-label": `Play video: ${video.name}`, children: [poster && (_jsx(Image, { src: poster, alt: video.name, width: video.width ?? 1920, height: video.height ?? 1080, style: { objectFit: 'cover' }, sizes: "100vw", className: "h-full w-full" })), playButtonContent ?? _jsx(DefaultExternalVideoPlayButton, {})] })), hasActivated && (_jsx("iframe", { src: buildVimeoEmbedSrc(vimeoId, video.external, { autoplay: true, loop, dnt }), title: video.name, className: "absolute inset-0 h-full w-full border-0", frameBorder: "0", allow: "autoplay; fullscreen; picture-in-picture", allowFullScreen: true }))] }));
+    const showCover = !isPlaying;
+    return (_jsxs("div", { ref: rootRef, className: cn('relative w-full overflow-hidden bg-neutral-900', className), style: fullStyle, children: [hasActivated && (_jsx("iframe", { ref: iframeRef, src: buildVimeoEmbedSrc(vimeoId, video.external, { autoplay: true, loop, dnt }), title: video.name, className: "absolute inset-0 h-full w-full border-0", frameBorder: "0", allow: "autoplay; fullscreen; picture-in-picture", allowFullScreen: true })), showCover && (_jsxs("div", { className: "absolute inset-0 z-10", children: [poster && (_jsx(Image, { src: poster, alt: video.name, width: video.width ?? 1920, height: video.height ?? 1080, style: { objectFit: 'cover' }, sizes: "100vw", className: "h-full w-full" })), _jsx(LocalVideoPlayChrome, { label: `Play video: ${video.name}`, onPlay: handlePlay, loading: hasActivated && !isPlaying, playButton: playButtonContent ?? _jsx(DefaultExternalVideoPlayButton, {}) })] }))] }));
 }
 export default ExternalVimeoEmbed;
 //# sourceMappingURL=ExternalVimeoEmbed.js.map

package/dist/components/ExternalVimeoEmbed.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalVimeoEmbed.js","sourceRoot":"","sources":["../../src/components/ExternalVimeoEmbed.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ExternalVimeoEmbed.js","sourceRoot":"","sources":["../../src/components/ExternalVimeoEmbed.tsx"],"names":[],"mappings":"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"}

package/dist/components/ExternalYouTubeEmbed.d.ts

@@ -1,6 +1,6 @@
 import type { IAnalyticsContext, IExternalVideo } from '@se-studio/core-data-types';
 import type { IVideoProps } from './Video';
-export declare function ExternalYoutubeEmbed({ video, style, className, youTubeId, analyticsContext, componentLabel, autoPlay, loop, externalVideoPlayButton, }: {
+export declare function ExternalYoutubeEmbed({ video, style, className, youTubeId, analyticsContext, componentLabel, autoPlay, loop, externalVideoPlayButton, startPlaybackOnMount, }: {
     video: IExternalVideo;
     youTubeId: string;
     analyticsContext: IAnalyticsContext | null | undefined;

package/dist/components/ExternalYouTubeEmbed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalYouTubeEmbed.d.ts","sourceRoot":"","sources":["../../src/components/ExternalYouTubeEmbed.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAQpF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA4B3C,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,QAAQ,EACR,IAAI,EACJ,uBAAuB,GACxB,EAAE;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC;IACvD,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAC3C,GAAG,WAAW,+BA0Ed"}
+{"version":3,"file":"ExternalYouTubeEmbed.d.ts","sourceRoot":"","sources":["../../src/components/ExternalYouTubeEmbed.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAiBpF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA0C3C,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,QAAQ,EACR,IAAI,EACJ,uBAAuB,EACvB,oBAA4B,GAC7B,EAAE;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC;IACvD,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAC3C,GAAG,WAAW,+BAoOd"}