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

package/lib/site-react/lib/iframebridge/IFrameBridge.js

@@ -1,254 +1,4 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { decodeJwt } from "jose";
-import isEqual from "lodash.isequal";
-import { useState, useRef, useCallback, useEffect, useMemo, createContext } from "react";
-import { useDebounceCallback } from "usehooks-ts";
-import styles from "./IFrameBridge.module.scss.js";
-import { AdminMessageType, IFrameMessageType } from "./IFrameMessage.js";
-import { PreviewOverlay } from "./PreviewOverlay.js";
-import { getRecursiveChildrenOfPreviewElement, getCombinedPositioningOfElements, PREVIEW_ELEMENT_SCROLLED_INTO_VIEW_EVENT } from "./utils.js";
-const IFrameBridgeContext = createContext({
-  hasBridge: false,
-  showOutlines: false,
-  showOnlyVisible: false,
-  sendSelectComponent: () => {
-  },
-  sendHoverComponent: () => {
-  },
-  sendMessage: () => {
-  },
-  contentScope: void 0,
-  contentScopeJwt: "",
-  graphQLApiUrl: void 0,
-  previewElementsData: [],
-  removePreviewElement: () => {
-  },
-  addPreviewElement: () => {
-  }
-});
-function getContentScopeFromJwt(jwt) {
-  try {
-    const parsedJwt = decodeJwt(jwt);
-    return parsedJwt.scope;
-  } catch (e) {
-    console.error("Failed to parse content scope JWT", e);
-    return void 0;
-  }
-}
-const IFrameBridgeProvider = ({ children }) => {
-  var _a;
-  const [block, setBlock] = useState(void 0);
-  const [showOnlyVisible, setShowOnlyVisible] = useState(false);
-  const [selectedAdminRoute, setSelectedAdminRoute] = useState(void 0);
-  const [hoveredAdminRoute, setHoveredAdminRoute] = useState(null);
-  const [showOutlines, setShowOutlines] = useState(false);
-  const [contentScope, setContentScope] = useState(void 0);
-  const [contentScopeJwt, setContentScopeJwt] = useState("");
-  const [graphQLApiUrl, setGraphQLApiUrl] = useState("");
-  const [previewElements, setPreviewElements] = useState([]);
-  const [previewElementsData, setPreviewElementsData] = useState([]);
-  const childrenWrapperRef = useRef(null);
-  const childrenWrapperWidth = (_a = childrenWrapperRef.current) == null ? void 0 : _a.offsetWidth;
-  const recalculatePreviewElementsData = useCallback(() => {
-    if (!childrenWrapperWidth) {
-      return;
-    }
-    const newPreviewElementsData = previewElements.map((previewElement) => {
-      const childNodes = getRecursiveChildrenOfPreviewElement(previewElement.element);
-      const positioning = getCombinedPositioningOfElements(childNodes);
-      const isRenderedOutsideOfViewportWidth = positioning.left > childrenWrapperWidth;
-      if (isRenderedOutsideOfViewportWidth) {
-        return {
-          adminRoute: previewElement.adminRoute,
-          label: previewElement.label,
-          position: {
-            top: positioning.top,
-            left: positioning.left,
-            width: 0,
-            height: positioning.height
-          }
-        };
-      }
-      const spaceBetweenRightEdgeOfElementAndRightEdgeOfViewport = positioning.left + positioning.width - childrenWrapperWidth;
-      const tooWideForPreviewViewportByPixels = spaceBetweenRightEdgeOfElementAndRightEdgeOfViewport > 0 ? spaceBetweenRightEdgeOfElementAndRightEdgeOfViewport : 0;
-      return {
-        adminRoute: previewElement.adminRoute,
-        label: previewElement.label,
-        position: {
-          top: positioning.top,
-          left: positioning.left,
-          width: positioning.width - tooWideForPreviewViewportByPixels,
-          height: positioning.height
-        }
-      };
-    }).filter((elementData) => elementData.position.width !== 0).sort((previousElementData, nextElementData) => {
-      const previousSize = previousElementData.position.width * previousElementData.position.height;
-      const nextSize = nextElementData.position.width * nextElementData.position.height;
-      return nextSize - previousSize;
-    }).map((elementData, index) => {
-      return {
-        ...elementData,
-        position: {
-          ...elementData.position,
-          zIndex: index + 1
-        }
-      };
-    });
-    setPreviewElementsData((previousElementsData) => {
-      const dataDidNotChange = isEqual(previousElementsData, newPreviewElementsData);
-      if (dataDidNotChange) {
-        return previousElementsData;
-      }
-      return newPreviewElementsData;
-    });
-  }, [previewElements, childrenWrapperWidth]);
-  useEffect(() => {
-    if (childrenWrapperRef.current) {
-      const mutationObserver = new MutationObserver(() => {
-        recalculatePreviewElementsData();
-      });
-      const resizeObserver = new ResizeObserver(() => {
-        recalculatePreviewElementsData();
-      });
-      mutationObserver.observe(childrenWrapperRef.current, { childList: true, subtree: true, attributes: true });
-      resizeObserver.observe(childrenWrapperRef.current);
-      return () => {
-        mutationObserver.disconnect();
-        resizeObserver.disconnect();
-      };
-    }
-  }, [recalculatePreviewElementsData]);
-  useEffect(() => {
-    previewElements.forEach((previewElement) => {
-      previewElement.element.addEventListener(PREVIEW_ELEMENT_SCROLLED_INTO_VIEW_EVENT, recalculatePreviewElementsData);
-    });
-    return () => {
-      previewElements.forEach((previewElement) => {
-        previewElement.element.removeEventListener(PREVIEW_ELEMENT_SCROLLED_INTO_VIEW_EVENT, recalculatePreviewElementsData);
-      });
-    };
-  }, [previewElements, recalculatePreviewElementsData]);
-  const sendMessage = useCallback((message) => {
-    window.parent.postMessage(JSON.stringify(message), "*");
-  }, []);
-  const debounceDeactivateOutlines = useDebounceCallback(() => {
-    setShowOutlines(false);
-  }, 2500);
-  const onReceiveMessage = useCallback(
-    (message) => {
-      switch (message.cometType) {
-        case AdminMessageType.Block:
-          setBlock(message.data.block);
-          break;
-        case AdminMessageType.ShowOnlyVisible:
-          setShowOnlyVisible(message.data.showOnlyVisible);
-          break;
-        case AdminMessageType.SelectComponent:
-          setSelectedAdminRoute(
-            message.data.adminRoute.lastIndexOf("#") > 0 ? message.data.adminRoute.substr(0, message.data.adminRoute.lastIndexOf("#")) : message.data.adminRoute
-          );
-          break;
-        case AdminMessageType.HoverComponent:
-          setHoveredAdminRoute(message.data.adminRoute);
-          setShowOutlines(true);
-          debounceDeactivateOutlines();
-          break;
-        case AdminMessageType.ContentScope:
-          setContentScope(getContentScopeFromJwt(message.data.contentScopeJwt));
-          setContentScopeJwt(message.data.contentScopeJwt);
-          break;
-        case AdminMessageType.GraphQLApiUrl:
-          setGraphQLApiUrl(message.data.graphQLApiUrl);
-          break;
-      }
-    },
-    [debounceDeactivateOutlines]
-  );
-  useEffect(() => {
-    if (typeof window === "undefined") {
-      return;
-    }
-    const handleMessage = (e) => {
-      try {
-        const message = JSON.parse(e.data);
-        if (message.hasOwnProperty("cometType")) {
-          onReceiveMessage(message);
-        }
-      } catch {
-      }
-    };
-    window.addEventListener("message", handleMessage, false);
-    sendMessage({ cometType: IFrameMessageType.Ready });
-    return () => {
-      window.removeEventListener("message", handleMessage, false);
-    };
-  }, [onReceiveMessage, sendMessage]);
-  const addPreviewElement = useCallback(
-    (element) => {
-      setPreviewElements((prev) => [...prev, element]);
-    },
-    [setPreviewElements]
-  );
-  const removePreviewElement = useCallback(
-    (element) => {
-      setPreviewElements((prev) => prev.filter((el) => el.adminRoute !== element.adminRoute));
-    },
-    [setPreviewElements]
-  );
-  const iFrameBridgeValues = useMemo(
-    () => ({
-      showOutlines,
-      hasBridge: true,
-      block,
-      showOnlyVisible,
-      selectedAdminRoute,
-      hoveredAdminRoute,
-      sendSelectComponent: (adminRoute) => {
-        setSelectedAdminRoute(adminRoute);
-        sendMessage({ cometType: IFrameMessageType.SelectComponent, data: { adminRoute } });
-      },
-      sendHoverComponent: (route) => {
-        sendMessage({ cometType: IFrameMessageType.HoverComponent, data: { route } });
-      },
-      sendMessage,
-      contentScope,
-      contentScopeJwt,
-      graphQLApiUrl,
-      previewElementsData,
-      addPreviewElement,
-      removePreviewElement
-    }),
-    [
-      showOutlines,
-      block,
-      showOnlyVisible,
-      selectedAdminRoute,
-      hoveredAdminRoute,
-      sendMessage,
-      contentScope,
-      contentScopeJwt,
-      graphQLApiUrl,
-      previewElementsData,
-      addPreviewElement,
-      removePreviewElement
-    ]
-  );
-  return /* @__PURE__ */ jsx(IFrameBridgeContext.Provider, { value: iFrameBridgeValues, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      onMouseMove: () => {
-        setShowOutlines(true);
-        debounceDeactivateOutlines();
-      },
-      children: [
-        /* @__PURE__ */ jsx(PreviewOverlay, {}),
-        /* @__PURE__ */ jsx("div", { ref: childrenWrapperRef, className: styles.childrenWrapper, children })
-      ]
-    }
-  ) });
-};
-export {
-  IFrameBridgeContext,
-  IFrameBridgeProvider
-};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{decodeJwt as o}from"jose";import n from"lodash.isequal";import{useState as r,useRef as i,useCallback as s,useEffect as a,useMemo as d,createContext as c}from"react";import{useDebounceCallback as m}from"usehooks-ts";import l from"./IFrameBridge.module.scss.js";import{AdminMessageType as p,IFrameMessageType as h}from"./IFrameMessage.js";import{PreviewOverlay as u}from"./PreviewOverlay.js";import{getRecursiveChildrenOfPreviewElement as v,getCombinedPositioningOfElements as w,PREVIEW_ELEMENT_SCROLLED_INTO_VIEW_EVENT as f}from"./utils.js";const g=c({hasBridge:!1,showOutlines:!1,showOnlyVisible:!1,sendSelectComponent:()=>{},sendHoverComponent:()=>{},sendMessage:()=>{},contentScope:void 0,contentScopeJwt:"",graphQLApiUrl:void 0,previewElementsData:[],removePreviewElement:()=>{},addPreviewElement:()=>{}}),b=({children:c})=>{const[b,E]=r(void 0),[y,O]=r(!1),[R,S]=r(void 0),[C,L]=r(null),[P,I]=r(!1),[T,M]=r(void 0),[k,A]=r(""),[J,V]=r(""),[j,x]=r([]),[B,F]=r([]),N=i(null),W=N.current?.offsetWidth,_=s(()=>{if(!W)return;const e=j.map(e=>{const t=v(e.element),o=w(t);if(o.left>W)return{adminRoute:e.adminRoute,label:e.label,position:{top:o.top,left:o.left,width:0,height:o.height}};const n=o.left+o.width-W,r=n>0?n:0;return{adminRoute:e.adminRoute,label:e.label,position:{top:o.top,left:o.left,width:o.width-r,height:o.height}}}).filter(e=>0!==e.position.width).sort((e,t)=>{const o=e.position.width*e.position.height;return t.position.width*t.position.height-o}).map((e,t)=>({...e,position:{...e.position,zIndex:t+1}}));F(t=>n(t,e)?t:e)},[j,W]);a(()=>{if(N.current){const e=new MutationObserver(()=>{_()}),t=new ResizeObserver(()=>{_()});return e.observe(N.current,{childList:!0,subtree:!0,attributes:!0}),t.observe(N.current),()=>{e.disconnect(),t.disconnect()}}},[_]),a(()=>(j.forEach(e=>{e.element.addEventListener(f,_)}),()=>{j.forEach(e=>{e.element.removeEventListener(f,_)})}),[j,_]);const H=s(e=>{window.parent.postMessage(JSON.stringify(e),"*")},[]),Q=m(()=>{I(!1)},2500),U=s(e=>{switch(e.cometType){case p.Block:E(e.data.block);break;case p.ShowOnlyVisible:O(e.data.showOnlyVisible);break;case p.SelectComponent:S(e.data.adminRoute.lastIndexOf("#")>0?e.data.adminRoute.substr(0,e.data.adminRoute.lastIndexOf("#")):e.data.adminRoute);break;case p.HoverComponent:L(e.data.adminRoute),I(!0),Q();break;case p.ContentScope:M(function(e){try{return o(e).scope}catch(t){return void console.error("Failed to parse content scope JWT",t)}}(e.data.contentScopeJwt)),A(e.data.contentScopeJwt);break;case p.GraphQLApiUrl:V(e.data.graphQLApiUrl)}},[Q]);a(()=>{if("undefined"==typeof window)return;const e=e=>{try{const t=JSON.parse(e.data);t.hasOwnProperty("cometType")&&U(t)}catch{}};return window.addEventListener("message",e,!1),H({cometType:h.Ready}),()=>{window.removeEventListener("message",e,!1)}},[U,H]);const D=s(e=>{x(t=>[...t,e])},[x]),z=s(e=>{x(t=>t.filter(t=>t.adminRoute!==e.adminRoute))},[x]),q=d(()=>({showOutlines:P,hasBridge:!0,block:b,showOnlyVisible:y,selectedAdminRoute:R,hoveredAdminRoute:C,sendSelectComponent:e=>{S(e),H({cometType:h.SelectComponent,data:{adminRoute:e}})},sendHoverComponent:e=>{H({cometType:h.HoverComponent,data:{route:e}})},sendMessage:H,contentScope:T,contentScopeJwt:k,graphQLApiUrl:J,previewElementsData:B,addPreviewElement:D,removePreviewElement:z}),[P,b,y,R,C,H,T,k,J,B,D,z]);return e(g.Provider,{value:q,children:/* @__PURE__ */t("div",{onMouseMove:()=>{I(!0),Q()},children:[
+/* @__PURE__ */e(u,{}),
+/* @__PURE__ */e("div",{ref:N,className:l.childrenWrapper,children:c})]})})};export{g as IFrameBridgeContext,b as IFrameBridgeProvider};

