@comet/site-nextjs 9.0.0-beta.2 → 9.0.0-beta.4

package/lib/site-react/lib/blocks/DamVideoBlock.js

@@ -1,100 +1,4 @@
 "use client";
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useState, useCallback } from "react";
-import { withPreview } from "../iframebridge/withPreview.js";
-import { PreviewSkeleton } from "../previewskeleton/PreviewSkeleton.js";
-import styles from "./DamVideoBlock.module.scss.js";
-import { PlayPauseButton } from "./helpers/PlayPauseButton.js";
-import { useIsElementInViewport } from "./helpers/useIsElementInViewport.js";
-const DamVideoBlock = withPreview(
-  ({
-    data: { damFile, autoplay, loop, showControls, previewImage },
-    aspectRatio = "16x9",
-    previewImageSizes,
-    renderPreviewImage,
-    fill,
-    previewImageIcon,
-    playButtonAriaLabel,
-    pauseButtonAriaLabel,
-    playPauseButton: PlayPauseButtonComponent
-  }) => {
-    var _a;
-    if (damFile === void 0) {
-      return /* @__PURE__ */ jsx(PreviewSkeleton, { type: "media", hasContent: false, aspectRatio });
-    }
-    const [showPreviewImage, setShowPreviewImage] = useState(true);
-    const [isPlaying, setIsPlaying] = useState(autoplay ?? false);
-    const [isHandledManually, setIsHandledManually] = useState(false);
-    const hasPreviewImage = Boolean(previewImage && previewImage.damFile);
-    const [videoElement, setVideoElement] = useState(null);
-    const videoRef = setVideoElement;
-    const handleInView = useCallback(
-      (inView) => {
-        if (!isHandledManually && videoElement) {
-          if (inView && autoplay) {
-            videoElement.play();
-            setIsPlaying(true);
-          } else {
-            videoElement.pause();
-            setIsPlaying(false);
-          }
-        }
-      },
-      [autoplay, isHandledManually, videoElement]
-    );
-    useIsElementInViewport({ current: videoElement }, handleInView);
-    const handlePlayPauseClick = () => {
-      if (isPlaying) {
-        setIsPlaying(false);
-        setIsHandledManually(true);
-        videoElement == null ? void 0 : videoElement.pause();
-      } else {
-        setIsPlaying(true);
-        videoElement == null ? void 0 : videoElement.play();
-      }
-    };
-    return /* @__PURE__ */ jsx(Fragment, { children: hasPreviewImage && showPreviewImage ? renderPreviewImage({
-      onPlay: () => setShowPreviewImage(false),
-      image: previewImage,
-      aspectRatio,
-      sizes: previewImageSizes,
-      fill,
-      icon: previewImageIcon,
-      playButtonAriaLabel
-    }) : /* @__PURE__ */ jsxs("div", { className: styles.root, children: [
-      /* @__PURE__ */ jsxs(
-        "video",
-        {
-          autoPlay: autoplay || hasPreviewImage && !showPreviewImage,
-          controls: showControls,
-          loop,
-          playsInline: true,
-          muted: autoplay,
-          ref: videoRef,
-          className: clsx(styles.video, fill && styles.fill),
-          style: !fill ? { "--aspect-ratio": aspectRatio.replace("x", " / ") } : void 0,
-          children: [
-            (_a = damFile.captions) == null ? void 0 : _a.map((caption) => {
-              return /* @__PURE__ */ jsx("track", { src: caption.fileUrl, kind: "captions", srcLang: caption.language }, caption.id);
-            }),
-            /* @__PURE__ */ jsx("source", { src: damFile.fileUrl, type: damFile.mimetype })
-          ]
-        }
-      ),
-      !showControls && (PlayPauseButtonComponent ? /* @__PURE__ */ jsx(PlayPauseButtonComponent, { isPlaying, onClick: handlePlayPauseClick }) : /* @__PURE__ */ jsx(
-        PlayPauseButton,
-        {
-          isPlaying,
-          onClick: handlePlayPauseClick,
-          ariaLabelPlay: playButtonAriaLabel,
-          ariaLabelPause: pauseButtonAriaLabel
-        }
-      ))
-    ] }) });
-  },
-  { label: "Video" }
-);
-export {
-  DamVideoBlock
-};
+import{jsx as e,Fragment as a,jsxs as i}from"react/jsx-runtime";import o from"clsx";import{useState as r,useCallback as t}from"react";import{withPreview as l}from"../iframebridge/withPreview.js";import{PreviewSkeleton as s}from"../previewskeleton/PreviewSkeleton.js";import n from"./DamVideoBlock.module.scss.js";import{PlayPauseButton as p}from"./helpers/PlayPauseButton.js";import{useIsElementInViewport as m}from"./helpers/useIsElementInViewport.js";const c=l(({data:{damFile:l,autoplay:c,loop:u,showControls:d,previewImage:y},aspectRatio:f="16x9",previewImageSizes:P,renderPreviewImage:v,fill:w,previewImageIcon:g,playButtonAriaLabel:I,pauseButtonAriaLabel:h,playPauseButton:k})=>{if(void 0===l)return e(s,{type:"media",hasContent:!1,aspectRatio:f});const[B,b]=r(!0),[j,L]=r(c??!1),[x,V]=r(!1),C=Boolean(y&&y.damFile),[A,R]=r(null),S=R,z=t(e=>{!x&&A&&(e&&c?(A.play(),L(!0)):(A.pause(),L(!1)))},[c,x,A]);m({current:A},z);const D=()=>{j?(L(!1),V(!0),A?.pause()):(L(!0),A?.play())};return e(a,{children:C&&B?v({onPlay:()=>b(!1),image:y,aspectRatio:f,sizes:P,fill:w,icon:g,playButtonAriaLabel:I}):/* @__PURE__ */i("div",{className:n.root,children:[
+/* @__PURE__ */i("video",{autoPlay:c||C&&!B,controls:d,loop:u,playsInline:!0,muted:c,ref:S,className:o(n.video,w&&n.fill),style:w?void 0:{"--aspect-ratio":f.replace("x"," / ")},children:[l.captions?.map(a=>/* @__PURE__ */e("track",{src:a.fileUrl,kind:"captions",srcLang:a.language},a.id)),
+/* @__PURE__ */e("source",{src:l.fileUrl,type:l.mimetype})]}),!d&&(k?/* @__PURE__ */e(k,{isPlaying:j,onClick:D}):/* @__PURE__ */e(p,{isPlaying:j,onClick:D,ariaLabelPlay:I,ariaLabelPause:h}))]})})},{label:"Video"});export{c as DamVideoBlock};

