@se-studio/core-ui 0.0.0-next16-20260822103555

package/dist/components/LazyAnimation.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentProps } from 'react';
+import type AnimationComponent from './AnimationComponent';
+import type DotLottieAnimationComponent from './DotLottieAnimationComponent';
+type LottieProps = ComponentProps<typeof AnimationComponent>;
+type DotProps = ComponentProps<typeof DotLottieAnimationComponent>;
+type Props = LottieProps | DotProps;
+/**
+ * Prefer DotLottie for all formats (plays both `.json` and `.lottie`, same engine as
+ * lottiefiles.com). Fall back to classic `lottie-player` only if DotLottie is not installed.
+ *
+ * Note: hand-rolled zip “.lottie” packages without a valid DotLottie layout can fail to
+ * load; prefer raw Lottie JSON for Cavalry exports (works on lottiefiles.com).
+ */
+export declare function LazyAnimation(props: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=LazyAnimation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LazyAnimation.d.ts","sourceRoot":"","sources":["../../src/components/LazyAnimation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAgC,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,kBAAkB,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,2BAA2B,MAAM,+BAA+B,CAAC;AAG7E,KAAK,WAAW,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAC7D,KAAK,QAAQ,GAAG,cAAc,CAAC,OAAO,2BAA2B,CAAC,CAAC;AACnE,KAAK,KAAK,GAAG,WAAW,GAAG,QAAQ,CAAC;AAEpC;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,+BAiGzC"}

package/dist/components/LazyAnimation.js

@@ -0,0 +1,90 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { ensureDotLottieWasm, preloadDotLottieWasm } from './dotlottieWasm';
+/**
+ * Prefer DotLottie for all formats (plays both `.json` and `.lottie`, same engine as
+ * lottiefiles.com). Fall back to classic `lottie-player` only if DotLottie is not installed.
+ *
+ * Note: hand-rolled zip “.lottie” packages without a valid DotLottie layout can fail to
+ * load; prefer raw Lottie JSON for Cavalry exports (works on lottiefiles.com).
+ */
+export function LazyAnimation(props) {
+    const ref = useRef(null);
+    const [Loaded, setLoaded] = useState(null);
+    const loadStartedRef = useRef(false);
+    const isEager = props.loading === 'eager' || props.fetchPriority === 'high';
+    const loadPlayer = useCallback(() => {
+        if (loadStartedRef.current)
+            return;
+        loadStartedRef.current = true;
+        void (async () => {
+            try {
+                // Prefer DotLottie (ThorVG) — handles Cavalry JSON that lottie-web cannot.
+                try {
+                    await ensureDotLottieWasm();
+                    if (isEager) {
+                        await preloadDotLottieWasm();
+                    }
+                    await import('@lottiefiles/dotlottie-react');
+                    const { default: Anim } = await import('./DotLottieAnimationComponent');
+                    if (typeof Anim === 'function') {
+                        setLoaded(() => Anim);
+                        return;
+                    }
+                }
+                catch {
+                    // fall through to lottie-player
+                }
+                try {
+                    await import('@lottiefiles/lottie-player');
+                    const { default: Anim } = await import('./AnimationComponent');
+                    if (typeof Anim === 'function') {
+                        setLoaded(() => Anim);
+                        return;
+                    }
+                }
+                catch {
+                    // neither player available
+                }
+                loadStartedRef.current = false;
+            }
+            catch {
+                loadStartedRef.current = false;
+            }
+        })();
+    }, [isEager]);
+    useEffect(() => {
+        if (isEager) {
+            loadPlayer();
+            return;
+        }
+        const el = ref.current;
+        if (!el)
+            return;
+        const io = new IntersectionObserver((entries) => {
+            if (!entries[0]?.isIntersecting)
+                return;
+            io.disconnect();
+            loadPlayer();
+        }, { rootMargin: '400px' });
+        io.observe(el);
+        return () => {
+            io.disconnect();
+        };
+    }, [isEager, loadPlayer]);
+    if (Loaded) {
+        const Comp = Loaded;
+        return _jsx(Comp, { ...props });
+    }
+    const { animation, className, style } = props;
+    const w = animation?.optimised?.width;
+    const h = animation?.optimised?.height;
+    const aspectRatio = w && h ? `${w} / ${h}` : '1 / 1';
+    const poster = animation?.posterSrc;
+    const shellStyle = { aspectRatio, position: 'relative', width: '100%', ...style };
+    const posterPriority = props.fetchPriority === 'high';
+    const posterLoading = props.loading === 'eager' || posterPriority ? 'eager' : 'lazy';
+    return (_jsx("div", { ref: ref, className: className, style: shellStyle, "data-se-animation": "lazy-shell", children: poster ? (_jsx("img", { src: poster, alt: "", "aria-hidden": true, className: "absolute inset-0 h-full w-full object-contain", loading: posterLoading, fetchPriority: posterPriority ? 'high' : undefined })) : null }));
+}
+//# sourceMappingURL=LazyAnimation.js.map

package/dist/components/LazyAnimation.js.map

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

package/dist/components/LazyVideo.d.ts

@@ -0,0 +1,19 @@
+import type { VideoComponentProps } from './VideoComponent';
+type Props = VideoComponentProps;
+/**
+ * Lazy-loads {@link VideoComponent} (local / external embeds) after the shell
+ * approaches the viewport (or immediately when `loading="eager"` /
+ * `fetchPriority="high"`).
+ *
+ * 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 {};
+//# sourceMappingURL=LazyVideo.d.ts.map

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

@@ -0,0 +1 @@
+{"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"}

package/dist/components/LazyVideo.js

@@ -0,0 +1,134 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isExternalVideo } from '@se-studio/core-data-types';
+import Image from 'next/image';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useExternalVideoPlayButton } from '../context/ExternalVideoPlayButtonContext';
+import { cn } from '../utils/cn';
+import { DefaultExternalVideoPlayButton } from './DefaultExternalVideoPlayButton';
+import { LocalVideoPlayChrome } from './LocalVideoPlayChrome';
+/**
+ * Poster URL for the pre-load shell. External videos often only have
+ * `embed.thumbnailUrl` (oEmbed); local/full may set `poster` on the video.
+ */
+function getVideoPosterUrl(video) {
+    if (!video) {
+        return undefined;
+    }
+    if (video.poster) {
+        return video.poster;
+    }
+    if (isExternalVideo(video) && video.embed?.thumbnailUrl) {
+        return video.embed.thumbnailUrl;
+    }
+    return undefined;
+}
+function getVideoAccessibleName(video) {
+    return video?.name?.trim() || 'Video';
+}
+/**
+ * Lazy-loads {@link VideoComponent} (local / external embeds) after the shell
+ * approaches the viewport (or immediately when `loading="eager"` /
+ * `fetchPriority="high"`).
+ *
+ * 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 function LazyVideo(maybeProps) {
+    const ref = useRef(null);
+    const [Loaded, setLoaded] = useState(null);
+    const [loadPending, setLoadPending] = useState(false);
+    /** User clicked shell play — start playback once VideoComponent mounts. */
+    const [startOnMount, setStartOnMount] = useState(false);
+    const loadStartedRef = useRef(false);
+    const isEager = maybeProps?.loading === 'eager' || maybeProps?.fetchPriority === 'high';
+    const playButtonFromContext = useExternalVideoPlayButton();
+    const playButtonContent = maybeProps?.externalVideoPlayButton ?? playButtonFromContext;
+    const loadComponent = useCallback((fromUserPlay = false) => {
+        if (fromUserPlay) {
+            setStartOnMount(true);
+        }
+        if (loadStartedRef.current)
+            return;
+        loadStartedRef.current = true;
+        setLoadPending(true);
+        void import('./VideoComponent').then((m) => {
+            const Comp = m?.default;
+            if (typeof Comp === 'function') {
+                setLoaded(() => Comp);
+            }
+            else {
+                loadStartedRef.current = false;
+                setLoadPending(false);
+                setStartOnMount(false);
+            }
+        });
+    }, []);
+    useEffect(() => {
+        if (isEager) {
+            loadComponent(false);
+            return;
+        }
+        const el = ref.current;
+        if (!el)
+            return;
+        const io = new IntersectionObserver((entries) => {
+            if (!entries[0]?.isIntersecting)
+                return;
+            io.disconnect();
+            loadComponent(false);
+        }, { rootMargin: '400px' });
+        io.observe(el);
+        return () => {
+            io.disconnect();
+        };
+    }, [isEager, loadComponent]);
+    if (maybeProps == null)
+        return null;
+    const props = maybeProps;
+    if (Loaded) {
+        const Comp = Loaded;
+        return _jsx(Comp, { ...props, startPlaybackOnMount: startOnMount || props.startPlaybackOnMount });
+    }
+    const { video, className, style, autoPlay } = props;
+    const w = video?.width;
+    const h = video?.height;
+    const aspectRatio = w && h ? `${w} / ${h}` : '16 / 9';
+    const poster = getVideoPosterUrl(video);
+    const name = getVideoAccessibleName(video);
+    const shellStyle = {
+        aspectRatio,
+        position: 'relative',
+        overflow: 'hidden',
+        ...style,
+    };
+    // Forward LCP hints onto the poster shell so first paint is discoverable in HTML
+    // (default next/image is lazy without these, which fails LCP discovery).
+    const posterPriority = props.fetchPriority === 'high';
+    const posterLoading = props.loading === 'eager' || posterPriority ? 'eager' : 'lazy';
+    // Match ExternalVimeo/YouTube click-to-play chrome for non-autoplay videos.
+    const showPlayAffordance = !autoPlay;
+    return (_jsxs("div", { ref: ref, className: cn(className, showPlayAffordance && 'bg-neutral-900'), style: shellStyle, children: [poster ? (_jsx(Image, { src: poster, alt: name, width: w ?? 1920, height: h ?? 1080, sizes: "100vw", loading: posterLoading, fetchPriority: posterPriority ? 'high' : undefined, priority: posterPriority, style: {
+                    display: 'block',
+                    width: '100%',
+                    height: '100%',
+                    objectFit: 'cover',
+                } })) : (_jsx("span", { style: {
+                    position: 'absolute',
+                    width: 1,
+                    height: 1,
+                    padding: 0,
+                    margin: -1,
+                    overflow: 'hidden',
+                    clip: 'rect(0, 0, 0, 0)',
+                    whiteSpace: 'nowrap',
+                    border: 0,
+                }, children: name })), showPlayAffordance ? (_jsx(LocalVideoPlayChrome, { label: `Play video: ${name}`, onPlay: () => loadComponent(true), loading: loadPending, playButton: playButtonContent ?? _jsx(DefaultExternalVideoPlayButton, {}) })) : null] }));
+}
+//# sourceMappingURL=LazyVideo.js.map