package/lib/site-react/lib/iframebridge/IFrameBridge.module.scss.js

@@ -1,8 +1 @@
-const childrenWrapper = "_childrenWrapper_qguhx_1";
-const styles = {
-  childrenWrapper
-};
-export {
-  childrenWrapper,
-  styles as default
-};
+const r="_childrenWrapper_qguhx_1",e={childrenWrapper:r};export{r as childrenWrapper,e as default};

package/lib/site-react/lib/iframebridge/IFrameMessage.js

@@ -1,21 +1 @@
-var IFrameMessageType = /* @__PURE__ */ ((IFrameMessageType2) => {
-  IFrameMessageType2["Ready"] = "Ready";
-  IFrameMessageType2["SelectComponent"] = "SelectComponent";
-  IFrameMessageType2["HoverComponent"] = "HoverComponent";
-  IFrameMessageType2["OpenLink"] = "OpenLink";
-  IFrameMessageType2["SitePreviewLocation"] = "SitePreviewLocation";
-  return IFrameMessageType2;
-})(IFrameMessageType || {});
-var AdminMessageType = /* @__PURE__ */ ((AdminMessageType2) => {
-  AdminMessageType2["Block"] = "Block";
-  AdminMessageType2["ShowOnlyVisible"] = "ShowOnlyVisible";
-  AdminMessageType2["SelectComponent"] = "SelectComponent";
-  AdminMessageType2["HoverComponent"] = "HoverComponent";
-  AdminMessageType2["ContentScope"] = "ContentScope";
-  AdminMessageType2["GraphQLApiUrl"] = "GraphQLApiUrl";
-  return AdminMessageType2;
-})(AdminMessageType || {});
-export {
-  AdminMessageType,
-  IFrameMessageType
-};
+var e=/* @__PURE__ */(e=>(e.Ready="Ready",e.SelectComponent="SelectComponent",e.HoverComponent="HoverComponent",e.OpenLink="OpenLink",e.SitePreviewLocation="SitePreviewLocation",e))(e||{}),o=/* @__PURE__ */(e=>(e.Block="Block",e.ShowOnlyVisible="ShowOnlyVisible",e.SelectComponent="SelectComponent",e.HoverComponent="HoverComponent",e.ContentScope="ContentScope",e.GraphQLApiUrl="GraphQLApiUrl",e))(o||{});export{o as AdminMessageType,e as IFrameMessageType};