package/lib/site-react/lib/blocks/DamVideoBlock.module.scss.js

@@ -1,14 +1 @@
-const root = "_root_1jlho_1";
-const video = "_video_1jlho_6";
-const fill = "_fill_1jlho_12";
-const styles = {
-  root,
-  video,
-  fill
-};
-export {
-  styles as default,
-  fill,
-  root,
-  video
-};
+const o="_root_1jlho_1",l="_video_1jlho_6",_="_fill_1jlho_12",i={root:o,video:l,fill:_};export{i as default,_ as fill,o as root,l as video};

package/lib/site-react/lib/blocks/EmailLinkBlock.js

@@ -1,21 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { cloneElement } from "react";
-const EmailLinkBlock = ({ data: { email }, children, legacyBehavior, ...anchorProps }) => {
-  if (!email) {
-    if (legacyBehavior) {
-      return children;
-    }
-    return /* @__PURE__ */ jsx("span", { className: anchorProps.className, children });
-  }
-  const href = `mailto:${email}`;
-  if (legacyBehavior) {
-    return cloneElement(children, {
-      ...anchorProps,
-      href
-    });
-  }
-  return /* @__PURE__ */ jsx("a", { ...anchorProps, href, children });
-};
-export {
-  EmailLinkBlock
-};
+import{jsx as r}from"react/jsx-runtime";import{cloneElement as a}from"react";const e=({data:{email:e},children:i,legacyBehavior:t,...c})=>{if(!e)return t?i:/* @__PURE__ */r("span",{className:c.className,children:i});const l=`mailto:${e}`;return t?a(i,{...c,href:l}):/* @__PURE__ */r("a",{...c,href:l,children:i})};export{e as EmailLinkBlock};

package/lib/site-react/lib/blocks/ExternalLinkBlock.js

@@ -1,48 +1,2 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
-import { cloneElement } from "react";
-import { usePreview } from "../preview/usePreview.js";
-import { sendSitePreviewIFrameMessage } from "../sitePreview/iframebridge/sendSitePreviewIFrameMessage.js";
-import { SitePreviewIFrameMessageType } from "../sitePreview/iframebridge/SitePreviewIFrameMessage.js";
-function ExternalLinkBlock({ data: { targetUrl, openInNewWindow }, children, legacyBehavior, ...anchorProps }) {
-  const preview = usePreview();
-  if (preview.previewType === "SitePreview" || preview.previewType === "BlockPreview") {
-    const onClick = (event) => {
-      event.preventDefault();
-      if (preview.previewType === "SitePreview") {
-        sendSitePreviewIFrameMessage({
-          cometType: SitePreviewIFrameMessageType.OpenLink,
-          data: { link: { openInNewWindow, targetUrl } }
-        });
-      }
-    };
-    if (legacyBehavior) {
-      return cloneElement(children, {
-        ...anchorProps,
-        href: "#",
-        onClick
-      });
-    }
-    return /* @__PURE__ */ jsx("a", { ...anchorProps, href: "#", onClick, children });
-  } else {
-    if (!targetUrl) {
-      if (legacyBehavior) {
-        return children;
-      }
-      return /* @__PURE__ */ jsx("span", { className: anchorProps.className, children });
-    }
-    const href = targetUrl;
-    const target = openInNewWindow ? "_blank" : anchorProps.target;
-    if (legacyBehavior) {
-      return cloneElement(children, {
-        ...anchorProps,
-        href,
-        target
-      });
-    }
-    return /* @__PURE__ */ jsx("a", { ...anchorProps, href, target, children });
-  }
-}
-export {
-  ExternalLinkBlock
-};
+import{jsx as e}from"react/jsx-runtime";import{cloneElement as r}from"react";import{usePreview as i}from"../preview/usePreview.js";import{sendSitePreviewIFrameMessage as t}from"../sitePreview/iframebridge/sendSitePreviewIFrameMessage.js";import{SitePreviewIFrameMessageType as a}from"../sitePreview/iframebridge/SitePreviewIFrameMessage.js";function n({data:{targetUrl:n,openInNewWindow:s},children:o,legacyBehavior:m,...p}){const w=i();if("SitePreview"===w.previewType||"BlockPreview"===w.previewType){const i=e=>{e.preventDefault(),"SitePreview"===w.previewType&&t({cometType:a.OpenLink,data:{link:{openInNewWindow:s,targetUrl:n}}})};return m?r(o,{...p,href:"#",onClick:i}):/* @__PURE__ */e("a",{...p,href:"#",onClick:i,children:o})}{if(!n)return m?o:/* @__PURE__ */e("span",{className:p.className,children:o});const i=n,t=s?"_blank":p.target;return m?r(o,{...p,href:i,target:t}):/* @__PURE__ */e("a",{...p,href:i,target:t,children:o})}}export{n as ExternalLinkBlock};