package/dist/components/LazyVideo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LazyVideo.js","sourceRoot":"","sources":["../../src/components/LazyVideo.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,KAAK,MAAM,YAAY,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAO9D;;;GAGG;AACH,SAAS,iBAAiB,CAAC,KAAkC;IAC3D,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACjB,OAAO,KAAK,CAAC,MAAM,CAAC;IACtB,CAAC;IACD,IAAI,eAAe,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,EAAE,YAAY,EAAE,CAAC;QACxD,OAAO,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC;IAClC,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,sBAAsB,CAAC,KAAkC;IAChE,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,OAAO,CAAC;AACxC,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,SAAS,CAAC,UAAoC;IAC5D,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAA8B,IAAI,CAAC,CAAC;IACxE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,2EAA2E;IAC3E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACrC,MAAM,OAAO,GAAG,UAAU,EAAE,OAAO,KAAK,OAAO,IAAI,UAAU,EAAE,aAAa,KAAK,MAAM,CAAC;IACxF,MAAM,qBAAqB,GAAG,0BAA0B,EAAE,CAAC;IAC3D,MAAM,iBAAiB,GAAc,UAAU,EAAE,uBAAuB,IAAI,qBAAqB,CAAC;IAElG,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,YAAY,GAAG,KAAK,EAAE,EAAE;QACzD,IAAI,YAAY,EAAE,CAAC;YACjB,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;QACD,IAAI,cAAc,CAAC,OAAO;YAAE,OAAO;QACnC,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;QAC9B,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,KAAK,MAAM,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YACzC,MAAM,IAAI,GAAG,CAAC,EAAE,OAAO,CAAC;YACxB,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE,CAAC;gBAC/B,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC;iBAAM,CAAC;gBACN,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;gBAC/B,cAAc,CAAC,KAAK,CAAC,CAAC;gBACtB,eAAe,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE,CAAC;YACZ,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,OAAO;QACT,CAAC;QAED,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;QACvB,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,MAAM,EAAE,GAAG,IAAI,oBAAoB,CACjC,CAAC,OAAO,EAAE,EAAE;YACV,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc;gBAAE,OAAO;YACxC,EAAE,CAAC,UAAU,EAAE,CAAC;YAChB,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,EACD,EAAE,UAAU,EAAE,OAAO,EAAE,CACxB,CAAC;QACF,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACf,OAAO,GAAG,EAAE;YACV,EAAE,CAAC,UAAU,EAAE,CAAC;QAClB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAE7B,IAAI,UAAU,IAAI,IAAI;QAAE,OAAO,IAAI,CAAC;IACpC,MAAM,KAAK,GAAG,UAAU,CAAC;IAEzB,IAAI,MAAM,EAAE,CAAC;QACX,MAAM,IAAI,GAAG,MAAM,CAAC;QACpB,OAAO,KAAC,IAAI,OAAK,KAAK,EAAE,oBAAoB,EAAE,YAAY,IAAI,KAAK,CAAC,oBAAoB,GAAI,CAAC;IAC/F,CAAC;IAED,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACpD,MAAM,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC;IACvB,MAAM,CAAC,GAAG,KAAK,EAAE,MAAM,CAAC;IACxB,MAAM,WAAW,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;IACtD,MAAM,MAAM,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,IAAI,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAC3C,MAAM,UAAU,GAAkB;QAChC,WAAW;QACX,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,QAAQ;QAClB,GAAG,KAAK;KACT,CAAC;IAEF,iFAAiF;IACjF,yEAAyE;IACzE,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,KAAK,MAAM,CAAC;IACtD,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,KAAK,OAAO,IAAI,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IACrF,4EAA4E;IAC5E,MAAM,kBAAkB,GAAG,CAAC,QAAQ,CAAC;IAErC,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,kBAAkB,IAAI,gBAAgB,CAAC,EAChE,KAAK,EAAE,UAAU,aAEhB,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,KAAK,IACJ,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,CAAC,IAAI,IAAI,EAChB,MAAM,EAAE,CAAC,IAAI,IAAI,EACjB,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,aAAa,EACtB,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAClD,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE;oBACL,OAAO,EAAE,OAAO;oBAChB,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,SAAS,EAAE,OAAO;iBACnB,GACD,CACH,CAAC,CAAC,CAAC,CACF,eACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,CAAC;oBACT,OAAO,EAAE,CAAC;oBACV,MAAM,EAAE,CAAC,CAAC;oBACV,QAAQ,EAAE,QAAQ;oBAClB,IAAI,EAAE,kBAAkB;oBACxB,UAAU,EAAE,QAAQ;oBACpB,MAAM,EAAE,CAAC;iBACV,YAEA,IAAI,GACA,CACR,EACA,kBAAkB,CAAC,CAAC,CAAC,CACpB,KAAC,oBAAoB,IACnB,KAAK,EAAE,eAAe,IAAI,EAAE,EAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EACjC,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,iBAAiB,IAAI,KAAC,8BAA8B,KAAG,GACnE,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/components/LocalVideo.d.ts