package/lib/site-react/lib/iframebridge/Preview.js

@@ -1,57 +1,2 @@
 "use client";
-import { jsx, Fragment } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import scrollIntoView from "scroll-into-view-if-needed";
-import styles from "./Preview.module.scss.js";
-import { useIFrameBridge } from "./useIFrameBridge.js";
-import { PREVIEW_ELEMENT_SCROLLED_INTO_VIEW_EVENT, BLOCK_PREVIEW_CONTAINER_DATA_ATTRIBUTE } from "./utils.js";
-const Preview = ({ adminRoute, children, label, enabledAutoScrolling = true }) => {
-  const { addPreviewElement, removePreviewElement, ...iFrameBridge } = useIFrameBridge();
-  const isSelected = adminRoute === iFrameBridge.selectedAdminRoute;
-  const isHovered = adminRoute === iFrameBridge.hoveredAdminRoute;
-  const previewElementContainerRef = useRef(null);
-  useEffect(() => {
-    const previewElement = previewElementContainerRef.current ? {
-      label,
-      adminRoute,
-      element: previewElementContainerRef.current
-    } : null;
-    if (previewElement) {
-      addPreviewElement(previewElement);
-      return () => {
-        removePreviewElement(previewElement);
-      };
-    }
-  }, [label, adminRoute, addPreviewElement, removePreviewElement]);
-  useEffect(() => {
-    const timeout = setTimeout(() => {
-      var _a;
-      if (enabledAutoScrolling) {
-        if (isHovered || isSelected) {
-          if ((_a = previewElementContainerRef.current) == null ? void 0 : _a.firstElementChild) {
-            scrollIntoView(previewElementContainerRef.current.firstElementChild, {
-              scrollMode: "if-needed",
-              block: "center",
-              inline: "nearest",
-              behavior: "smooth"
-            });
-            setTimeout(() => {
-              var _a2;
-              (_a2 = previewElementContainerRef.current) == null ? void 0 : _a2.dispatchEvent(new Event(PREVIEW_ELEMENT_SCROLLED_INTO_VIEW_EVENT));
-            }, 600);
-          }
-        }
-      }
-    }, 500);
-    return () => {
-      clearTimeout(timeout);
-    };
-  }, [enabledAutoScrolling, isHovered, isSelected]);
-  if (iFrameBridge.hasBridge) {
-    return /* @__PURE__ */ jsx("div", { ref: previewElementContainerRef, className: styles.previewElementContainer, ...{ [BLOCK_PREVIEW_CONTAINER_DATA_ATTRIBUTE]: "" }, children });
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children });
-};
-export {
-  Preview
-};
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import{useRef as t,useEffect as i}from"react";import n from"scroll-into-view-if-needed";import o from"./Preview.module.scss.js";import{useIFrameBridge as l}from"./useIFrameBridge.js";import{PREVIEW_ELEMENT_SCROLLED_INTO_VIEW_EVENT as m,BLOCK_PREVIEW_CONTAINER_DATA_ATTRIBUTE as s}from"./utils.js";const d=({adminRoute:d,children:c,label:u,enabledAutoScrolling:a=!0})=>{const{addPreviewElement:E,removePreviewElement:f,...v}=l(),T=d===v.selectedAdminRoute,h=d===v.hoveredAdminRoute,p=t(null);return i(()=>{const e=p.current?{label:u,adminRoute:d,element:p.current}:null;if(e)return E(e),()=>{f(e)}},[u,d,E,f]),i(()=>{const e=setTimeout(()=>{a&&(h||T)&&p.current?.firstElementChild&&(n(p.current.firstElementChild,{scrollMode:"if-needed",block:"center",inline:"nearest",behavior:"smooth"}),setTimeout(()=>{p.current?.dispatchEvent(new Event(m))},600))},500);return()=>{clearTimeout(e)}},[a,h,T]),v.hasBridge?/* @__PURE__ */e("div",{ref:p,className:o.previewElementContainer,[s]:"",children:c}):/* @__PURE__ */e(r,{children:c})};export{d as Preview};