package/lib/site-react/lib/blocks/PhoneLinkBlock.js

@@ -1,21 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { cloneElement } from "react";
-const PhoneLinkBlock = ({ data: { phone }, children, legacyBehavior, ...anchorProps }) => {
-  if (!phone) {
-    if (legacyBehavior) {
-      return children;
-    }
-    return /* @__PURE__ */ jsx("span", { className: anchorProps.className, children });
-  }
-  const href = `tel:${phone}`;
-  if (legacyBehavior) {
-    return cloneElement(children, {
-      ...anchorProps,
-      href
-    });
-  }
-  return /* @__PURE__ */ jsx("a", { ...anchorProps, href, children });
-};
-export {
-  PhoneLinkBlock
-};
+import{jsx as e}from"react/jsx-runtime";import{cloneElement as r}from"react";const a=({data:{phone:a},children:n,legacyBehavior:t,...c})=>{if(!a)return t?n:/* @__PURE__ */e("span",{className:c.className,children:n});const o=`tel:${a}`;return t?r(n,{...c,href:o}):/* @__PURE__ */e("a",{...c,href:o,children:n})};export{a as PhoneLinkBlock};

package/lib/site-react/lib/blocks/SvgImageBlock.js

@@ -1,29 +1,2 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
-import { withPreview } from "../iframebridge/withPreview.js";
-import { PreviewSkeleton } from "../previewskeleton/PreviewSkeleton.js";
-const SvgImageBlock = withPreview(
-  ({
-    data: { damFile },
-    width = "100%",
-    height = "auto",
-    ...restProps
-  }) => {
-    if (!damFile) return /* @__PURE__ */ jsx(PreviewSkeleton, { type: "media", hasContent: false, height: height === "auto" ? void 0 : height });
-    return /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: damFile.fileUrl,
-        width: width === "auto" ? void 0 : width,
-        height: height === "auto" ? void 0 : height,
-        alt: damFile.altText ?? "",
-        title: damFile.title ?? "",
-        ...restProps
-      }
-    );
-  },
-  { label: "SvgImage" }
-);
-export {
-  SvgImageBlock
-};
+import{jsx as e}from"react/jsx-runtime";import{withPreview as t}from"../iframebridge/withPreview.js";import{PreviewSkeleton as i}from"../previewskeleton/PreviewSkeleton.js";const o=t(({data:{damFile:t},width:o="100%",height:a="auto",...r})=>t?/* @__PURE__ */e("img",{src:t.fileUrl,width:"auto"===o?void 0:o,height:"auto"===a?void 0:a,alt:t.altText??"",title:t.title??"",...r}):/* @__PURE__ */e(i,{type:"media",hasContent:!1,height:"auto"===a?void 0:a}),{label:"SvgImage"});export{o as SvgImageBlock};

package/lib/site-react/lib/blocks/VimeoVideoBlock.js