@@ -0,0 +1,10 @@
+import { type IAnalyticsContext, type IFullVideo, type ILocalVideo } from '@se-studio/core-data-types';
+import type { FC } from 'react';
+import type { IVideoProps } from './Video';
+declare const LocalVideo: FC<{
+    video: ILocalVideo | IFullVideo;
+    analyticsContext: IAnalyticsContext | null | undefined;
+    componentLabel: string | null | undefined;
+} & IVideoProps>;
+export default LocalVideo;
+//# sourceMappingURL=LocalVideo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocalVideo.d.ts","sourceRoot":"","sources":["../../src/components/LocalVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,UAAU,EACf,KAAK,WAAW,EAEjB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAAiC,EAAE,EAAE,MAAM,OAAO,CAAC;AAI/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAiB3C,QAAA,MAAM,UAAU,EAAE,EAAE,CAClB;IACE,KAAK,EAAE,WAAW,GAAG,UAAU,CAAC;IAChC,gBAAgB,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC;IACvD,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAC3C,GAAG,WAAW,CA8GhB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/LocalVideo.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isFullVideo, } from '@se-studio/core-data-types';
+import dynamic from 'next/dynamic';
+import { isImageKitHlsEnabled } from '../utils/imageKitVideoHls';
+import { HeroLoopVideo } from './HeroLoopVideo';
+import ImageKitVideo from './ImageKitClientVideo';
+import { calculateCropDetails } from './Visual';
+/** Loaded only when `IMAGEKIT_VIDEO_HLS` is set at build time — keeps `hls.js` out of MP4-only app bundles. */
+const ImageKitHlsVideoClient = isImageKitHlsEnabled()
+    ? dynamic(() => import('./ImageKitHlsVideoClient'), { ssr: false })
+    : null;
+function hostedPlaybackUrl(video) {
+    if (isFullVideo(video)) {
+        return video.full?.videoUrl ?? video.preview?.videoUrl;
+    }
+    return video.preview?.videoUrl;
+}
+const LocalVideo = ({ video, autoPlay, loop, controls, poster, contained, analyticsContext, componentLabel, ...props }) => {
+    const resolvedAutoPlay = video.autoPlay ?? autoPlay;
+    const resolvedLoop = video.loop ?? loop;
+    if (video.heroDelivery) {
+        return (_jsx(HeroLoopVideo, { delivery: video.heroDelivery, autoPlay: resolvedAutoPlay, loop: resolvedLoop, visualSizes: props.visualSizes, contained: contained, dontCrop: video.dontCrop, verticalCropPosition: video.verticalCropPosition, horizontalCropPosition: video.horizontalCropPosition, className: props.className, style: props.style }));
+    }
+    const playbackUrl = hostedPlaybackUrl(video);
+    if (!playbackUrl) {
+        return null;
+    }
+    // Use MP4 for autoplay+loop to avoid HLS loop/autoplay issues on some browsers (e.g. Safari).
+    const useHls = isImageKitHlsEnabled() && !(resolvedAutoPlay && resolvedLoop);
+    const resolvedControls = !video.hideControls && controls;
+    const resolvedPoster = video.poster ?? poster;
+    // Dimensions are pre-populated by imagekitEnrichVideoAssets / seEnrichVideoAssets.
+    // Use undefined rather than 0 so the browser omits intrinsic size when unavailable.
+    const width = video.width || undefined;
+    const height = video.height || undefined;
+    const engagementProps = {
+        analyticsContext: analyticsContext ?? undefined,
+        componentLabel,
+        videoId: video.id,
+        videoTitle: video.name,
+    };
+    if (useHls && ImageKitHlsVideoClient) {
+        const fullUrl = new URL(playbackUrl);
+        const pathname = fullUrl.pathname;
+        const basePath = pathname.replace(/\/$/, '');
+        const representations = process.env.IMAGEKIT_VIDEO_HLS_REPRESENTATIONS ?? '240_360_480_720_1080';
+        const hlsSrc = `${video.videoPrefix}${basePath}/ik-master.m3u8?tr=sr-${representations}`;
+        // Always force /ik-video.mp4 transformation so ImageKit delivers H.264 MP4 regardless
+        // of source container (Contentful files may be WebM despite a .mp4 extension).
+        const fallbackMp4Url = `${video.videoPrefix}${pathname}/ik-video.mp4`;
+        const posterUrl = resolvedPoster ?? `${video.videoPrefix}${pathname}/ik-thumbnail.jpg`;
+        const cropStyle = calculateCropDetails({
+            dontCrop: video.dontCrop,
+            verticalCropPosition: video.verticalCropPosition,
+            horizontalCropPosition: video.horizontalCropPosition,
+        });
+        return (_jsx(ImageKitHlsVideoClient, { hlsSrc: hlsSrc, fallbackMp4Url: fallbackMp4Url, width: width, height: height, autoPlay: resolvedAutoPlay, loop: resolvedLoop, controls: resolvedControls, poster: posterUrl, videoUrl: playbackUrl, ...engagementProps, ...props, 
+            // After spreads so callers cannot wipe content-media no-crop / crop style.
+            style: { ...props.style, ...cropStyle }, contained: contained, dontCrop: video.dontCrop }));
+    }
+    return (_jsx(ImageKitVideo, { url: playbackUrl, videoPrefix: video.videoPrefix, width: width, height: height, autoPlay: resolvedAutoPlay, loop: resolvedLoop, controls: resolvedControls, poster: resolvedPoster, ...engagementProps, ...props, 
+        // After spreads so callers cannot wipe content-media no-crop.
+        contained: contained, dontCrop: video.dontCrop, verticalCropPosition: video.verticalCropPosition, horizontalCropPosition: video.horizontalCropPosition }));
+};
+export default LocalVideo;
+//# sourceMappingURL=LocalVideo.js.map

