@se-studio/core-ui 1.17.2 → 1.19.0

package/dist/components/ExternalYouTubeEmbed.js

@@ -1,12 +1,16 @@
 '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 { loadYouTubeIframeApi, YT_ENDED, YT_PAUSED, YT_PLAYING, } from '../analytics/video/loadYouTubeIframeApi';
+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 buildYouTubeEmbedSrc(youTubeId, options) {
     const base = options.dnt
         ? 'https://www.youtube-nocookie.com/embed/'
@@ -25,12 +29,21 @@ function buildYouTubeEmbedSrc(youTubeId, options) {
         params.set('playlist', youTubeId);
     }
     params.set('rel', '0');
+    if (options.enableJsApi) {
+        params.set('enablejsapi', '1');
+        if (typeof window !== 'undefined' && window.location?.origin) {
+            params.set('origin', window.location.origin);
+        }
+    }
     const qs = params.toString();
     return `${base}${youTubeId}${qs ? `?${qs}` : ''}`;
 }
-export function ExternalYoutubeEmbed({ video, style, className, youTubeId, analyticsContext, componentLabel, autoPlay, loop, externalVideoPlayButton, }) {
-    const [hasActivated, setHasActivated] = useState(false);
+export function ExternalYoutubeEmbed({ video, style, className, youTubeId, analyticsContext, componentLabel, autoPlay, loop, externalVideoPlayButton, startPlaybackOnMount = false, }) {
+    const [hasActivated, setHasActivated] = useState(!!startPlaybackOnMount && !autoPlay);
+    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 = {
@@ -42,17 +55,162 @@ export function ExternalYoutubeEmbed({ video, style, className, youTubeId, analy
     const poster = video.poster ?? embed?.thumbnailUrl;
     const playButtonFromContext = useExternalVideoPlayButton();
     const playButtonContent = externalVideoPlayButton ?? playButtonFromContext;
+    const engagementEnabled = !autoPlay && !!analyticsContext;
+    const { sessionRef, rootRef } = useVideoEngagement({
+        identity: {
+            video_provider: 'youtube',
+            video_id: youTubeId,
+            video_title: video.name,
+            video_url: video.external,
+            location: componentLabel ?? undefined,
+        },
+        analyticsContext,
+        enabled: engagementEnabled,
+    });
+    useEffect(() => {
+        if (!hasActivated || autoPlay)
+            return;
+        const iframe = iframeRef.current;
+        if (!iframe)
+            return;
+        let cancelled = false;
+        let player = null;
+        let pollId = null;
+        let lastTime = 0;
+        let wasPlaying = false;
+        const reveal = () => {
+            if (cancelled)
+                return;
+            setIsPlaying(true);
+        };
+        const timeoutId = window.setTimeout(reveal, PLAYBACK_REVEAL_TIMEOUT_MS);
+        const stopPoll = () => {
+            if (pollId != null) {
+                clearInterval(pollId);
+                pollId = null;
+            }
+        };
+        const startPoll = () => {
+            if (!engagementEnabled)
+                return;
+            stopPoll();
+            pollId = setInterval(() => {
+                if (!player)
+                    return;
+                try {
+                    const t = player.getCurrentTime();
+                    const d = player.getDuration();
+                    sessionRef.current?.onTime(t, d);
+                    lastTime = t;
+                }
+                catch {
+                    // player may be destroyed
+                }
+            }, 1000);
+        };
+        const onFullscreenChange = () => {
+            const fsEl = document.fullscreenElement;
+            const frame = iframeRef.current;
+            const isFs = !!frame && (fsEl === frame || (fsEl != null && (fsEl === frame || fsEl.contains(frame))));
+            sessionRef.current?.onFullscreen(isFs);
+        };
+        if (engagementEnabled) {
+            document.addEventListener('fullscreenchange', onFullscreenChange);
+        }
+        void (async () => {
+            try {
+                const YTPlayer = await loadYouTubeIframeApi();
+                if (cancelled || !iframeRef.current)
+                    return;
+                player = new YTPlayer(iframeRef.current, {
+                    events: {
+                        onStateChange: (event) => {
+                            const p = event.target;
+                            try {
+                                if (event.data === YT_PLAYING) {
+                                    reveal();
+                                    const muted = p.isMuted();
+                                    if (engagementEnabled && !wasPlaying) {
+                                        sessionRef.current?.onPlay(muted);
+                                        wasPlaying = true;
+                                    }
+                                    startPoll();
+                                }
+                                else if (event.data === YT_PAUSED && engagementEnabled) {
+                                    wasPlaying = false;
+                                    sessionRef.current?.onPause();
+                                    stopPoll();
+                                    try {
+                                        const t = p.getCurrentTime();
+                                        const d = p.getDuration();
+                                        if (Math.abs(t - lastTime) > 1) {
+                                            sessionRef.current?.onSeek(lastTime, t, d);
+                                        }
+                                        lastTime = t;
+                                    }
+                                    catch {
+                                        // ignore
+                                    }
+                                }
+                                else if (event.data === YT_ENDED && engagementEnabled) {
+                                    wasPlaying = false;
+                                    stopPoll();
+                                    sessionRef.current?.onEnded(p.getDuration());
+                                }
+                            }
+                            catch {
+                                // ignore
+                            }
+                        },
+                    },
+                });
+            }
+            catch {
+                reveal();
+            }
+        })();
+        return () => {
+            cancelled = true;
+            window.clearTimeout(timeoutId);
+            stopPoll();
+            if (engagementEnabled) {
+                document.removeEventListener('fullscreenchange', onFullscreenChange);
+            }
+            try {
+                player?.destroy();
+            }
+            catch {
+                // ignore
+            }
+        };
+    }, [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: buildYouTubeEmbedSrc(youTubeId, { autoplay: true, background: true, loop, dnt }), title: video.name, className: "absolute inset-0 h-full w-full border-0", frameBorder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true }) }));
     }
     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: buildYouTubeEmbedSrc(youTubeId, { autoplay: true, loop, dnt }), title: video.name, className: "absolute inset-0 h-full w-full border-0", frameBorder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; 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: buildYouTubeEmbedSrc(youTubeId, {
+                    autoplay: true,
+                    loop,
+                    dnt,
+                    enableJsApi: true,
+                }), title: video.name, className: "absolute inset-0 h-full w-full border-0", frameBorder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; 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, {}) })] }))] }));
 }
 //# sourceMappingURL=ExternalYouTubeEmbed.js.map