@@ -1,120 +1,3 @@
 "use client";
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useState, useRef, useCallback } from "react";
-import { withPreview } from "../iframebridge/withPreview.js";
-import { PreviewSkeleton } from "../previewskeleton/PreviewSkeleton.js";
-import { PlayPauseButton } from "./helpers/PlayPauseButton.js";
-import { useIsElementInViewport } from "./helpers/useIsElementInViewport.js";
-import styles from "./VimeoVideoBlock.module.scss.js";
-function parseVimeoIdentifier(vimeoIdentifier) {
-  const urlRegEx = /^(https?:\/\/)?((www\.|player\.)?vimeo\.com\/?(showcase\/)*([0-9a-z]*\/)*([0-9]{6,11})[?]?.*)$/;
-  const idRegEx = /^([0-9]{6,11})$/;
-  const urlRegExMatch = vimeoIdentifier.match(urlRegEx);
-  const idRegExMatch = vimeoIdentifier.match(idRegEx);
-  if (!urlRegExMatch && !idRegExMatch) return void 0;
-  if (urlRegExMatch) {
-    return urlRegExMatch[6];
-  } else if (idRegExMatch) {
-    return idRegExMatch[1];
-  }
-}
-const VimeoVideoBlock = withPreview(
-  ({
-    data: { vimeoIdentifier, autoplay, loop, showControls, previewImage },
-    aspectRatio = "16x9",
-    previewImageSizes,
-    renderPreviewImage,
-    fill,
-    previewImageIcon,
-    playButtonAriaLabel,
-    pauseButtonAriaLabel,
-    playPauseButton: PlayPauseButtonComponent
-  }) => {
-    const [showPreviewImage, setShowPreviewImage] = useState(true);
-    const hasPreviewImage = !!(previewImage && previewImage.damFile);
-    const inViewRef = useRef(null);
-    const [iframeElement, setIframeElement] = useState(null);
-    const iframeRef = setIframeElement;
-    const [isPlaying, setIsPlaying] = useState(autoplay ?? false);
-    const [isHandledManually, setIsHandledManually] = useState(false);
-    const pauseVimeoVideo = useCallback(() => {
-      var _a;
-      (_a = iframeElement == null ? void 0 : iframeElement.contentWindow) == null ? void 0 : _a.postMessage(JSON.stringify({ method: "pause" }), "https://player.vimeo.com");
-    }, [iframeElement]);
-    const playVimeoVideo = useCallback(() => {
-      var _a;
-      (_a = iframeElement == null ? void 0 : iframeElement.contentWindow) == null ? void 0 : _a.postMessage(JSON.stringify({ method: "play" }), "https://player.vimeo.com");
-    }, [iframeElement]);
-    const handleInView = useCallback(
-      (isVisible) => {
-        if (!isHandledManually) {
-          if (isVisible && autoplay) {
-            playVimeoVideo();
-            setIsPlaying(true);
-          } else {
-            pauseVimeoVideo();
-            setIsPlaying(false);
-          }
-        }
-      },
-      [autoplay, isHandledManually, playVimeoVideo, pauseVimeoVideo]
-    );
-    useIsElementInViewport(inViewRef, handleInView);
-    if (!vimeoIdentifier) {
-      return /* @__PURE__ */ jsx(PreviewSkeleton, { type: "media", hasContent: false, aspectRatio });
-    }
-    const identifier = parseVimeoIdentifier(vimeoIdentifier);
-    const searchParams = new URLSearchParams();
-    if (hasPreviewImage && !showPreviewImage) searchParams.append("autoplay", "1");
-    if (autoplay) searchParams.append("muted", "1");
-    if (loop !== void 0) searchParams.append("loop", Number(loop).toString());
-    if (showControls !== void 0) searchParams.append("controls", Number(showControls).toString());
-    searchParams.append("dnt", "1");
-    const vimeoBaseUrl = "https://player.vimeo.com/video/";
-    const vimeoUrl = new URL(`${vimeoBaseUrl}${identifier ?? ""}`);
-    vimeoUrl.search = searchParams.toString();
-    const handlePlayPauseClick = () => {
-      if (isPlaying) {
-        setIsPlaying(false);
-        setIsHandledManually(true);
-        pauseVimeoVideo();
-      } else {
-        setIsPlaying(true);
-        playVimeoVideo();
-      }
-    };
-    return /* @__PURE__ */ jsx(Fragment, { children: hasPreviewImage && showPreviewImage ? renderPreviewImage({
-      onPlay: () => setShowPreviewImage(false),
-      image: previewImage,
-      aspectRatio,
-      sizes: previewImageSizes,
-      fill,
-      icon: previewImageIcon,
-      playButtonAriaLabel
-    }) : /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: inViewRef,
-        className: clsx(styles.videoContainer, fill && styles.fill),
-        style: !fill ? { "--aspect-ratio": aspectRatio.replace("x", "/") } : void 0,
-        children: [
-          /* @__PURE__ */ jsx("iframe", { ref: iframeRef, className: styles.vimeoContainer, src: vimeoUrl.toString(), allow: "autoplay", allowFullScreen: true }),
-          !showControls && (PlayPauseButtonComponent ? /* @__PURE__ */ jsx(PlayPauseButtonComponent, { isPlaying, onClick: handlePlayPauseClick }) : /* @__PURE__ */ jsx(
-            PlayPauseButton,
-            {
-              isPlaying,
-              onClick: handlePlayPauseClick,
-              ariaLabelPlay: playButtonAriaLabel,
-              ariaLabelPause: pauseButtonAriaLabel
-            }
-          ))
-        ]
-      }
-    ) });
-  },
-  { label: "Video" }
-);
-export {
-  VimeoVideoBlock
-};
+import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import a from"clsx";import{useState as i,useRef as r,useCallback as s}from"react";import{withPreview as n}from"../iframebridge/withPreview.js";import{PreviewSkeleton as l}from"../previewskeleton/PreviewSkeleton.js";import{PlayPauseButton as p}from"./helpers/PlayPauseButton.js";import{useIsElementInViewport as m}from"./helpers/useIsElementInViewport.js";import c from"./VimeoVideoBlock.module.scss.js";const d=n(({data:{vimeoIdentifier:n,autoplay:d,loop:u,showControls:w,previewImage:v},aspectRatio:f="16x9",previewImageSizes:y,renderPreviewImage:h,fill:g,previewImageIcon:P,playButtonAriaLabel:S,pauseButtonAriaLabel:I,playPauseButton:b})=>{const[B,k]=i(!0),L=!(!v||!v.damFile),V=r(null),[j,C]=i(null),N=C,[x,R]=i(d??!1),[z,A]=i(!1),$=s(()=>{j?.contentWindow?.postMessage(JSON.stringify({method:"pause"}),"https://player.vimeo.com")},[j]),E=s(()=>{j?.contentWindow?.postMessage(JSON.stringify({method:"play"}),"https://player.vimeo.com")},[j]),F=s(e=>{z||(e&&d?(E(),R(!0)):($(),R(!1)))},[d,z,E,$]);if(m(V,F),!n)return e(l,{type:"media",hasContent:!1,aspectRatio:f});const J=function(e){const o=e.match(/^(https?:\/\/)?((www\.|player\.)?vimeo\.com\/?(showcase\/)*([0-9a-z]*\/)*([0-9]{6,11})[?]?.*)$/),t=e.match(/^([0-9]{6,11})$/);if(o||t)return o?o[6]:t?t[1]:void 0}(n),M=new URLSearchParams;L&&!B&&M.append("autoplay","1"),d&&M.append("muted","1"),void 0!==u&&M.append("loop",Number(u).toString()),void 0!==w&&M.append("controls",Number(w).toString()),M.append("dnt","1");const O=new URL(`https://player.vimeo.com/video/${J??""}`);O.search=M.toString();const U=()=>{x?(R(!1),A(!0),$()):(R(!0),E())};return e(o,{children:L&&B?h({onPlay:()=>k(!1),image:v,aspectRatio:f,sizes:y,fill:g,icon:P,playButtonAriaLabel:S}):/* @__PURE__ */t("div",{ref:V,className:a(c.videoContainer,g&&c.fill),style:g?void 0:{"--aspect-ratio":f.replace("x","/")},children:[
+/* @__PURE__ */e("iframe",{ref:N,className:c.vimeoContainer,src:O.toString(),allow:"autoplay",allowFullScreen:!0}),!w&&(b?/* @__PURE__ */e(b,{isPlaying:x,onClick:U}):/* @__PURE__ */e(p,{isPlaying:x,onClick:U,ariaLabelPlay:S,ariaLabelPause:I}))]})})},{label:"Video"});export{d as VimeoVideoBlock};