package/dist/components/LocalVideo.js.map

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

package/dist/components/LocalVideoPlayChrome.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+/**
+ * Full-area play affordance for non-autoplay local (and external shell) players.
+ * Decorative icon is non-interactive; the button owns the click.
+ * When `loading`, keeps the poster cover with a wait cursor until playback starts.
+ * Label and icon stay put (no “Loading…” text) so layout does not shift.
+ *
+ * Note: browsers may keep the wait cursor until the pointer moves after the
+ * overlay is removed — that is acceptable; we only set cursor via style/class.
+ */
+export declare function LocalVideoPlayChrome({ label, onPlay, playButton, loading, }: {
+    /** Accessible name, e.g. "Play video: Safety Video" */
+    label: string;
+    onPlay: () => void;
+    /** Override context / default play icon */
+    playButton?: ReactNode;
+    /** True after click while waiting for playback to start */
+    loading?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=LocalVideoPlayChrome.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocalVideoPlayChrome.d.ts","sourceRoot":"","sources":["../../src/components/LocalVideoPlayChrome.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,MAAM,EACN,UAAU,EACV,OAAe,GAChB,EAAE;IACD,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,+BA8BA"}

package/dist/components/LocalVideoPlayChrome.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useExternalVideoPlayButton } from '../context/ExternalVideoPlayButtonContext';
+import { cn } from '../utils/cn';
+import { DefaultExternalVideoPlayButton } from './DefaultExternalVideoPlayButton';
+/**
+ * Full-area play affordance for non-autoplay local (and external shell) players.
+ * Decorative icon is non-interactive; the button owns the click.
+ * When `loading`, keeps the poster cover with a wait cursor until playback starts.
+ * Label and icon stay put (no “Loading…” text) so layout does not shift.
+ *
+ * Note: browsers may keep the wait cursor until the pointer moves after the
+ * overlay is removed — that is acceptable; we only set cursor via style/class.
+ */
+export function LocalVideoPlayChrome({ label, onPlay, playButton, loading = false, }) {
+    const fromContext = useExternalVideoPlayButton();
+    const content = playButton ?? fromContext ?? _jsx(DefaultExternalVideoPlayButton, {});
+    return (_jsx("button", { type: "button", onClick: loading ? undefined : onPlay, disabled: loading, "aria-label": label, "aria-busy": loading || undefined, 
+        // Inline cursor so wait shows even when disabled (browsers often ignore cursor on :disabled)
+        style: { cursor: loading ? 'wait' : 'pointer' }, className: cn('absolute inset-0 z-10 flex h-full w-full items-center justify-center bg-transparent group focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white/80', loading && 'cursor-wait', !loading && 'cursor-pointer'), children: _jsx("span", { className: cn('pointer-events-none absolute inset-0 flex items-center justify-center transition-opacity duration-200', loading && 'opacity-60'), "aria-hidden": true, children: content }) }));
+}
+//# sourceMappingURL=LocalVideoPlayChrome.js.map

package/dist/components/LocalVideoPlayChrome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalVideoPlayChrome.js","sourceRoot":"","sources":["../../src/components/LocalVideoPlayChrome.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAElF;;;;;;;;GAQG;AACH,MAAM,UAAU,oBAAoB,CAAC,EACnC,KAAK,EACL,MAAM,EACN,UAAU,EACV,OAAO,GAAG,KAAK,GAShB;IACC,MAAM,WAAW,GAAG,0BAA0B,EAAE,CAAC;IACjD,MAAM,OAAO,GAAG,UAAU,IAAI,WAAW,IAAI,KAAC,8BAA8B,KAAG,CAAC;IAEhF,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EACrC,QAAQ,EAAE,OAAO,gBACL,KAAK,eACN,OAAO,IAAI,SAAS;QAC/B,6FAA6F;QAC7F,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,EAC/C,SAAS,EAAE,EAAE,CACX,gKAAgK,EAChK,OAAO,IAAI,aAAa,EACxB,CAAC,OAAO,IAAI,gBAAgB,CAC7B,YAED,eACE,SAAS,EAAE,EAAE,CACX,uGAAuG,EACvG,OAAO,IAAI,YAAY,CACxB,iCAGA,OAAO,GACH,GACA,CACV,CAAC;AACJ,CAAC"}

package/dist/components/LocalVideoPlayOverlay.d.ts

@@ -0,0 +1,19 @@
+import type { PropsWithChildren, ReactNode } from 'react';
+/**
+ * Wraps a visual that contains a local HTML5 `<video>` and adds a click-to-play
+ * overlay (same affordance as external YouTube/Vimeo embeds).
+ *
+ * Prefer built-in click-to-play on ImageKit/local players when rendering through
+ * core-ui. Use this only when wrapping an arbitrary tree that already mounts a
+ * `<video>` (e.g. site-specific cards).
+ *
+ * Poster/chrome stay visible with a wait cursor until the video fires `playing`.
+ * Do not wrap external embeds — they already render their own overlay.
+ */
+export declare function LocalVideoPlayOverlay({ children, label, className, playButton, }: PropsWithChildren<{
+    /** Accessible name for the play control */
+    label: string;
+    className?: string;
+    playButton?: ReactNode;
+}>): import("react").JSX.Element;
+//# sourceMappingURL=LocalVideoPlayOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocalVideoPlayOverlay.d.ts","sourceRoot":"","sources":["../../src/components/LocalVideoPlayOverlay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1D;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,KAAK,EACL,SAAS,EACT,UAAU,GACX,EAAE,iBAAiB,CAAC;IACnB,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC,+BA+CD"}

package/dist/components/LocalVideoPlayOverlay.js

@@ -0,0 +1,49 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from 'react';
+import { cn } from '../utils/cn';
+import { LocalVideoPlayChrome } from './LocalVideoPlayChrome';
+/**
+ * Wraps a visual that contains a local HTML5 `<video>` and adds a click-to-play
+ * overlay (same affordance as external YouTube/Vimeo embeds).
+ *
+ * Prefer built-in click-to-play on ImageKit/local players when rendering through
+ * core-ui. Use this only when wrapping an arbitrary tree that already mounts a
+ * `<video>` (e.g. site-specific cards).
+ *
+ * Poster/chrome stay visible with a wait cursor until the video fires `playing`.
+ * Do not wrap external embeds — they already render their own overlay.
+ */
+export function LocalVideoPlayOverlay({ children, label, className, playButton, }) {
+    const ref = useRef(null);
+    const [pending, setPending] = useState(false);
+    const [started, setStarted] = useState(false);
+    const handlePlay = useCallback(() => {
+        const video = ref.current?.querySelector('video');
+        if (!video)
+            return;
+        setPending(true);
+        const onPlaying = () => {
+            video.controls = true;
+            setStarted(true);
+            setPending(false);
+            cleanup();
+        };
+        const onError = () => {
+            setPending(false);
+            cleanup();
+        };
+        const cleanup = () => {
+            video.removeEventListener('playing', onPlaying);
+            video.removeEventListener('error', onError);
+        };
+        video.addEventListener('playing', onPlaying);
+        video.addEventListener('error', onError);
+        void video.play().catch(() => {
+            setPending(false);
+            cleanup();
+        });
+    }, []);
+    return (_jsxs("div", { ref: ref, className: cn('relative', className), children: [children, !started && (_jsx(LocalVideoPlayChrome, { label: label.startsWith('Play') ? label : `Play video: ${label}`, onPlay: handlePlay, playButton: playButton, loading: pending }))] }));
+}
+//# sourceMappingURL=LocalVideoPlayOverlay.js.map

package/dist/components/LocalVideoPlayOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalVideoPlayOverlay.js","sourceRoot":"","sources":["../../src/components/LocalVideoPlayOverlay.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D;;;;;;;;;;GAUG;AACH,MAAM,UAAU,qBAAqB,CAAC,EACpC,QAAQ,EACR,KAAK,EACL,SAAS,EACT,UAAU,GAMV;IACA,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,MAAM,KAAK,GAAG,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;QAClD,IAAI,CAAC,KAAK;YAAE,OAAO;QAEnB,UAAU,CAAC,IAAI,CAAC,CAAC;QAEjB,MAAM,SAAS,GAAG,GAAG,EAAE;YACrB,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;YACtB,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC;QACF,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC;QACF,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,KAAK,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;YAChD,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAC9C,CAAC,CAAC;QAEF,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAC7C,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACzC,KAAK,KAAK,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE;YAC3B,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,aAChD,QAAQ,EACR,CAAC,OAAO,IAAI,CACX,KAAC,oBAAoB,IACnB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,KAAK,EAAE,EAChE,MAAM,EAAE,UAAU,EAClB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,GAChB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/PictureComponent.d.ts

@@ -0,0 +1,7 @@
+import { type IPicture } from '@se-studio/core-data-types';
+import { type IImageProps } from './Visual';
+declare function PictureComponent({ image, style, visualSizes, placeholder, blurDataURL, ...rest }: {
+    image: IPicture;
+} & Omit<IImageProps, 'analytics' | 'componentLabel'>): import("react").JSX.Element;
+export default PictureComponent;
+//# sourceMappingURL=PictureComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PictureComponent.d.ts","sourceRoot":"","sources":["../../src/components/PictureComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAmC,MAAM,4BAA4B,CAAC;AAE5F,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAsBlE,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,GAAG,IAAI,EACR,EAAE;IAAE,KAAK,EAAE,QAAQ,CAAA;CAAE,GAAG,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,gBAAgB,CAAC,+BAkBzE;AACD,eAAe,gBAAgB,CAAC"}

package/dist/components/PictureComponent.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { processSizes } from '@se-studio/core-data-types';
+import Image from 'next/image';
+import { calculateCropDetails } from './Visual';
+function calculateSizes(visualSizes) {
+    if (!visualSizes) {
+        return '100vw';
+    }
+    const result = processSizes(visualSizes)
+        ?.breakpoints?.sort((a, b) => b.minWidth - a.minWidth)
+        .map(({ minWidth, size }) => `(min-width: ${minWidth}px) ${size}`) ?? [];
+    if (visualSizes.defaultSize) {
+        result.push(visualSizes.defaultSize);
+    }
+    else if (visualSizes.defaultPixels) {
+        result.push(`${visualSizes.defaultPixels}px`);
+    }
+    else {
+        result.push('100vw');
+    }
+    return result.join(',');
+}
+function PictureComponent({ image, style, visualSizes, placeholder, blurDataURL, ...rest }) {
+    const cropProperties = calculateCropDetails(image);
+    const useImageBlur = Boolean(image.blurDataURL) && placeholder === undefined && blurDataURL === undefined;
+    return (_jsx(Image, { src: image.src, width: image.width, height: image.height, style: { ...style, ...cropProperties }, alt: image.description ?? image.name, sizes: calculateSizes(visualSizes), placeholder: useImageBlur ? 'blur' : placeholder, blurDataURL: useImageBlur ? image.blurDataURL : blurDataURL, ...rest }));
+}
+export default PictureComponent;
+//# sourceMappingURL=PictureComponent.js.map

package/dist/components/PictureComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PictureComponent.js","sourceRoot":"","sources":["../../src/components/PictureComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoC,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC5F,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAoB,MAAM,UAAU,CAAC;AAElE,SAAS,cAAc,CAAC,WAA0B;IAChD,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,MAAM,MAAM,GACV,YAAY,CAAC,WAAW,CAAC;QACvB,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC;SACrD,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,eAAe,QAAQ,OAAO,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC;IAC7E,IAAI,WAAW,CAAC,WAAW,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACvC,CAAC;SAAM,IAAI,WAAW,CAAC,aAAa,EAAE,CAAC;QACrC,MAAM,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,aAAa,IAAI,CAAC,CAAC;IAChD,CAAC;SAAM,CAAC;QACN,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC;IAED,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC1B,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,GAAG,IAAI,EACiE;IACxE,MAAM,cAAc,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACnD,MAAM,YAAY,GAChB,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,SAAS,CAAC;IAEvF,OAAO,CACL,KAAC,KAAK,IACJ,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,cAAc,EAAE,EACtC,GAAG,EAAE,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,IAAI,EACpC,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,EAClC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,EAChD,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,KACvD,IAAI,GACR,CACH,CAAC;AACJ,CAAC;AACD,eAAe,gBAAgB,CAAC"}

package/dist/components/Preview.d.ts

@@ -0,0 +1,2 @@
+export declare const Preview: React.FC;
+//# sourceMappingURL=Preview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.d.ts","sourceRoot":"","sources":["../../src/components/Preview.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAwC3B,CAAC"}

package/dist/components/Preview.js

@@ -0,0 +1,52 @@
+'use client';
+import { useRouter } from 'next/navigation';
+import { useEffect, useLayoutEffect } from 'react';
+const isContentful = () => {
+    if (typeof window === 'undefined')
+        return false;
+    // Primary check: ancestorOrigins
+    if (window.location.ancestorOrigins && window.location.ancestorOrigins.length > 0) {
+        return Array.from(window.location.ancestorOrigins).some((origin) => origin.includes('.contentful.com'));
+    }
+    // Fallback: document.referrer inside iframe
+    return window.top !== window.self && document.referrer?.includes('.contentful.com');
+};
+export const Preview = () => {
+    const router = useRouter();
+    useLayoutEffect(() => {
+        if (!isContentful())
+            return;
+        const initPreview = async () => {
+            const { ContentfulLivePreview } = await import('@contentful/live-preview');
+            ContentfulLivePreview.init({
+                locale: 'en-US',
+                debugMode: true,
+                enableLiveUpdates: true,
+                enableInspectorMode: true,
+            });
+        };
+        initPreview();
+    }, []);
+    useEffect(() => {
+        if (!isContentful())
+            return;
+        const checkLivePreview = (event) => {
+            if (typeof event.data !== 'object' ||
+                !event.data ||
+                !('from' in event.data) ||
+                !('action' in event.data))
+                return;
+            if (event.data.from !== 'live-preview')
+                return;
+            if (event.data.action !== 'ENTRY_SAVED')
+                return;
+            router.refresh();
+        };
+        window.addEventListener('message', checkLivePreview);
+        return () => {
+            window.removeEventListener('message', checkLivePreview);
+        };
+    }, [router]);
+    return null;
+};
+//# sourceMappingURL=Preview.js.map

package/dist/components/Preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview.js","sourceRoot":"","sources":["../../src/components/Preview.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;IAEhD,iCAAiC;IACjC,IAAI,MAAM,CAAC,QAAQ,CAAC,eAAe,IAAI,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAClF,OAAO,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CACjE,MAAM,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CACnC,CAAC;IACJ,CAAC;IAED,4CAA4C;IAC5C,OAAO,MAAM,CAAC,GAAG,KAAK,MAAM,CAAC,IAAI,IAAI,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AACtF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAa,GAAG,EAAE;IACpC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,YAAY,EAAE;YAAE,OAAO;QAC5B,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;YAC7B,MAAM,EAAE,qBAAqB,EAAE,GAAG,MAAM,MAAM,CAAC,0BAA0B,CAAC,CAAC;YAC3E,qBAAqB,CAAC,IAAI,CAAC;gBACzB,MAAM,EAAE,OAAO;gBACf,SAAS,EAAE,IAAI;gBACf,iBAAiB,EAAE,IAAI;gBACvB,mBAAmB,EAAE,IAAI;aAC1B,CAAC,CAAC;QACL,CAAC,CAAC;QACF,WAAW,EAAE,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,EAAE;YAAE,OAAO;QAE5B,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;YACxD,IACE,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ;gBAC9B,CAAC,KAAK,CAAC,IAAI;gBACX,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC;gBACvB,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,CAAC;gBAEzB,OAAO;YACT,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc;gBAAE,OAAO;YAC/C,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,aAAa;gBAAE,OAAO;YAChD,MAAM,CAAC,OAAO,EAAE,CAAC;QACnB,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;QAErD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;QAC1D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}