package/lib/site-react/lib/iframebridge/Preview.module.scss.js

@@ -1,8 +1 @@
-const previewElementContainer = "_previewElementContainer_nwhl6_1";
-const styles = {
-  previewElementContainer
-};
-export {
-  styles as default,
-  previewElementContainer
-};
+const e="_previewElementContainer_nwhl6_1",n={previewElementContainer:e};export{n as default,e as previewElementContainer};

package/lib/site-react/lib/iframebridge/PreviewOverlay.js

@@ -1,28 +1 @@
-import { jsx } from "react/jsx-runtime";
-import styles from "./PreviewOverlay.module.scss.js";
-import { PreviewOverlayElement } from "./PreviewOverlayElement.js";
-import { useIFrameBridge } from "./useIFrameBridge.js";
-let lastSelectedElementPath = "";
-const PreviewOverlay = () => {
-  const iFrameBridge = useIFrameBridge();
-  let bottomMostElementPosition = 0;
-  iFrameBridge.previewElementsData.forEach((element) => {
-    if (element.position.zIndex > 1) {
-      return;
-    }
-    const elementBottom = element.position.top + element.position.height;
-    if (elementBottom > bottomMostElementPosition) {
-      bottomMostElementPosition = elementBottom;
-    }
-  });
-  return /* @__PURE__ */ jsx("div", { className: styles.root, style: { "--height": `${bottomMostElementPosition}px` }, children: iFrameBridge.previewElementsData.map((element, index) => {
-    const isSelected = element.adminRoute === iFrameBridge.selectedAdminRoute;
-    if (isSelected && lastSelectedElementPath !== element.adminRoute) {
-      lastSelectedElementPath = element.adminRoute;
-    }
-    return /* @__PURE__ */ jsx(PreviewOverlayElement, { element }, index);
-  }) });
-};
-export {
-  PreviewOverlay
-};
+import{jsx as e}from"react/jsx-runtime";import t from"./PreviewOverlay.module.scss.js";import{PreviewOverlayElement as r}from"./PreviewOverlayElement.js";import{useIFrameBridge as i}from"./useIFrameBridge.js";let o="";const s=()=>{const s=i();let m=0;return s.previewElementsData.forEach(e=>{if(e.position.zIndex>1)return;const t=e.position.top+e.position.height;t>m&&(m=t)}),/* @__PURE__ */e("div",{className:t.root,style:{"--height":`${m}px`},children:s.previewElementsData.map((t,i)=>(t.adminRoute===s.selectedAdminRoute&&o!==t.adminRoute&&(o=t.adminRoute),/* @__PURE__ */e(r,{element:t},i)))})};export{s as PreviewOverlay};