package/lib/site-react/lib/blocks/VimeoVideoBlock.module.scss.js

@@ -1,14 +1 @@
-const videoContainer = "_videoContainer_1flq1_1";
-const fill = "_fill_1flq1_7";
-const vimeoContainer = "_vimeoContainer_1flq1_12";
-const styles = {
-  videoContainer,
-  fill,
-  vimeoContainer
-};
-export {
-  styles as default,
-  fill,
-  videoContainer,
-  vimeoContainer
-};
+const i="_videoContainer_1flq1_1",e="_fill_1flq1_7",o="_vimeoContainer_1flq1_12",n={videoContainer:i,fill:e,vimeoContainer:o};export{n as default,e as fill,i as videoContainer,o as vimeoContainer};

package/lib/site-react/lib/blocks/YouTubeVideoBlock.js

@@ -1,127 +1,3 @@
 "use client";
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useState, useRef, useCallback } from "react";
-import { withPreview } from "../iframebridge/withPreview.js";
-import { PreviewSkeleton } from "../previewskeleton/PreviewSkeleton.js";
-import { PlayPauseButton } from "./helpers/PlayPauseButton.js";
-import { useIsElementInViewport } from "./helpers/useIsElementInViewport.js";
-import styles from "./YouTubeVideoBlock.module.scss.js";
-const EXPECTED_YT_ID_LENGTH = 11;
-const parseYoutubeIdentifier = (value) => {
-  const regExp = /(https?:\/\/)?(((m|www)\.)?(youtube(-nocookie)?|youtube.googleapis)\.com.*(v\/|v=|vi=|vi\/|e\/|embed\/|user\/.*\/u\/\d+\/)|youtu\.be\/)([_0-9a-zA-Z-]+)/;
-  const match = value.match(regExp);
-  const youtubeId = value.length === EXPECTED_YT_ID_LENGTH ? value : match && match[8].length === EXPECTED_YT_ID_LENGTH ? match[8] : null;
-  return youtubeId ?? void 0;
-};
-const YouTubeVideoBlock = withPreview(
-  ({
-    data: { youtubeIdentifier, autoplay, loop, showControls, previewImage },
-    aspectRatio = "16x9",
-    previewImageSizes,
-    renderPreviewImage,
-    fill,
-    previewImageIcon,
-    playButtonAriaLabel,
-    pauseButtonAriaLabel,
-    playPauseButton: PlayPauseButtonComponent
-  }) => {
-    const [showPreviewImage, setShowPreviewImage] = useState(true);
-    const [isPlaying, setIsPlaying] = useState(autoplay ?? false);
-    const [isHandledManually, setIsHandledManually] = useState(false);
-    const hasPreviewImage = !!(previewImage && previewImage.damFile);
-    const [iframeElement, setIframeElement] = useState(null);
-    const iframeRef = setIframeElement;
-    const inViewRef = useRef(null);
-    const pauseYouTubeVideo = useCallback(() => {
-      var _a;
-      (_a = iframeElement == null ? void 0 : iframeElement.contentWindow) == null ? void 0 : _a.postMessage(`{"event":"command","func":"pauseVideo","args":""}`, "https://www.youtube-nocookie.com");
-    }, [iframeElement]);
-    const playYouTubeVideo = useCallback(() => {
-      var _a;
-      (_a = iframeElement == null ? void 0 : iframeElement.contentWindow) == null ? void 0 : _a.postMessage(`{"event":"command","func":"playVideo","args":""}`, "https://www.youtube-nocookie.com");
-    }, [iframeElement]);
-    const handleInView = useCallback(
-      (inView) => {
-        if (!isHandledManually) {
-          if (inView && autoplay) {
-            playYouTubeVideo();
-            setIsPlaying(true);
-          } else {
-            pauseYouTubeVideo();
-            setIsPlaying(false);
-          }
-        }
-      },
-      [autoplay, isHandledManually, playYouTubeVideo, pauseYouTubeVideo]
-    );
-    useIsElementInViewport(inViewRef, handleInView);
-    if (!youtubeIdentifier) {
-      return /* @__PURE__ */ jsx(PreviewSkeleton, { type: "media", hasContent: false, aspectRatio });
-    }
-    const identifier = parseYoutubeIdentifier(youtubeIdentifier);
-    const searchParams = new URLSearchParams();
-    searchParams.append("modestbranding", "1");
-    searchParams.append("rel", "0");
-    searchParams.append("enablejsapi", "1");
-    if (hasPreviewImage && !showPreviewImage) searchParams.append("autoplay", "1");
-    if (autoplay) searchParams.append("mute", "1");
-    if (showControls !== void 0) searchParams.append("controls", Number(showControls).toString());
-    if (loop !== void 0) searchParams.append("loop", Number(loop).toString());
-    if (loop && identifier) searchParams.append("playlist", identifier);
-    const youtubeBaseUrl = "https://www.youtube-nocookie.com/embed/";
-    const youtubeUrl = new URL(`${youtubeBaseUrl}${identifier ?? ""}`);
-    youtubeUrl.search = searchParams.toString();
-    const handlePlayPauseClick = () => {
-      if (isPlaying) {
-        setIsPlaying(false);
-        setIsHandledManually(true);
-        pauseYouTubeVideo();
-      } else {
-        setIsPlaying(true);
-        playYouTubeVideo();
-      }
-    };
-    return /* @__PURE__ */ jsx(Fragment, { children: hasPreviewImage && showPreviewImage ? renderPreviewImage({
-      onPlay: () => setShowPreviewImage(false),
-      image: previewImage,
-      aspectRatio,
-      sizes: previewImageSizes,
-      fill,
-      icon: previewImageIcon,
-      playButtonAriaLabel
-    }) : /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: inViewRef,
-        className: clsx(styles.videoContainer, fill && styles.fill),
-        style: !fill ? { "--aspect-ratio": aspectRatio.replace("x", "/") } : void 0,
-        children: [
-          !showControls && (PlayPauseButtonComponent ? /* @__PURE__ */ jsx(PlayPauseButtonComponent, { isPlaying, onClick: handlePlayPauseClick }) : /* @__PURE__ */ jsx(
-            PlayPauseButton,
-            {
-              isPlaying,
-              onClick: handlePlayPauseClick,
-              ariaLabelPlay: playButtonAriaLabel,
-              ariaLabelPause: pauseButtonAriaLabel
-            }
-          )),
-          /* @__PURE__ */ jsx(
-            "iframe",
-            {
-              ref: iframeRef,
-              className: styles.youtubeContainer,
-              allow: "autoplay",
-              referrerPolicy: "strict-origin-when-cross-origin",
-              src: youtubeUrl.toString()
-            }
-          )
-        ]
-      }
-    ) });
-  },
-  { label: "Video" }
-);
-export {
-  YouTubeVideoBlock
-};
+import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import a from"clsx";import{useState as i,useRef as n,useCallback as r}from"react";import{withPreview as s}from"../iframebridge/withPreview.js";import{PreviewSkeleton as l}from"../previewskeleton/PreviewSkeleton.js";import{PlayPauseButton as p}from"./helpers/PlayPauseButton.js";import{useIsElementInViewport as u}from"./helpers/useIsElementInViewport.js";import m from"./YouTubeVideoBlock.module.scss.js";const c=s(({data:{youtubeIdentifier:s,autoplay:c,loop:d,showControls:w,previewImage:y},aspectRatio:b="16x9",previewImageSizes:g,renderPreviewImage:v,fill:f,previewImageIcon:h,playButtonAriaLabel:P,pauseButtonAriaLabel:k,playPauseButton:I})=>{const[B,S]=i(!0),[j,L]=i(c??!1),[V,C]=i(!1),x=!(!y||!y.damFile),[R,A]=i(null),N=A,z=n(null),E=r(()=>{R?.contentWindow?.postMessage('{"event":"command","func":"pauseVideo","args":""}',"https://www.youtube-nocookie.com")},[R]),M=r(()=>{R?.contentWindow?.postMessage('{"event":"command","func":"playVideo","args":""}',"https://www.youtube-nocookie.com")},[R]),T=r(e=>{V||(e&&c?(M(),L(!0)):(E(),L(!1)))},[c,V,M,E]);if(u(z,T),!s)return e(l,{type:"media",hasContent:!1,aspectRatio:b});const U=(e=>{const o=e.match(/(https?:\/\/)?(((m|www)\.)?(youtube(-nocookie)?|youtube.googleapis)\.com.*(v\/|v=|vi=|vi\/|e\/|embed\/|user\/.*\/u\/\d+\/)|youtu\.be\/)([_0-9a-zA-Z-]+)/);return(11===e.length?e:o&&11===o[8].length?o[8]:null)??void 0})(s),W=new URLSearchParams;W.append("modestbranding","1"),W.append("rel","0"),W.append("enablejsapi","1"),x&&!B&&W.append("autoplay","1"),c&&W.append("mute","1"),void 0!==w&&W.append("controls",Number(w).toString()),void 0!==d&&W.append("loop",Number(d).toString()),d&&U&&W.append("playlist",U);const Y=new URL(`https://www.youtube-nocookie.com/embed/${U??""}`);Y.search=W.toString();const F=()=>{j?(L(!1),C(!0),E()):(L(!0),M())};return e(o,{children:x&&B?v({onPlay:()=>S(!1),image:y,aspectRatio:b,sizes:g,fill:f,icon:h,playButtonAriaLabel:P}):/* @__PURE__ */t("div",{ref:z,className:a(m.videoContainer,f&&m.fill),style:f?void 0:{"--aspect-ratio":b.replace("x","/")},children:[!w&&(I?/* @__PURE__ */e(I,{isPlaying:j,onClick:F}):/* @__PURE__ */e(p,{isPlaying:j,onClick:F,ariaLabelPlay:P,ariaLabelPause:k})),
+/* @__PURE__ */e("iframe",{ref:N,className:m.youtubeContainer,allow:"autoplay",referrerPolicy:"strict-origin-when-cross-origin",src:Y.toString()})]})})},{label:"Video"});export{c as YouTubeVideoBlock};