package/dist/components/ExternalYouTubeEmbed.js.map

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

package/dist/components/ImageKitClientVideo.d.ts

@@ -1,11 +1,16 @@
+import type { IAnalyticsContext } from '@se-studio/core-data-types';
 import { type IVisualCommon } from '@se-studio/core-data-types';
 import React from 'react';
 import type { IVideoProps } from './Video';
-declare function ImageKitVideo({ url, videoPrefix, autoPlay, loop, muted, controls, style, poster, contained, dontCrop, verticalCropPosition, horizontalCropPosition, width, height, visualSizes, loading, fetchPriority, noPoster, className, fullPlayer: _fullPlayer, ...props }: {
+declare function ImageKitVideo({ url, videoPrefix, autoPlay, loop, muted, controls, style, poster, contained, dontCrop, verticalCropPosition, horizontalCropPosition, width, height, visualSizes, loading, fetchPriority, noPoster, className, fullPlayer: _fullPlayer, analyticsContext, componentLabel, videoId, videoTitle, startPlaybackOnMount, ...props }: {
     url: string;
     videoPrefix: string;
     width: number | undefined;
     height: number | undefined;
+    analyticsContext?: IAnalyticsContext;
+    componentLabel?: string | null;
+    videoId?: string;
+    videoTitle?: string;
 } & Omit<IVisualCommon, 'id' | 'type' | 'name' | 'nameAsCaption'> & IVideoProps): React.JSX.Element;
 export default ImageKitVideo;
 //# sourceMappingURL=ImageKitClientVideo.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ImageKitClientVideo.d.ts","sourceRoot":"","sources":["../../src/components/ImageKitClientVideo.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAmC,MAAM,4BAA4B,CAAC;AAEjG,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAoG3C,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,EACN,SAAS,EACT,QAAQ,EACR,oBAAoB,EACpB,sBAAsB,EACtB,KAAK,EACL,MAAM,EACN,WAAW,EACX,OAAO,EACP,aAAa,EACb,QAAQ,EACR,SAAS,EACT,UAAU,EAAE,WAAW,EACvB,GAAG,KAAK,EACT,EAAE;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC,GAC/D,WAAW,qBAiIZ;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ImageKitClientVideo.d.ts","sourceRoot":"","sources":["../../src/components/ImageKitClientVideo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,KAAK,aAAa,EAAmC,MAAM,4BAA4B,CAAC;AAEjG,OAAO,KAAmE,MAAM,OAAO,CAAC;AAKxF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAoG3C,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,EACN,SAAS,EACT,QAAQ,EACR,oBAAoB,EACpB,sBAAsB,EACtB,KAAK,EACL,MAAM,EACN,WAAW,EACX,OAAO,EACP,aAAa,EACb,QAAQ,EACR,SAAS,EACT,UAAU,EAAE,WAAW,EACvB,gBAAgB,EAChB,cAAc,EACd,OAAO,EACP,UAAU,EACV,oBAA4B,EAC5B,GAAG,KAAK,EACT,EAAE;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC,GAC/D,WAAW,qBA8MZ;AAED,eAAe,aAAa,CAAC"}

package/dist/components/ImageKitClientVideo.js

@@ -2,8 +2,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { processSizes } from '@se-studio/core-data-types';
 import Image from 'next/image';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useHtml5VideoEngagement } from '../analytics/video/useHtml5VideoEngagement';
+import { useVideoEngagement } from '../analytics/video/useVideoEngagement';
 import { cn } from '../utils/cn';
+import { LocalVideoPlayChrome } from './LocalVideoPlayChrome';
 import { CONTAINED_VIDEO_CLASSES, calculateCropDetails } from './Visual';
 /** Named transformation widths registered in ImageKit (ascending order). */
 const NAMED_TRANSFORMATION_WIDTHS = [640, 768, 960, 1440, 1920, 2880];
@@ -66,7 +69,7 @@ function calculateSizes(visualSizes) {
         result.push('100vw');
     return result.join(',');
 }
-function ImageKitVideo({ url, videoPrefix, autoPlay, loop, muted, controls, style, poster, contained, dontCrop, verticalCropPosition, horizontalCropPosition, width, height, visualSizes, loading, fetchPriority, noPoster, className, fullPlayer: _fullPlayer, ...props }) {
+function ImageKitVideo({ url, videoPrefix, autoPlay, loop, muted, controls, style, poster, contained, dontCrop, verticalCropPosition, horizontalCropPosition, width, height, visualSizes, loading, fetchPriority, noPoster, className, fullPlayer: _fullPlayer, analyticsContext, componentLabel, videoId, videoTitle, startPlaybackOnMount = false, ...props }) {
     const fullUrl = new URL(url);
     const cropProperties = calculateCropDetails({
         dontCrop,
@@ -75,7 +78,6 @@ function ImageKitVideo({ url, videoPrefix, autoPlay, loop, muted, controls, styl
     });
     const realAutoPlay = !!autoPlay;
     const realMuted = muted || realAutoPlay;
-    const realControls = !realAutoPlay || controls;
     const pathname = fullUrl.pathname;
     // Always force /ik-video.mp4 so ImageKit delivers H.264 MP4 regardless of source container.
     // Contentful files may be WebM despite a .mp4 extension; raw path is offered as webm source.
@@ -89,9 +91,63 @@ function ImageKitVideo({ url, videoPrefix, autoPlay, loop, muted, controls, styl
     const deferAutoplaySources = realAutoPlay && !!realPoster;
     const [posterVisible, setPosterVisible] = useState(!!realPoster);
     const [sourcesReady, setSourcesReady] = useState(!deferAutoplaySources);
+    /**
+     * Non-autoplay: `pending` after click while buffering; `started` once playback begins.
+     * Poster + play chrome stay until `started`.
+     */
+    const [playPending, setPlayPending] = useState(false);
+    const [userStarted, setUserStarted] = useState(false);
     // React's `muted` JSX prop doesn't reliably set the DOM property on client-rendered
     // elements — Safari checks video.muted (the property) to allow autoplay, not the attribute.
     const videoRef = useRef(null);
+    const showPlayChrome = !realAutoPlay && !userStarted;
+    const effectiveControls = realAutoPlay ? Boolean(controls) : userStarted && controls !== false;
+    const engagementEnabled = !realAutoPlay && !!analyticsContext;
+    const { sessionRef, rootRef } = useVideoEngagement({
+        identity: {
+            video_provider: 'local',
+            video_id: videoId || pathname || url,
+            video_title: videoTitle || 'Video',
+            video_url: url,
+            location: componentLabel ?? undefined,
+        },
+        analyticsContext,
+        enabled: engagementEnabled,
+    });
+    useHtml5VideoEngagement(videoRef, sessionRef, engagementEnabled);
+    const markPlaying = useCallback(() => {
+        setUserStarted(true);
+        setPlayPending(false);
+        setPosterVisible(false);
+    }, []);
+    const handlePlayChrome = useCallback(() => {
+        const video = videoRef.current;
+        setPlayPending(true);
+        if (video) {
+            void video.play().catch(() => {
+                setPlayPending(false);
+            });
+        }
+    }, []);
+    useEffect(() => {
+        if (!playPending)
+            return;
+        const id = window.setTimeout(() => {
+            const video = videoRef.current;
+            if (video && !video.paused) {
+                markPlaying();
+            }
+            else {
+                setPlayPending(false);
+            }
+        }, 12_000);
+        return () => window.clearTimeout(id);
+    }, [playPending, markPlaying]);
+    useEffect(() => {
+        if (!startPlaybackOnMount || realAutoPlay)
+            return;
+        handlePlayChrome();
+    }, [startPlaybackOnMount, realAutoPlay, handlePlayChrome]);
     useEffect(() => {
         if (videoRef.current) {
             videoRef.current.muted = realMuted;
@@ -125,17 +181,23 @@ function ImageKitVideo({ url, videoPrefix, autoPlay, loop, muted, controls, styl
         ...cropProperties,
     };
     const posterOverlay = posterVisible && realPoster ? (_jsx(Image, { src: realPoster, alt: "", fill: true, className: "object-cover pointer-events-none", sizes: calculateSizes(visualSizes), priority: fetchPriority === 'high', loading: loading === 'lazy' ? 'lazy' : undefined, fetchPriority: fetchPriority, "aria-hidden": true })) : null;
-    const videoElement = (_jsxs("video", { ref: videoRef, "aria-hidden": realMuted && loop, className: cn(CONTAINED_VIDEO_CLASSES, className), playsInline: true, autoPlay: realAutoPlay, loop: loop, muted: realMuted, controls: realControls, style: videoStyle, width: width, height: height, preload: !sourcesReady
+    const videoElement = (_jsxs("video", { ref: videoRef, "aria-hidden": realMuted && loop, className: cn(CONTAINED_VIDEO_CLASSES, className), playsInline: true, autoPlay: realAutoPlay, loop: loop, muted: realMuted, controls: effectiveControls, style: videoStyle, width: width, height: height, preload: !sourcesReady
             ? 'none'
             : fetchPriority === 'high' || loading === 'eager'
                 ? 'auto'
                 : loading === 'lazy'
                     ? 'metadata'
-                    : undefined, fetchPriority: sourcesReady ? fetchPriority : undefined, onPlay: () => setPosterVisible(false), ...props, children: [sourcesReady ? (_jsx(VideoSources, { width: width, videoPrefix: videoPrefix, rawSrc: rawSrc, mp4Src: mp4Src, visualSizes: visualSizes })) : null, realMuted && _jsx("track", { kind: "captions", default: true })] }));
+                    : undefined, fetchPriority: sourcesReady ? fetchPriority : undefined, onPlaying: markPlaying, onPlay: () => {
+            // Some browsers only fire play; still prefer playing for first frame.
+            if (!realAutoPlay && videoRef.current && videoRef.current.readyState >= 2) {
+                markPlaying();
+            }
+        }, ...props, children: [sourcesReady ? (_jsx(VideoSources, { width: width, videoPrefix: videoPrefix, rawSrc: rawSrc, mp4Src: mp4Src, visualSizes: visualSizes })) : null, realMuted && _jsx("track", { kind: "captions", default: true })] }));
+    const playChrome = showPlayChrome ? (_jsx(LocalVideoPlayChrome, { label: `Play video: ${videoTitle || 'Video'}`, onPlay: handlePlayChrome, loading: playPending })) : null;
     if (contained) {
-        return (_jsxs(_Fragment, { children: [videoElement, posterOverlay] }));
+        return (_jsxs("div", { ref: rootRef, className: "relative", children: [videoElement, posterOverlay, playChrome] }));
     }
-    return (_jsxs("div", { className: "relative overflow-clip rounded-[1px]", style: { display: 'block' }, children: [videoElement, posterOverlay] }));
+    return (_jsxs("div", { ref: rootRef, className: "relative overflow-clip rounded-[1px]", style: { display: 'block' }, children: [videoElement, posterOverlay, playChrome] }));
 }
 export default ImageKitVideo;
 //# sourceMappingURL=ImageKitClientVideo.js.map

package/dist/components/ImageKitClientVideo.js.map

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

package/dist/components/ImageKitHlsVideoClient.d.ts

@@ -1,3 +1,4 @@
+import type { IAnalyticsContext } from '@se-studio/core-data-types';
 import type { IVideoProps } from './Video';
 interface ImageKitHlsVideoClientProps extends Omit<IVideoProps, 'poster'> {
     hlsSrc: string;
@@ -7,7 +8,12 @@ interface ImageKitHlsVideoClientProps extends Omit<IVideoProps, 'poster'> {
     width?: number;
     height?: number;
     noPoster?: boolean;
+    analyticsContext?: IAnalyticsContext;
+    componentLabel?: string | null;
+    videoId?: string;
+    videoTitle?: string;
+    videoUrl?: string;
 }
-export default function ImageKitHlsVideoClient({ hlsSrc, fallbackMp4Url, autoPlay, loop, muted, controls, style, poster, contained, width, height, loading, fetchPriority, noPoster, className, visualSizes, fullPlayer: _fullPlayer, ...props }: ImageKitHlsVideoClientProps): import("react").JSX.Element;
+export default function ImageKitHlsVideoClient({ hlsSrc, fallbackMp4Url, autoPlay, loop, muted, controls, style, poster, contained, width, height, loading, fetchPriority, noPoster, className, visualSizes, fullPlayer: _fullPlayer, analyticsContext, componentLabel, videoId, videoTitle, videoUrl, startPlaybackOnMount, ...props }: ImageKitHlsVideoClientProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=ImageKitHlsVideoClient.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ImageKitHlsVideoClient.d.ts","sourceRoot":"","sources":["../../src/components/ImageKitHlsVideoClient.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,UAAU,2BAA4B,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC;IACvE,MAAM,EAAE,MAAM,CAAC;IACf,8FAA8F;IAC9F,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAcD,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,MAAM,EACN,cAAc,EACd,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,MAAM,EACN,OAAO,EACP,aAAa,EACb,QAAQ,EACR,SAAS,EACT,WAAW,EACX,UAAU,EAAE,WAAW,EACvB,GAAG,KAAK,EACT,EAAE,2BAA2B,+BAwI7B"}
+{"version":3,"file":"ImageKitHlsVideoClient.d.ts","sourceRoot":"","sources":["../../src/components/ImageKitHlsVideoClient.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAQpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,UAAU,2BAA4B,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC;IACvE,MAAM,EAAE,MAAM,CAAC;IACf,8FAA8F;IAC9F,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAcD,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,MAAM,EACN,cAAc,EACd,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,MAAM,EACN,OAAO,EACP,aAAa,EACb,QAAQ,EACR,SAAS,EACT,WAAW,EACX,UAAU,EAAE,WAAW,EACvB,gBAAgB,EAChB,cAAc,EACd,OAAO,EACP,UAAU,EACV,QAAQ,EACR,oBAA4B,EAC5B,GAAG,KAAK,EACT,EAAE,2BAA2B,+BA+M7B"}

package/dist/components/ImageKitHlsVideoClient.js

@@ -1,9 +1,12 @@
 'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { processSizes } from '@se-studio/core-data-types';
 import Image from 'next/image';
-import { useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useHtml5VideoEngagement } from '../analytics/video/useHtml5VideoEngagement';
+import { useVideoEngagement } from '../analytics/video/useVideoEngagement';
 import { cn } from '../utils/cn';
+import { LocalVideoPlayChrome } from './LocalVideoPlayChrome';
 import { CONTAINED_VIDEO_CLASSES } from './Visual';
 function calculateSizes(visualSizes) {
     if (!visualSizes)
@@ -19,15 +22,64 @@ function calculateSizes(visualSizes) {
         result.push('100vw');
     return result.join(',');
 }
-export default function ImageKitHlsVideoClient({ hlsSrc, fallbackMp4Url, autoPlay, loop, muted, controls, style, poster, contained, width, height, loading, fetchPriority, noPoster, className, visualSizes, fullPlayer: _fullPlayer, ...props }) {
+export default function ImageKitHlsVideoClient({ hlsSrc, fallbackMp4Url, autoPlay, loop, muted, controls, style, poster, contained, width, height, loading, fetchPriority, noPoster, className, visualSizes, fullPlayer: _fullPlayer, analyticsContext, componentLabel, videoId, videoTitle, videoUrl, startPlaybackOnMount = false, ...props }) {
     const videoRef = useRef(null);
     const [useFallbackMp4, setUseFallbackMp4] = useState(false);
     const [hlsActive, setHlsActive] = useState(false);
     const realAutoPlay = !!autoPlay;
     const realMuted = muted ?? realAutoPlay;
-    const realControls = !realAutoPlay || controls;
     const realPoster = noPoster ? undefined : (poster ?? undefined);
     const [posterVisible, setPosterVisible] = useState(!realAutoPlay);
+    const [playPending, setPlayPending] = useState(false);
+    const [userStarted, setUserStarted] = useState(false);
+    const showPlayChrome = !realAutoPlay && !userStarted;
+    const effectiveControls = realAutoPlay ? Boolean(controls) : userStarted && controls !== false;
+    const engagementEnabled = !realAutoPlay && !!analyticsContext;
+    const { sessionRef, rootRef } = useVideoEngagement({
+        identity: {
+            video_provider: 'local',
+            video_id: videoId || hlsSrc,
+            video_title: videoTitle || 'Video',
+            video_url: videoUrl || hlsSrc,
+            location: componentLabel ?? undefined,
+        },
+        analyticsContext,
+        enabled: engagementEnabled,
+    });
+    useHtml5VideoEngagement(videoRef, sessionRef, engagementEnabled);
+    const markPlaying = useCallback(() => {
+        setUserStarted(true);
+        setPlayPending(false);
+        setPosterVisible(false);
+    }, []);
+    const handlePlayChrome = useCallback(() => {
+        const video = videoRef.current;
+        setPlayPending(true);
+        if (video) {
+            void video.play().catch(() => {
+                setPlayPending(false);
+            });
+        }
+    }, []);
+    useEffect(() => {
+        if (!playPending)
+            return;
+        const id = window.setTimeout(() => {
+            const video = videoRef.current;
+            if (video && !video.paused) {
+                markPlaying();
+            }
+            else {
+                setPlayPending(false);
+            }
+        }, 12_000);
+        return () => window.clearTimeout(id);
+    }, [playPending, markPlaying]);
+    useEffect(() => {
+        if (!startPlaybackOnMount || realAutoPlay)
+            return;
+        handlePlayChrome();
+    }, [startPlaybackOnMount, realAutoPlay, handlePlayChrome]);
     useEffect(() => {
         const video = videoRef.current;
         if (!video)
@@ -93,14 +145,19 @@ export default function ImageKitHlsVideoClient({ hlsSrc, fallbackMp4Url, autoPla
         ...style,
     };
     const posterOverlay = posterVisible && realPoster ? (_jsx(Image, { src: realPoster, alt: "", fill: true, className: "object-cover pointer-events-none", sizes: calculateSizes(visualSizes), "aria-hidden": true })) : null;
-    const videoElement = (_jsx("video", { ref: videoRef, src: resolvedSrc, "aria-hidden": realMuted && loop, className: cn(CONTAINED_VIDEO_CLASSES, className), playsInline: true, autoPlay: realAutoPlay, loop: loop, muted: realMuted, controls: realControls, style: videoStyle, width: width, height: height, preload: fetchPriority === 'high' || loading === 'eager'
+    const videoElement = (_jsx("video", { ref: videoRef, src: resolvedSrc, "aria-hidden": realMuted && loop, className: cn(CONTAINED_VIDEO_CLASSES, className), playsInline: true, autoPlay: realAutoPlay, loop: loop, muted: realMuted, controls: effectiveControls, style: videoStyle, width: width, height: height, preload: fetchPriority === 'high' || loading === 'eager'
             ? 'auto'
             : loading === 'lazy'
                 ? 'metadata'
-                : undefined, fetchPriority: fetchPriority, onPlay: () => setPosterVisible(false), onEnded: handleEnded, ...props, children: realMuted && _jsx("track", { kind: "captions", default: true }) }));
+                : undefined, fetchPriority: fetchPriority, onPlaying: markPlaying, onPlay: () => {
+            if (!realAutoPlay && videoRef.current && videoRef.current.readyState >= 2) {
+                markPlaying();
+            }
+        }, onEnded: handleEnded, ...props, children: realMuted && _jsx("track", { kind: "captions", default: true }) }));
+    const playChrome = showPlayChrome ? (_jsx(LocalVideoPlayChrome, { label: `Play video: ${videoTitle || 'Video'}`, onPlay: handlePlayChrome, loading: playPending })) : null;
     if (contained) {
-        return (_jsxs(_Fragment, { children: [videoElement, posterOverlay] }));
+        return (_jsxs("div", { ref: rootRef, className: "relative", children: [videoElement, posterOverlay, playChrome] }));
     }
-    return (_jsxs("div", { className: "relative overflow-clip rounded-[1px]", style: { display: 'block' }, children: [videoElement, posterOverlay] }));
+    return (_jsxs("div", { ref: rootRef, className: "relative overflow-clip rounded-[1px]", style: { display: 'block' }, children: [videoElement, posterOverlay, playChrome] }));
 }
 //# sourceMappingURL=ImageKitHlsVideoClient.js.map

package/dist/components/ImageKitHlsVideoClient.js.map

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

package/dist/components/LazyVideo.d.ts

@@ -8,6 +8,11 @@ type Props = VideoComponentProps;
  * The pre-load shell must not be empty: crawlers and a11y scanners (e.g.
  * Siteimprove “content missing after heading”) only see the SSR HTML. Always
  * reserve aspect ratio and, when available, render poster + accessible name.
+ *
+ * Non-autoplay shells also show a play-button affordance so first paint matches
+ * the interactive player. A user click on the shell loads the player and
+ * requests {@link VideoComponentProps.startPlaybackOnMount} so playback starts
+ * without a second click.
  */
 export declare function LazyVideo(maybeProps: Props | null | undefined): import("react").JSX.Element | null;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"LazyVideo.d.ts","sourceRoot":"","sources":["../../src/components/LazyVideo.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,KAAK,KAAK,GAAG,mBAAmB,CAAC;AAyBjC;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,UAAU,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,sCAyG7D"}
+{"version":3,"file":"LazyVideo.d.ts","sourceRoot":"","sources":["../../src/components/LazyVideo.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,KAAK,KAAK,GAAG,mBAAmB,CAAC;AAyBjC;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CAAC,UAAU,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,sCAkI7D"}