package/lib/site-react/lib/iframebridge/PreviewOverlay.module.scss.js

@@ -1,8 +1 @@
-const root = "_root_v4248_1";
-const styles = {
-  root
-};
-export {
-  styles as default,
-  root
-};
+const o="_root_v4248_1",t={root:o};export{t as default,o as root};

package/lib/site-react/lib/iframebridge/PreviewOverlayElement.js

@@ -1,36 +1 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import styles from "./PreviewOverlayElement.module.scss.js";
-import { useIFrameBridge } from "./useIFrameBridge.js";
-const PreviewOverlayElement = ({ element }) => {
-  const iFrameBridge = useIFrameBridge();
-  const isSelected = element.adminRoute === iFrameBridge.selectedAdminRoute;
-  const isHovered = element.adminRoute === iFrameBridge.hoveredAdminRoute;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx(
-        styles.root,
-        iFrameBridge.showOutlines && !isHovered && styles.showBlockOutlines,
-        isSelected && styles.blockIsSelected,
-        isHovered && styles.isHoveredInBlockList
-      ),
-      title: element.label,
-      onClick: () => {
-        iFrameBridge.sendSelectComponent(element.adminRoute);
-      },
-      onMouseEnter: () => {
-        iFrameBridge.sendHoverComponent(element.adminRoute);
-      },
-      onMouseLeave: () => {
-        iFrameBridge.sendHoverComponent(null);
-      },
-      style: element.position,
-      children: /* @__PURE__ */ jsx("div", { className: styles.label, children: element.label })
-    },
-    element.adminRoute
-  );
-};
-export {
-  PreviewOverlayElement
-};
+import{jsx as e}from"react/jsx-runtime";import o from"clsx";import t from"./PreviewOverlayElement.module.scss.js";import{useIFrameBridge as n}from"./useIFrameBridge.js";const s=({element:s})=>{const l=n(),r=s.adminRoute===l.selectedAdminRoute,i=s.adminRoute===l.hoveredAdminRoute;return e("div",{className:o(t.root,l.showOutlines&&!i&&t.showBlockOutlines,r&&t.blockIsSelected,i&&t.isHoveredInBlockList),title:s.label,onClick:()=>{l.sendSelectComponent(s.adminRoute)},onMouseEnter:()=>{l.sendHoverComponent(s.adminRoute)},onMouseLeave:()=>{l.sendHoverComponent(null)},style:s.position,children:/* @__PURE__ */e("div",{className:t.label,children:s.label})},s.adminRoute)};export{s as PreviewOverlayElement};