package/lib/site-react/lib/blocks/YouTubeVideoBlock.module.scss.js

@@ -1,14 +1 @@
-const videoContainer = "_videoContainer_bhmhr_1";
-const fill = "_fill_bhmhr_7";
-const youtubeContainer = "_youtubeContainer_bhmhr_12";
-const styles = {
-  videoContainer,
-  fill,
-  youtubeContainer
-};
-export {
-  styles as default,
-  fill,
-  videoContainer,
-  youtubeContainer
-};
+const e="_videoContainer_bhmhr_1",o="_fill_bhmhr_7",n="_youtubeContainer_bhmhr_12",i={videoContainer:e,fill:o,youtubeContainer:n};export{i as default,o as fill,e as videoContainer,n as youtubeContainer};

package/lib/site-react/lib/blocks/factories/BlocksBlock.js

@@ -1,27 +1 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { Fragment as Fragment$1 } from "react";
-import { ErrorHandlerBoundary } from "../../errorHandler/ErrorHandlerBoundary.js";
-import { PreviewSkeleton } from "../../previewskeleton/PreviewSkeleton.js";
-const BlocksBlock = ({ supportedBlocks, data: { blocks } }) => {
-  if (blocks.length === 0) {
-    return /* @__PURE__ */ jsx(PreviewSkeleton, { hasContent: false });
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children: blocks.map((block) => {
-    const blockFunction = supportedBlocks[block.type];
-    if (!blockFunction) {
-      if (process.env.NODE_ENV === "development") {
-        return /* @__PURE__ */ jsxs("pre", { children: [
-          "Unknown type (",
-          block.type,
-          "): ",
-          JSON.stringify(block.props)
-        ] }, block.key);
-      }
-      return null;
-    }
-    return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(ErrorHandlerBoundary, { children: blockFunction(block.props) }) }, block.key);
-  }) });
-};
-export {
-  BlocksBlock
-};
+import{jsx as r,Fragment as e,jsxs as o}from"react/jsx-runtime";import{Fragment as n}from"react";import{ErrorHandlerBoundary as t}from"../../errorHandler/ErrorHandlerBoundary.js";import{PreviewSkeleton as s}from"../../previewskeleton/PreviewSkeleton.js";const p=({supportedBlocks:p,data:{blocks:l}})=>0===l.length?/* @__PURE__ */r(s,{hasContent:!1}):/* @__PURE__ */r(e,{children:l.map(e=>{const s=p[e.type];return s?/* @__PURE__ */r(n,{children:/* @__PURE__ */r(t,{children:s(e.props)})},e.key):"development"===process.env.NODE_ENV?/* @__PURE__ */o("pre",{children:["Unknown type (",e.type,"): ",JSON.stringify(e.props)]},e.key):null})});export{p as BlocksBlock};