package/lib/site-react/lib/iframebridge/PreviewOverlayElement.module.scss.js

@@ -1,20 +1 @@
-const root = "_root_1ya0k_1";
-const isHoveredInBlockList = "_isHoveredInBlockList_1ya0k_24";
-const showBlockOutlines = "_showBlockOutlines_1ya0k_32";
-const blockIsSelected = "_blockIsSelected_1ya0k_37";
-const label = "_label_1ya0k_40";
-const styles = {
-  root,
-  isHoveredInBlockList,
-  showBlockOutlines,
-  blockIsSelected,
-  label
-};
-export {
-  blockIsSelected,
-  styles as default,
-  isHoveredInBlockList,
-  label,
-  root,
-  showBlockOutlines
-};
+const e="_root_1ya0k_1",o="_isHoveredInBlockList_1ya0k_24",l="_showBlockOutlines_1ya0k_32",s="_blockIsSelected_1ya0k_37",a="_label_1ya0k_40",t={root:e,isHoveredInBlockList:o,showBlockOutlines:l,blockIsSelected:s,label:a};export{s as blockIsSelected,t as default,o as isHoveredInBlockList,a as label,e as root,l as showBlockOutlines};

package/lib/site-react/lib/iframebridge/useBlockPreviewFetch.js

@@ -1,30 +1,2 @@
 "use client";
-import { useState, useEffect } from "react";
-import { createFetchInMemoryCache } from "../graphQLFetch/fetchInMemoryCache.js";
-import { createGraphQLFetch, createFetchWithDefaults, convertPreviewDataToHeaders } from "../graphQLFetch/graphQLFetch.js";
-import { useIFrameBridge } from "./useIFrameBridge.js";
-const cachingFetch = createFetchInMemoryCache(fetch);
-function useBlockPreviewFetch(apiUrl) {
-  const { showOnlyVisible, graphQLApiUrl } = useIFrameBridge();
-  const [graphQLFetch, setGraphQLFetch] = useState(
-    () => apiUrl ? createBlockPreviewFetch(apiUrl, !showOnlyVisible) : void 0
-  );
-  useEffect(() => {
-    if (graphQLApiUrl) {
-      setGraphQLFetch(() => createBlockPreviewFetch(graphQLApiUrl, !showOnlyVisible));
-    }
-  }, [showOnlyVisible, graphQLApiUrl]);
-  return {
-    graphQLFetch,
-    fetch: cachingFetch
-  };
-}
-function createBlockPreviewFetch(graphqlApiUrl, includeInvisible) {
-  return createGraphQLFetch(
-    createFetchWithDefaults(cachingFetch, { headers: convertPreviewDataToHeaders({ includeInvisible }), credentials: "include" }),
-    graphqlApiUrl
-  );
-}
-export {
-  useBlockPreviewFetch
-};
+import{useState as e,useEffect as r}from"react";import{createFetchInMemoryCache as t}from"../graphQLFetch/fetchInMemoryCache.js";import{createGraphQLFetch as a,createFetchWithDefaults as c,convertPreviewDataToHeaders as h}from"../graphQLFetch/graphQLFetch.js";import{useIFrameBridge as s}from"./useIFrameBridge.js";const i=t(fetch);function o(t){const{showOnlyVisible:a,graphQLApiUrl:c}=s(),[h,o]=e(()=>t?n(t,!a):void 0);return r(()=>{c&&o(()=>n(c,!a))},[a,c]),{graphQLFetch:h,fetch:i}}function n(e,r){return a(c(i,{headers:h({includeInvisible:r}),credentials:"include"}),e)}export{o as useBlockPreviewFetch};

package/lib/site-react/lib/iframebridge/useIFrameBridge.js

@@ -1,8 +1 @@
-import { useContext } from "react";
-import { IFrameBridgeContext } from "./IFrameBridge.js";
-function useIFrameBridge() {
-  return useContext(IFrameBridgeContext);
-}
-export {
-  useIFrameBridge
-};
+import{useContext as r}from"react";import{IFrameBridgeContext as e}from"./IFrameBridge.js";function t(){return r(e)}export{t as useIFrameBridge};

package/lib/site-react/lib/iframebridge/utils.js

@@ -1,46 +1 @@
-const BLOCK_PREVIEW_CONTAINER_DATA_ATTRIBUTE = "data-comet-block-preview-container";
-const PREVIEW_ELEMENT_SCROLLED_INTO_VIEW_EVENT = "comet-preview-element-scrolled-into-view";
-const getRecursiveChildrenOfPreviewElement = (rootElement) => {
-  const previewElementChildNodes = [];
-  rootElement.childNodes.forEach((childNode) => {
-    if (!(childNode instanceof Element)) {
-      return;
-    }
-    if (childNode.hasAttribute(BLOCK_PREVIEW_CONTAINER_DATA_ATTRIBUTE)) {
-      previewElementChildNodes.push(...getRecursiveChildrenOfPreviewElement(childNode));
-    } else {
-      previewElementChildNodes.push(childNode);
-    }
-  });
-  return previewElementChildNodes;
-};
-const getCombinedPositioningOfElements = (elements) => {
-  const topPositions = [];
-  const leftPositions = [];
-  elements.forEach((element) => {
-    const { top, left, bottom, right } = element.getBoundingClientRect();
-    topPositions.push(top + window.scrollY);
-    leftPositions.push(left + window.scrollX);
-  });
-  const highestTopPosition = Math.min(...topPositions);
-  const highestLeftPosition = Math.min(...leftPositions);
-  const widthValues = [];
-  const heightValues = [];
-  elements.forEach((element) => {
-    const { right, bottom } = element.getBoundingClientRect();
-    widthValues.push(right - highestLeftPosition);
-    heightValues.push(bottom - highestTopPosition + window.scrollY);
-  });
-  return {
-    top: highestTopPosition,
-    left: highestLeftPosition,
-    width: Math.max(...widthValues),
-    height: Math.max(...heightValues)
-  };
-};
-export {
-  BLOCK_PREVIEW_CONTAINER_DATA_ATTRIBUTE,
-  PREVIEW_ELEMENT_SCROLLED_INTO_VIEW_EVENT,
-  getCombinedPositioningOfElements,
-  getRecursiveChildrenOfPreviewElement
-};
+const t="data-comet-block-preview-container",e="comet-preview-element-scrolled-into-view",o=e=>{const n=[];return e.childNodes.forEach(e=>{e instanceof Element&&(e.hasAttribute(t)?n.push(...o(e)):n.push(e))}),n},n=t=>{const e=[],o=[];t.forEach(t=>{const{top:n,left:i,bottom:s,right:c}=t.getBoundingClientRect();e.push(n+window.scrollY),o.push(i+window.scrollX)});const n=Math.min(...e),i=Math.min(...o),s=[],c=[];return t.forEach(t=>{const{right:e,bottom:o}=t.getBoundingClientRect();s.push(e-i),c.push(o-n+window.scrollY)}),{top:n,left:i,width:Math.max(...s),height:Math.max(...c)}};export{t as BLOCK_PREVIEW_CONTAINER_DATA_ATTRIBUTE,e as PREVIEW_ELEMENT_SCROLLED_INTO_VIEW_EVENT,n as getCombinedPositioningOfElements,o as getRecursiveChildrenOfPreviewElement};

package/lib/site-react/lib/iframebridge/withPreview.js