package/lib/site-react/lib/blocks/factories/ListBlock.js

@@ -1,13 +1 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import { Fragment as Fragment$1 } from "react";
-import { ErrorHandlerBoundary } from "../../errorHandler/ErrorHandlerBoundary.js";
-import { PreviewSkeleton } from "../../previewskeleton/PreviewSkeleton.js";
-const ListBlock = ({ block: blockFunction, data: { blocks } }) => {
-  if (blocks.length === 0) {
-    return /* @__PURE__ */ jsx(PreviewSkeleton, { hasContent: false });
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children: blocks.map((block) => /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(ErrorHandlerBoundary, { children: blockFunction(block.props) }) }, block.key)) });
-};
-export {
-  ListBlock
-};
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import{Fragment as o}from"react";import{ErrorHandlerBoundary as t}from"../../errorHandler/ErrorHandlerBoundary.js";import{PreviewSkeleton as n}from"../../previewskeleton/PreviewSkeleton.js";const a=({block:a,data:{blocks:l}})=>0===l.length?/* @__PURE__ */r(n,{hasContent:!1}):/* @__PURE__ */r(e,{children:l.map(e=>/* @__PURE__ */r(o,{children:/* @__PURE__ */r(t,{children:a(e.props)})},e.key))});export{a as ListBlock};