@@ -1,34 +1,2 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
-import { useContext, createContext } from "react";
-import { Preview } from "./Preview.js";
-function isWithPreviewPropsData(block) {
-  return block.adminMeta !== void 0;
-}
-const AdminRouteContext = createContext({
-  parentRoute: "",
-  parentEnabledAutoScrolling: true
-});
-const withPreview = (Component, { label = "No type", enabledChildrenAutoScrolling = true }) => {
-  return ({ ...componentProps }) => {
-    var _a, _b, _c, _d;
-    const { parentRoute, parentEnabledAutoScrolling } = useContext(AdminRouteContext);
-    if (((_a = componentProps.data) == null ? void 0 : _a.adminMeta) && ((_b = componentProps.data) == null ? void 0 : _b.adminMeta.route) !== parentRoute) {
-      return /* @__PURE__ */ jsx(
-        AdminRouteContext.Provider,
-        {
-          value: {
-            parentRoute: (_c = componentProps.data) == null ? void 0 : _c.adminMeta.route,
-            parentEnabledAutoScrolling: !parentEnabledAutoScrolling ? false : enabledChildrenAutoScrolling
-          },
-          children: /* @__PURE__ */ jsx(Preview, { adminRoute: (_d = componentProps.data) == null ? void 0 : _d.adminMeta.route, label, enabledAutoScrolling: parentEnabledAutoScrolling, children: /* @__PURE__ */ jsx(Component, { ...componentProps }) })
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(Component, { ...componentProps });
-  };
-};
-export {
-  isWithPreviewPropsData,
-  withPreview
-};
+import{jsx as e}from"react/jsx-runtime";import{useContext as t,createContext as a}from"react";import{Preview as r}from"./Preview.js";function n(e){return void 0!==e.adminMeta}const o=a({parentRoute:"",parentEnabledAutoScrolling:!0}),i=(a,{label:n="No type",enabledChildrenAutoScrolling:i=!0})=>({...l})=>{const{parentRoute:d,parentEnabledAutoScrolling:u}=t(o);return l.data?.adminMeta&&l.data?.adminMeta.route!==d?/* @__PURE__ */e(o.Provider,{value:{parentRoute:l.data?.adminMeta.route,parentEnabledAutoScrolling:!!u&&i},children:/* @__PURE__ */e(r,{adminRoute:l.data?.adminMeta.route,label:n,enabledAutoScrolling:u,children:/* @__PURE__ */e(a,{...l})})}):/* @__PURE__ */e(a,{...l})};export{n as isWithPreviewPropsData,i as withPreview};

package/lib/site-react/lib/image/image.utils.js

@@ -1,55 +1 @@
-function parseAspectRatio(value) {
-  let width, height;
-  if (typeof value === "string") {
-    [width, height] = value.split(/[x/:]/).map((v) => {
-      let ret = parseFloat(v);
-      if (isNaN(ret)) {
-        ret = void 0;
-      }
-      return ret;
-    });
-    if (width && !height) {
-      height = 1;
-    }
-  } else {
-    width = value;
-    height = 1;
-  }
-  if (!width || !height) {
-    throw Error(`An error occurred while parsing the aspect ratio: ${value}`);
-  }
-  return width / height;
-}
-function getMaxDimensionsFromArea(area, aspectRatio) {
-  let width, height;
-  if (aspectRatio < 1) {
-    width = Math.min(area.height * aspectRatio, area.width);
-    height = width / aspectRatio;
-  } else {
-    height = Math.min(area.width / aspectRatio, area.height);
-    width = height * aspectRatio;
-  }
-  return {
-    width,
-    height
-  };
-}
-function calculateInheritAspectRatio(imageDimensions, cropArea) {
-  if (cropArea.focalPoint === "SMART") {
-    return imageDimensions.width / imageDimensions.height;
-  } else {
-    if (cropArea.width === void 0 || cropArea.height === void 0) {
-      throw new Error("Missing crop dimensions");
-    }
-    return cropArea.width * imageDimensions.width / 100 / (cropArea.height * imageDimensions.height / 100);
-  }
-}
-function generateImageUrl({ src, width }, aspectRatio) {
-  return src.replace("$resizeWidth", String(width)).replace("$resizeHeight", String(Math.ceil(width / aspectRatio)));
-}
-export {
-  calculateInheritAspectRatio,
-  generateImageUrl,
-  getMaxDimensionsFromArea,
-  parseAspectRatio
-};
+function t(t){let i,e;if("string"==typeof t?([i,e]=t.split(/[x/:]/).map(t=>{let i=parseFloat(t);return isNaN(i)&&(i=void 0),i}),i&&!e&&(e=1)):(i=t,e=1),!i||!e)throw Error(`An error occurred while parsing the aspect ratio: ${t}`);return i/e}function i(t,i){let e,r;return i<1?(e=Math.min(t.height*i,t.width),r=e/i):(r=Math.min(t.width/i,t.height),e=r*i),{width:e,height:r}}function e(t,i){if("SMART"===i.focalPoint)return t.width/t.height;if(void 0===i.width||void 0===i.height)throw new Error("Missing crop dimensions");return i.width*t.width/100/(i.height*t.height/100)}function r({src:t,width:i},e){return t.replace("$resizeWidth",String(i)).replace("$resizeHeight",String(Math.ceil(i/e)))}export{e as calculateInheritAspectRatio,r as generateImageUrl,i as getMaxDimensionsFromArea,t as parseAspectRatio};

package/lib/site-react/lib/jsonLd/JsonLd.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";const t=({data:t})=>{return r("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:(e=JSON.stringify(t),e.replace(/</g,"\\u003c"))}});var e};export{t as JsonLd};