package/lib/site-react/lib/blocks/factories/OneOfBlock.js

@@ -1,23 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { ErrorHandlerBoundary } from "../../errorHandler/ErrorHandlerBoundary.js";
-const OneOfBlock = ({ data: { block, ...additionalProps }, supportedBlocks, children, className }) => {
-  if (!block) {
-    return null;
-  }
-  const blockFunction = supportedBlocks[block.type];
-  if (!blockFunction) {
-    if (process.env.NODE_ENV === "development") {
-      return /* @__PURE__ */ jsxs("pre", { children: [
-        "Unknown type (",
-        block.type,
-        "): ",
-        JSON.stringify(block.props)
-      ] });
-    }
-    return null;
-  }
-  return /* @__PURE__ */ jsx(ErrorHandlerBoundary, { children: blockFunction({ ...block.props, ...additionalProps, children, className }) });
-};
-export {
-  OneOfBlock
-};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{ErrorHandlerBoundary as n}from"../../errorHandler/ErrorHandlerBoundary.js";const o=({data:{block:o,...l},supportedBlocks:s,children:t,className:p})=>{if(!o)return null;const a=s[o.type];return a?/* @__PURE__ */r(n,{children:a({...o.props,...l,children:t,className:p})}):"development"===process.env.NODE_ENV?/* @__PURE__ */e("pre",{children:["Unknown type (",o.type,"): ",JSON.stringify(o.props)]}):null};export{o as OneOfBlock};

package/lib/site-react/lib/blocks/factories/OptionalBlock.js

@@ -1,10 +1 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-const OptionalBlock = ({ block: blockFunction, data: { visible, block }, children }) => {
-  if (!visible || !block) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children: blockFunction({ ...block, children }) });
-};
-export {
-  OptionalBlock
-};
+import{jsx as l,Fragment as c}from"react/jsx-runtime";const i=({block:i,data:{visible:o,block:r},children:e})=>o&&r?/* @__PURE__ */l(c,{children:i({...r,children:e})}):null;export{i as OptionalBlock};

package/lib/site-react/lib/blocks/helpers/PlayPauseButton.js

@@ -1,9 +1 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import styles from "./PlayPauseButton.module.scss.js";
-const PlayPauseButton = ({ isPlaying, onClick, ariaLabelPlay, ariaLabelPause }) => {
-  return /* @__PURE__ */ jsx("button", { className: clsx(styles.button), onClick, "aria-label": isPlaying ? ariaLabelPause ?? "Pause" : ariaLabelPlay ?? "Play", children: /* @__PURE__ */ jsx("div", { className: clsx(styles.animatedPlayPause, isPlaying && styles.animatedPlayPausePaused) }) });
-};
-export {
-  PlayPauseButton
-};
+import{jsx as a}from"react/jsx-runtime";import s from"clsx";import e from"./PlayPauseButton.module.scss.js";const l=({isPlaying:l,onClick:t,ariaLabelPlay:i,ariaLabelPause:o})=>/* @__PURE__ */a("button",{className:s(e.button),onClick:t,"aria-label":l?o??"Pause":i??"Play",children:/* @__PURE__ */a("div",{className:s(e.animatedPlayPause,l&&e.animatedPlayPausePaused)})});export{l as PlayPauseButton};