@builder.io/sdk-react-nextjs 0.12.1 → 0.12.2

package/lib/node/USE_CLIENT_BUNDLE-def5165a.cjs

@@ -0,0 +1,23 @@
+"use client";"use strict";const t=require("react/jsx-runtime"),a=require("./bundle-4efd9623.cjs"),r=require("react"),M=require("./USE_SERVER_BUNDLE-a5db98bc.cjs"),D=require("next/navigation");function V(e){return t.jsxs(t.Fragment,{children:[e.link?t.jsx(t.Fragment,{children:t.jsx("a",{...e.attributes,href:e.link,target:e.openLinkInNewTab?"_blank":void 0,role:"button",children:e.text})}):t.jsx(t.Fragment,{children:t.jsx("button",{...e.attributes,style:e.attributes.style,className:e.attributes.className+" button-fdf49de0",children:e.text})}),t.jsx("style",{children:`.button-fdf49de0 {
+  all: unset;
+}`})]})}function H(e){return t.jsx(t.Fragment,{children:a.isEmptyElement(e.TagName)?t.jsx(t.Fragment,{children:t.jsx(e.TagName,{...e.attributes,...e.actionAttributes})}):t.jsx(t.Fragment,{children:typeof e.TagName=="string"?t.jsx(t.Fragment,{children:t.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children})}):t.jsx(t.Fragment,{children:t.jsx(e.TagName,{...e.attributes,...e.actionAttributes,children:e.children})})})})}function U(e){return t.jsx(H,{TagName:e.Wrapper,attributes:a.getBlockProperties({block:e.block,context:e.context}),actionAttributes:a.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}),children:e.children})}function O(e){return t.jsx(e.Wrapper,{...e.wrapperProps,attributes:e.includeBlockProps?{...a.getBlockProperties({block:e.block,context:e.context}),...a.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})}:{},children:e.children})}function J(e){function l(){var s;return"builder-blocks"+((s=e.blocks)!=null&&s.length?"":" no-blocks")}function g(){var s,m;a.isEditing()&&!((s=e.blocks)!=null&&s.length)&&((m=window.parent)==null||m.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}function S(){var s,m;a.isEditing()&&!((s=e.blocks)!=null&&s.length)&&((m=window.parent)==null||m.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}return t.jsxs(t.Fragment,{children:[t.jsx(e.BlocksWrapper,{className:l()+" props-blocks-wrapper-4f2c12d8","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:s=>g(),onMouseEnter:s=>S(),onKeyPress:s=>g(),...e.BlocksWrapperProps,children:e.children}),t.jsx("style",{children:`.props-blocks-wrapper-4f2c12d8 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}`})]})}function $(e){return t.jsx("span",{children:e.children})}function G(e){var s,m,x,v;function l(){var f;const d=e.image||e.src;if(!d||!(d.match(/builder\.io/)||d.match(/cdn\.shopify\.com/)))return e.srcset;if(e.srcset&&((f=e.image)!=null&&f.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),a.getSrcSet(d)}else if(e.image&&!e.srcset)return a.getSrcSet(d);return a.getSrcSet(d)}function g(){var b;return(b=l==null?void 0:l())!=null&&b.match(/builder\.io/)&&!e.noWebp?l().replace(/\?/g,"?format=webp&"):""}function S(){const b={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?b:void 0}return t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[g()?t.jsx(t.Fragment,{children:t.jsx("source",{type:"image/webp",srcSet:g()})}):null,t.jsx("img",{loading:"lazy",alt:e.altText,role:e.altText?"presentation":void 0,style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...S()},className:"builder-image"+(e.className?" "+e.className:"")+" img-40c70c9b",src:e.image,srcSet:l(),sizes:e.sizes})]}),e.aspectRatio&&!((m=(s=e.builderBlock)==null?void 0:s.children)!=null&&m.length&&e.fitContent)?t.jsx(t.Fragment,{children:t.jsx("div",{className:"builder-image-sizer div-40c70c9b",style:{paddingTop:e.aspectRatio*100+"%"}})}):null,(v=(x=e.builderBlock)==null?void 0:x.children)!=null&&v.length&&e.fitContent?t.jsx(t.Fragment,{children:e.children}):null,!e.fitContent&&e.children?t.jsx(t.Fragment,{children:t.jsx("div",{className:"div-40c70c9b-2",children:e.children})}):null]}),t.jsx("style",{children:`.img-40c70c9b {
+  opacity: 1;
+  transition: opacity 0.2s ease-in-out;
+}.div-40c70c9b {
+  width: 100%;
+  pointer-events: none;
+  font-size: 0;
+}.div-40c70c9b-2 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}`})]})}function Q(e){return t.jsx("section",{...e.attributes,style:{width:"100%",alignSelf:"stretch",flexGrow:1,boxSizing:"border-box",maxWidth:e.maxWidth||1200,display:"flex",flexDirection:"column",alignItems:"stretch",marginLeft:"auto",marginRight:"auto"},children:e.children})}function X(e){const l=r.useRef(null),[g,S]=r.useState(()=>[]),[s,m]=r.useState(()=>[]);return r.useEffect(()=>{var v;if(!((v=l.current)!=null&&v.getElementsByTagName)||typeof window>"u")return;const x=l.current.getElementsByTagName("script");for(let b=0;b<x.length;b++){const d=x[b];if(d.src){if(g.includes(d.src))continue;g.push(d.src);const f=document.createElement("script");f.async=!0,f.src=d.src,document.head.appendChild(f)}else if(!d.type||["text/javascript","application/javascript","application/ecmascript"].includes(d.type)){if(s.includes(d.innerText))continue;try{s.push(d.innerText),new Function(d.innerText)()}catch(f){console.warn("`CustomCode`: Error running script:",f)}}}},[]),t.jsx("div",{ref:l,className:"builder-custom-code"+(e.replaceNodes?" replace-nodes":""),dangerouslySetInnerHTML:{__html:e.code}})}function Y(e){const l=r.useRef(null),[g,S]=r.useState(()=>[]),[s,m]=r.useState(()=>[]),[x,v]=r.useState(()=>!1);function b(){if(!l.current||!l.current.getElementsByTagName)return;const d=l.current.getElementsByTagName("script");for(let f=0;f<d.length;f++){const y=d[f];if(y.src&&!g.includes(y.src)){g.push(y.src);const k=document.createElement("script");k.async=!0,k.src=y.src,document.head.appendChild(k)}else if(a.isJsScript(y)&&!s.includes(y.innerText))try{s.push(y.innerText),new Function(y.innerText)()}catch(k){console.warn("`Embed`: Error running script:",k)}}}return r.useEffect(()=>{l.current&&!x&&(v(!0),b())},[l.current,x]),t.jsx("div",{className:"builder-embed",ref:l,dangerouslySetInnerHTML:{__html:e.content}})}function Z(e){return t.jsx("img",{style:{objectFit:e.backgroundSize||"cover",objectPosition:e.backgroundPosition||"center"},alt:e.altText,src:e.imgSrc||e.image,...e.attributes},a.isEditing()&&e.imgSrc||"default-key")}function p(e){var S,s,m,x,v,b,d;function l(){return{...e.autoPlay===!0?{autoPlay:!0}:{},...e.muted===!0?{muted:!0}:{},...e.controls===!0?{controls:!0}:{},...e.loop===!0?{loop:!0}:{},...e.playsInline===!0?{playsInline:!0}:{}}}function g(){return{...l()}}return t.jsxs("div",{style:{position:"relative"},children:[t.jsx("video",{className:"builder-video",...g(),preload:e.preload||"metadata",style:{width:"100%",height:"100%",...(S=e.attributes)==null?void 0:S.style,objectFit:e.fit,objectPosition:e.position,zIndex:2,borderRadius:"1px",...e.aspectRatio?{position:"absolute"}:null},src:e.video||"no-src",poster:e.posterImage,children:e.lazyLoad?null:t.jsx("source",{type:"video/mp4",src:e.video})}),e.aspectRatio&&!(e.fitContent&&((m=(s=e.builderBlock)==null?void 0:s.children)!=null&&m.length))?t.jsx(t.Fragment,{children:t.jsx("div",{style:{width:"100%",paddingTop:e.aspectRatio*100+"%",pointerEvents:"none",fontSize:"0px"}})}):null,(v=(x=e.builderBlock)==null?void 0:x.children)!=null&&v.length&&e.fitContent?t.jsx(t.Fragment,{children:t.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"stretch"},children:e.children})}):null,(d=(b=e.builderBlock)==null?void 0:b.children)!=null&&d.length&&!e.fitContent?t.jsx(t.Fragment,{children:t.jsx("div",{style:{pointerEvents:"none",display:"flex",flexDirection:"column",alignItems:"stretch",position:"absolute",top:"0",left:"0",width:"100%",height:"100%"},children:e.children})}):null]})}const ee=r.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{},BlocksWrapper:"div",BlocksWrapperProps:{}});function te(e){var I,P,T,F,B,N,L;const l=r.useRef(null),[g,S]=r.useState(()=>0);r.useState(()=>!0);function s(n){var c,o;const i={...e.builderContextSignal.rootState,...n};e.builderContextSignal.rootSetState?(o=(c=e.builderContextSignal).rootSetState)==null||o.call(c,i):e.builderContextSignal.rootState=i}function m(n){var c,o,u,h,W;const i={...e.builderContextSignal.content,...n,data:{...(c=e.builderContextSignal.content)==null?void 0:c.data,...n==null?void 0:n.data},meta:{...(o=e.builderContextSignal.content)==null?void 0:o.meta,...n==null?void 0:n.meta,breakpoints:((u=n==null?void 0:n.meta)==null?void 0:u.breakpoints)||((W=(h=e.builderContextSignal.content)==null?void 0:h.meta)==null?void 0:W.breakpoints)}};M.postPreviewContent({value:i,key:i.id}).then(()=>{z.refresh()})}r.useState(()=>0);const[x,v]=r.useState(()=>!1),[b,d]=r.useState(()=>e.contentWrapper||"div");function f(n){var c;if(!a.isFromTrustedHost(e.trustedHosts,n))return;const{data:i}=n;if(i)switch(i.type){case"builder.configureSdk":{const o=i.data,{breakpoints:u,contentId:h}=o;if(!h||h!==((c=e.builderContextSignal.content)==null?void 0:c.id))return;u&&m({meta:{breakpoints:u}}),S(g+1);break}case"builder.contentUpdate":{const o=i.data,u=o.key||o.alias||o.entry||o.modelName,h=o.data;u===e.model&&(m(h),S(g+1));break}}}function y(){var i,c;const n=(c=(i=e.builderContextSignal.content)==null?void 0:i.data)==null?void 0:c.jsCode;n&&a.evaluate({code:n,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})}const[k,ne]=r.useState(()=>({})),[E,K]=r.useState(()=>!1);function q(n){var i,c;if(e.builderContextSignal.content){const o=(i=e.builderContextSignal.content)==null?void 0:i.testVariationId,u=(c=e.builderContextSignal.content)==null?void 0:c.id;a._track({type:"click",canTrack:a.getDefaultCanTrack(e.canTrack),contentId:u,apiKey:e.apiKey,variationId:o!==u?o:void 0,...a.getInteractionPropertiesForEvent(n),unique:!E})}E||K(!0)}function A(n){return n.replace(/{{([^}]+)}}/g,(i,c)=>a.evaluate({code:c,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))}function _({url:n,key:i}){a.fetch(n).then(c=>c.json()).then(c=>{var u,h;const o={...e.builderContextSignal.rootState,[i]:c};(h=(u=e.builderContextSignal).rootSetState)==null||h.call(u,o),k[i]=!0}).catch(c=>{console.error("error fetching dynamic data",n,c)})}function j(){var i,c;const n=((c=(i=e.builderContextSignal.content)==null?void 0:i.data)==null?void 0:c.httpRequests)??{};Object.entries(n).forEach(([o,u])=>{if(u&&(!k[o]||a.isEditing())){const h=A(u);_({url:h,key:o})}})}function C(){a.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:a.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function w(n){S(g+1),window.addEventListener("message",f),a.registerInsertMenu(),a.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.includeRefs?{includeRefs:e.includeRefs}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(i=>{var o;const c=a.createRegisterComponentMessage(i);(o=window.parent)==null||o.postMessage(c,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",C)}function R(n){const i=new URL(location.href).searchParams,c=i.get("builder.preview"),o=i.get(`builder.preview.${c}`),u=i.get("apiKey")||i.get("builder.space");c===e.model&&u===e.apiKey&&(!e.content||o===e.content.id)&&a.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(h=>{h&&m(h)})}const z=D.useRouter();return r.useEffect(()=>{var n;return(n=l.current)==null||n.addEventListener("initeditingbldr",w),()=>{var i;return(i=l.current)==null?void 0:i.removeEventListener("initeditingbldr",w)}},[]),r.useEffect(()=>{var n;return(n=l.current)==null||n.addEventListener("initpreviewingbldr",R),()=>{var i;return(i=l.current)==null?void 0:i.removeEventListener("initpreviewingbldr",R)}},[]),r.useEffect(()=>{var n,i;if(a.isBrowser()){if(a.isEditing()&&l.current&&l.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&a.getDefaultCanTrack(e.canTrack)){const o=(n=e.builderContextSignal.content)==null?void 0:n.testVariationId,u=(i=e.builderContextSignal.content)==null?void 0:i.id,h=e.apiKey;a._track({type:"impression",canTrack:!0,contentId:u,apiKey:h,variationId:o!==u?o:void 0})}a.isPreviewing()&&l.current}},[]),r.useEffect(()=>{e.apiKey||a.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),y(),j(),C()},[]),r.useEffect(()=>{},[e.content]),r.useEffect(()=>{a.isBrowser()&&(window.removeEventListener("message",f),window.addEventListener("message",f))},[x]),r.useEffect(()=>{y()},[(P=(I=e.builderContextSignal.content)==null?void 0:I.data)==null?void 0:P.jsCode,e.builderContextSignal.rootState]),r.useEffect(()=>{j()},[(F=(T=e.builderContextSignal.content)==null?void 0:T.data)==null?void 0:F.httpRequests]),r.useEffect(()=>{C()},[e.builderContextSignal.rootState]),r.useEffect(()=>{e.data&&s(e.data)},[e.data]),r.useEffect(()=>{e.locale&&s({locale:e.locale})},[e.locale]),r.useEffect(()=>()=>{a.isBrowser()&&(window.removeEventListener("message",f),window.removeEventListener("builder:component:stateChangeListenerActivated",C))},[]),t.jsx(ee.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?t.jsx(t.Fragment,{children:r.createElement(b,{key:g,ref:l,onClick:n=>q(n),"builder-content-id":(B=e.builderContextSignal.content)==null?void 0:B.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps,className:`variant-${((N=e.content)==null?void 0:N.testVariationId)||((L=e.content)==null?void 0:L.id)}`},e.children)}):null})}exports.BlockWrapper=U;exports.BlocksWrapper=J;exports.Button=V;exports.CustomCode=X;exports.Embed=Y;exports.EnableEditor=te;exports.FragmentComponent=$;exports.Image=G;exports.ImgComponent=Z;exports.InteractiveElement=O;exports.SectionComponent=Q;exports.Video=p;

package/lib/{browser/USE_SERVER_BUNDLE-153f7d4b.js → node/USE_SERVER_BUNDLE-610c83b3.js}

@@ -1,5 +1,5 @@
 "use server";
-import { p as s } from "./bundle-7e2a44d9.js";
+import { t as s } from "./bundle-1f73ead0.js";
 async function n({
   key: t,
   value: r

package/lib/{browser/USE_SERVER_BUNDLE-a0bf6d8f.cjs → node/USE_SERVER_BUNDLE-a5db98bc.cjs}

@@ -1 +1 @@
-"use server";"use strict";const n=require("./bundle-6435b7fb.cjs");async function s({key:e,value:t}){return n.init(),globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e,t),{[e]:t}}exports.postPreviewContent=s;
+"use server";"use strict";const n=require("./bundle-4efd9623.cjs");async function s({key:e,value:t}){return n.init(),globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e,t),{[e]:t}}exports.postPreviewContent=s;

package/lib/node/{bundle-217b5738.js → bundle-1f73ead0.js}

@@ -1,7 +1,7 @@
 import { LRUCache } from "lru-cache";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { createElement } from "react";
-import { I as InteractiveElement, B as BlockWrapper, a as BlocksWrapper, b as Button, C as CustomCode, E as Embed, F as FragmentComponent, c as Image, d as ImgComponent, S as SectionComponent, V as Video, e as EnableEditor } from "./USE_CLIENT_BUNDLE-f4804af3.js";
+import { I as InteractiveElement, B as BlockWrapper, a as BlocksWrapper, b as Button, C as CustomCode, E as Embed, F as FragmentComponent, c as Image, d as ImgComponent, S as SectionComponent, V as Video, e as EnableEditor } from "./USE_CLIENT_BUNDLE-d30db795.js";
 import "next/navigation";
 function getBlockComponentOptions(e) {
   var t;
@@ -187,21 +187,21 @@ output;
     context: n,
     event: o,
     state: s
-  }), m = getIsolateContext(), d = m.global;
-  d.setSync("global", d.derefInto()), d.setSync("log", function(...u) {
-    console.log(...u);
-  }), d.setSync(BUILDER_SET_STATE_NAME, function(u, f) {
-    set(a, u, f), i == null || i(a);
-  }), c.forEach(([u, f]) => {
-    const l = typeof f == "object" ? new ivm.Reference(
+  }), m = getIsolateContext(), f = m.global;
+  f.setSync("global", f.derefInto()), f.setSync("log", function(...d) {
+    console.log(...d);
+  }), f.setSync(BUILDER_SET_STATE_NAME, function(d, u) {
+    set(a, d, u), i == null || i(a);
+  }), c.forEach(([d, u]) => {
+    const l = typeof u == "object" ? new ivm.Reference(
       // workaround: methods with default values for arguments is not being cloned over
-      u === "builder" ? {
-        ...f,
-        getUserAttributes: () => f.getUserAttributes()
-      } : f
+      d === "builder" ? {
+        ...u,
+        getUserAttributes: () => u.getUserAttributes()
+      } : u
     ) : null;
-    d.setSync(getSyncValName(u), l);
-  }), d.setSync(INJECTED_IVM_GLOBAL, ivm);
+    f.setSync(getSyncValName(d), l);
+  }), f.setSync(INJECTED_IVM_GLOBAL, ivm);
   const p = processCode({
     code: e,
     args: c
@@ -295,7 +295,7 @@ function getProcessedBlock({
     context: t
   }) : a;
 }
-const EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], isEmptyHtmlElement = (e) => typeof e == "string" && EMPTY_HTML_ELEMENTS.includes(e.toLowerCase()), getComponent = ({
+const getComponent = ({
   block: e,
   context: t,
   registeredComponents: n
@@ -433,28 +433,28 @@ function BlockStyles(e) {
       shouldEvaluateBindings: !0
     }), i = r.responsiveStyles, a = e.context.content, s = getSizesForBreakpoints(
       ((l = a == null ? void 0 : a.meta) == null ? void 0 : l.breakpoints) || {}
-    ), c = i == null ? void 0 : i.large, m = i == null ? void 0 : i.medium, d = i == null ? void 0 : i.small, p = r.id;
+    ), c = i == null ? void 0 : i.large, m = i == null ? void 0 : i.medium, f = i == null ? void 0 : i.small, p = r.id;
     if (!p)
       return "";
     const g = c ? createCssClass({
       className: p,
       styles: c
-    }) : "", u = m ? createCssClass({
+    }) : "", d = m ? createCssClass({
       className: p,
       styles: m,
       mediaQuery: getMaxWidthQueryForSize(
         "medium",
         s
       )
-    }) : "", f = d ? createCssClass({
+    }) : "", u = f ? createCssClass({
       className: p,
-      styles: d,
+      styles: f,
       mediaQuery: getMaxWidthQueryForSize(
         "small",
         s
       )
     }) : "";
-    return [g, u, f].join(" ");
+    return [g, d, u].join(" ");
   };
   return /* @__PURE__ */ jsx(Fragment, { children: n() && t() ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { styles: n() }) }) : null });
 }
@@ -529,7 +529,7 @@ function getStyleAttribute(e) {
       return e;
   }
 }
-const getWrapperProps = ({
+const EMPTY_HTML_ELEMENTS = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), isEmptyElement = (e) => typeof e == "string" && EMPTY_HTML_ELEMENTS.has(e.toLowerCase()), getWrapperProps = ({
   componentOptions: e,
   builderBlock: t,
   context: n,
@@ -598,7 +598,7 @@ function RepeatedBlock(e) {
   );
 }
 function Block(e) {
-  var m, d, p;
+  var m, f, p;
   const t = function() {
     return getComponent({
       block: e.block,
@@ -611,8 +611,8 @@ function Block(e) {
       context: e.context
     });
   }, o = function() {
-    var u;
-    return (u = e.block.repeat) != null && u.collection ? e.block : getProcessedBlock({
+    var d;
+    return (d = e.block.repeat) != null && d.collection ? e.block : getProcessedBlock({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -626,20 +626,20 @@ function Block(e) {
     var l, h;
     if ((l = e.block.repeat) != null && l.collection)
       return !!((h = n()) != null && h.length);
-    const u = "hide" in o() ? o().hide : !1;
-    return ("show" in o() ? o().show : !0) && !u;
+    const d = "hide" in o() ? o().hide : !1;
+    return ("show" in o() ? o().show : !0) && !d;
   }, a = function() {
-    var f;
-    return !((f = t()) != null && f.component) && !n() ? o().children ?? [] : [];
+    var u;
+    return !((u = t()) != null && u.component) && !n() ? o().children ?? [] : [];
   }, s = function() {
-    var u, f, l, h, y;
+    var d, u, l, h, y;
     return {
       blockChildren: o().children ?? [],
-      componentRef: (u = t()) == null ? void 0 : u.component,
+      componentRef: (d = t()) == null ? void 0 : d.component,
       componentOptions: {
         ...getBlockComponentOptions(o()),
         builderContext: e.context,
-        ...((f = t()) == null ? void 0 : f.name) === "Symbol" || ((l = t()) == null ? void 0 : l.name) === "Columns" ? {
+        ...((u = t()) == null ? void 0 : u.name) === "Symbol" || ((l = t()) == null ? void 0 : l.name) === "Columns" ? {
           builderComponents: e.registeredComponents
         } : {}
       },
@@ -664,59 +664,46 @@ function Block(e) {
         includeBlockProps: s().includeBlockProps,
         isInteractive: s().isInteractive
       }
-    ) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      isEmptyHtmlElement(r()) ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-        BlockWrapper,
-        {
-          Wrapper: r(),
-          block: o(),
-          context: e.context,
-          hasChildren: !1
-        }
-      ) }) : null,
-      !isEmptyHtmlElement(r()) && n() ? /* @__PURE__ */ jsx(Fragment, { children: (d = n()) == null ? void 0 : d.map((g, u) => /* @__PURE__ */ jsx(
-        RepeatedBlock,
-        {
-          repeatContext: g.context,
-          block: g.block,
-          registeredComponents: e.registeredComponents
-        },
-        u
-      )) }) : null,
-      !isEmptyHtmlElement(r()) && !n() ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
-        BlockWrapper,
-        {
-          Wrapper: r(),
-          block: o(),
-          context: e.context,
-          hasChildren: !0,
-          children: [
-            /* @__PURE__ */ jsx(
-              ComponentRef,
-              {
-                componentRef: s().componentRef,
-                componentOptions: s().componentOptions,
-                blockChildren: s().blockChildren,
-                context: s().context,
-                registeredComponents: s().registeredComponents,
-                builderBlock: s().builderBlock,
-                includeBlockProps: s().includeBlockProps,
-                isInteractive: s().isInteractive
-              }
-            ),
-            (p = a()) == null ? void 0 : p.map((g) => /* @__PURE__ */ jsx(
-              Block,
-              {
-                block: g,
-                context: c,
-                registeredComponents: e.registeredComponents
-              },
-              g.id
-            ))
-          ]
-        }
-      ) }) : null
-    ] })
+    ) }) : /* @__PURE__ */ jsx(Fragment, { children: n() ? /* @__PURE__ */ jsx(Fragment, { children: (p = n()) == null ? void 0 : p.map((g, d) => /* @__PURE__ */ jsx(
+      RepeatedBlock,
+      {
+        repeatContext: g.context,
+        block: g.block,
+        registeredComponents: e.registeredComponents
+      },
+      d
+    )) }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+      BlockWrapper,
+      {
+        Wrapper: r(),
+        block: o(),
+        context: e.context,
+        children: [
+          /* @__PURE__ */ jsx(
+            ComponentRef,
+            {
+              componentRef: s().componentRef,
+              componentOptions: s().componentOptions,
+              blockChildren: s().blockChildren,
+              context: s().context,
+              registeredComponents: s().registeredComponents,
+              builderBlock: s().builderBlock,
+              includeBlockProps: s().includeBlockProps,
+              isInteractive: s().isInteractive
+            }
+          ),
+          (f = a()) == null ? void 0 : f.map((g) => /* @__PURE__ */ jsx(
+            Block,
+            {
+              block: g,
+              context: c,
+              registeredComponents: e.registeredComponents
+            },
+            g.id
+          ))
+        ]
+      }
+    ) }) })
   ] }) : null });
 }
 function Blocks(e) {
@@ -743,7 +730,7 @@ function Blocks(e) {
   );
 }
 function Columns(e) {
-  var u;
+  var d;
   const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], o = e.stackColumnsAt || "tablet", r = function(l) {
     var h;
     return ((h = n[l]) == null ? void 0 : h.width) || 100 / n.length;
@@ -768,13 +755,13 @@ function Columns(e) {
         desktopStyle: "row"
       })
     };
-  }, d = function(l) {
-    const h = l === 0 ? 0 : t, y = i(l), b = `${h}px`, v = "100%", x = 0;
+  }, f = function(l) {
+    const h = l === 0 ? 0 : t, y = i(l), b = `${h}px`, I = "100%", x = 0;
     return {
       width: y,
       ["marginLeft"]: b,
       "--column-width-mobile": s({
-        stackedStyle: v,
+        stackedStyle: I,
         desktopStyle: y
       }),
       "--column-margin-left-mobile": s({
@@ -782,7 +769,7 @@ function Columns(e) {
         desktopStyle: b
       }),
       "--column-width-tablet": a({
-        stackedStyle: v,
+        stackedStyle: I,
         desktopStyle: y
       }),
       "--column-margin-left-tablet": a({
@@ -830,11 +817,11 @@ function Columns(e) {
         style: m(),
         children: [
           /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { styles: g() }) }),
-          (u = e.columns) == null ? void 0 : u.map((f, l) => /* @__PURE__ */ createElement(
+          (d = e.columns) == null ? void 0 : d.map((u, l) => /* @__PURE__ */ createElement(
             "div",
             {
               className: "builder-column div-39daef82-2",
-              style: d(l),
+              style: f(l),
               key: l
             },
             /* @__PURE__ */ jsx(
@@ -847,7 +834,7 @@ function Columns(e) {
                 },
                 context: e.builderContext,
                 registeredComponents: e.builderComponents,
-                blocks: f.blocks
+                blocks: u.blocks
               }
             )
           ))
@@ -1338,13 +1325,13 @@ const getTopLevelDomain = (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(a, s = 6e4) {
         return new Promise((c, m) => {
-          const d = document.createElement("img");
+          const f = document.createElement("img");
           let p = !1;
-          d.onload = () => {
-            p = !0, c(d);
-          }, d.addEventListener("error", (g) => {
+          f.onload = () => {
+            p = !0, c(f);
+          }, f.addEventListener("error", (g) => {
             console.warn("Image load failed", g.error), m(g.error);
-          }), d.src = a, setTimeout(() => {
+          }), f.src = a, setTimeout(() => {
             p || m(new Error("Image load timed out"));
           }, s);
         });
@@ -1893,32 +1880,32 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     includeRefs: s = !0,
     enrich: c,
     locale: m,
-    apiVersion: d = DEFAULT_API_VERSION,
+    apiVersion: f = DEFAULT_API_VERSION,
     fields: p,
     omit: g,
-    offset: u,
-    cacheSeconds: f,
+    offset: d,
+    cacheSeconds: u,
     staleCacheSeconds: l,
     sort: h,
     includeUnpublished: y
   } = e;
   if (!a)
     throw new Error("Missing API key");
-  if (!["v2", "v3"].includes(d))
-    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${d}'`);
+  if (!["v2", "v3"].includes(f))
+    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${f}'`);
   (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
-  const b = new URL(`https://cdn.builder.io/api/${d}/content/${i}?apiKey=${a}&limit=${n}&noTraverse=${t}&includeRefs=${s}${m ? `&locale=${m}` : ""}${c ? `&enrich=${c}` : ""}`);
-  if (b.searchParams.set("omit", g || "meta.componentsUsed"), p && b.searchParams.set("fields", p), Number.isFinite(u) && u > -1 && b.searchParams.set("offset", String(Math.floor(u))), typeof y == "boolean" && b.searchParams.set("includeUnpublished", String(y)), f && isPositiveNumber(f) && b.searchParams.set("cacheSeconds", String(f)), l && isPositiveNumber(l) && b.searchParams.set("staleCacheSeconds", String(l)), h) {
+  const b = new URL(`https://cdn.builder.io/api/${f}/content/${i}?apiKey=${a}&limit=${n}&noTraverse=${t}&includeRefs=${s}${m ? `&locale=${m}` : ""}${c ? `&enrich=${c}` : ""}`);
+  if (b.searchParams.set("omit", g || "meta.componentsUsed"), p && b.searchParams.set("fields", p), Number.isFinite(d) && d > -1 && b.searchParams.set("offset", String(Math.floor(d))), typeof y == "boolean" && b.searchParams.set("includeUnpublished", String(y)), u && isPositiveNumber(u) && b.searchParams.set("cacheSeconds", String(u)), l && isPositiveNumber(l) && b.searchParams.set("staleCacheSeconds", String(l)), h) {
     const S = flatten({
       sort: h
     });
     for (const C in S)
       b.searchParams.set(C, JSON.stringify(S[C]));
   }
-  const v = {
+  const I = {
     ...getBuilderSearchParamsFromWindow(),
     ...normalizeSearchParams(e.options || {})
-  }, x = flatten(v);
+  }, x = flatten(I);
   for (const S in x)
     b.searchParams.set(S, String(x[S]));
   if (o && b.searchParams.set("userAttributes", JSON.stringify(o)), r) {
@@ -1977,7 +1964,11 @@ async function fetchEntries(e) {
     return logger.error("Error fetching data. ", t), null;
   }
 }
-const getAllContent = fetchEntries;
+const getAllContent = fetchEntries, DEFAULT_TRUSTED_HOSTS = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function isFromTrustedHost(e, t) {
+  const n = new URL(t.origin), o = n.hostname;
+  return (e || DEFAULT_TRUSTED_HOSTS).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
+}
 function isPreviewing() {
   return !isBrowser() || isEditing() ? !1 : location.search.indexOf("builder.preview=") !== -1;
 }
@@ -2165,7 +2156,7 @@ const findParentElement = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, SDK_VERSION = "0.12.1", registry = {};
+}, SDK_VERSION = "0.12.2", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -2225,40 +2216,43 @@ const setupBrowserForEditing = (e = {}) => {
     data: {
       options: e
     }
-  }, "*"), window.addEventListener("message", ({
-    data: o
-  }) => {
-    var r, i;
-    if (o != null && o.type)
-      switch (o.type) {
+  }, "*"), window.addEventListener("message", (o) => {
+    var i, a;
+    if (!isFromTrustedHost(e.trustedHosts, o))
+      return;
+    const {
+      data: r
+    } = o;
+    if (r != null && r.type)
+      switch (r.type) {
         case "builder.evaluate": {
-          const a = o.data.text, s = o.data.arguments || [], c = o.data.id, m = new Function(a);
-          let d, p = null;
+          const s = r.data.text, c = r.data.arguments || [], m = r.data.id, f = new Function(s);
+          let p, g = null;
           try {
-            d = m.apply(null, s);
-          } catch (g) {
-            p = g;
+            p = f.apply(null, c);
+          } catch (d) {
+            g = d;
           }
-          p ? (r = window.parent) == null || r.postMessage({
+          g ? (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateError",
             data: {
-              id: c,
-              error: p.message
+              id: m,
+              error: g.message
             }
-          }, "*") : d && typeof d.then == "function" ? d.then((g) => {
+          }, "*") : p && typeof p.then == "function" ? p.then((d) => {
             var u;
             (u = window.parent) == null || u.postMessage({
               type: "builder.evaluateResult",
               data: {
-                id: c,
-                result: g
+                id: m,
+                result: d
               }
             }, "*");
-          }).catch(console.error) : (i = window.parent) == null || i.postMessage({
+          }).catch(console.error) : (a = window.parent) == null || a.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: d,
-              id: c
+              result: p,
+              id: m
             }
           }, "*");
           break;
@@ -2354,7 +2348,7 @@ const getRootStateInitialValue = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function ContentComponent(e) {
-  var r, i, a, s, c, m, d, p, g;
+  var r, i, a, s, c, m, f, p, g;
   const t = getUpdateVariantVisibilityScript({
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
     variationId: (r = e.content) == null ? void 0 : r.testVariationId,
@@ -2370,10 +2364,10 @@ function ContentComponent(e) {
     ...components,
     ...e.customComponents || []
   ].reduce(
-    (u, { component: f, ...l }) => ({
-      ...u,
+    (d, { component: u, ...l }) => ({
+      ...d,
       [l.name]: {
-        component: f,
+        component: u,
         ...serializeComponentInfo(l)
       }
     }),
@@ -2403,8 +2397,8 @@ function ContentComponent(e) {
       ...components,
       ...e.customComponents || []
     ].reduce(
-      (u, { component: f, ...l }) => ({
-        ...u,
+      (d, { component: u, ...l }) => ({
+        ...d,
         [l.name]: serializeComponentInfo(l)
       }),
       {}
@@ -2429,6 +2423,7 @@ function ContentComponent(e) {
       builderContextSignal: o,
       contentWrapper: e.contentWrapper,
       contentWrapperProps: e.contentWrapperProps,
+      trustedHosts: e.trustedHosts,
       children: [
         e.isSsrAbTest ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedScript, { scriptStr: t }) }) : null,
         /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
@@ -2436,7 +2431,7 @@ function ContentComponent(e) {
           {
             contentId: (a = o.content) == null ? void 0 : a.id,
             cssCode: (c = (s = o.content) == null ? void 0 : s.data) == null ? void 0 : c.cssCode,
-            customFonts: (d = (m = o.content) == null ? void 0 : m.data) == null ? void 0 : d.customFonts
+            customFonts: (f = (m = o.content) == null ? void 0 : m.data) == null ? void 0 : f.customFonts
           }
         ) }),
         /* @__PURE__ */ jsx(
@@ -2507,7 +2502,8 @@ function ContentVariants(e) {
           blocksWrapper: e.blocksWrapper,
           blocksWrapperProps: e.blocksWrapperProps,
           contentWrapper: e.contentWrapper,
-          contentWrapperProps: e.contentWrapperProps
+          contentWrapperProps: e.contentWrapperProps,
+          trustedHosts: e.trustedHosts
         },
         s.testVariationId
       ))
@@ -2531,7 +2527,8 @@ function ContentVariants(e) {
         blocksWrapper: e.blocksWrapper,
         blocksWrapperProps: e.blocksWrapperProps,
         contentWrapper: e.contentWrapper,
-        contentWrapperProps: e.contentWrapperProps
+        contentWrapperProps: e.contentWrapperProps,
+        trustedHosts: e.trustedHosts
       }
     )
   ] });
@@ -2558,12 +2555,12 @@ const fetchSymbolContent = async ({
 async function Symbol$1(e) {
   var o, r, i, a, s;
   const t = function() {
-    var m, d;
+    var m, f;
     return [
       e.attributes.className,
       "builder-symbol",
       (m = e.symbol) != null && m.inline ? "builder-inline-symbol" : void 0,
-      (d = e.symbol) != null && d.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
+      (f = e.symbol) != null && f.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }, n = ((o = e.symbol) == null ? void 0 : o.content) || await fetchSymbolContent({
     symbol: e.symbol,
@@ -2622,39 +2619,41 @@ const fetchBuilderProps = async (e) => {
   };
 };
 export {
-  getBuilderSearchParams as A,
+  getAllContent as A,
   Blocks as B,
   ContentVariants as C,
-  track as D,
-  fetchBuilderProps as E,
+  getContent as D,
+  getBuilderSearchParams as E,
+  track as F,
+  fetchBuilderProps as G,
   RenderBlocks as R,
   Symbol$1 as S,
   Text as T,
   _track as _,
   getBlockActions as a,
-  getSrcSet as b,
-  isJsScript as c,
-  isBrowser as d,
-  getDefaultCanTrack as e,
-  isPreviewing as f,
+  isEditing as b,
+  getSrcSet as c,
+  isJsScript as d,
+  isBrowser as e,
+  getDefaultCanTrack as f,
   getBlockProperties as g,
-  evaluate as h,
-  isEditing as i,
-  getInteractionPropertiesForEvent as j,
-  fastClone as k,
+  isPreviewing as h,
+  isEmptyElement as i,
+  isFromTrustedHost as j,
+  evaluate as k,
   logger as l,
-  createRegisterComponentMessage as m,
-  fetchOneEntry as n,
-  fetch$1 as o,
-  init as p,
-  RenderContent as q,
+  getInteractionPropertiesForEvent as m,
+  fastClone as n,
+  createRegisterComponentMessage as o,
+  fetchOneEntry as p,
+  fetch$1 as q,
   registerInsertMenu as r,
   setupBrowserForEditing as s,
-  Columns as t,
-  register as u,
-  setEditorSettings as v,
-  _processContentResult as w,
-  fetchEntries as x,
-  getAllContent as y,
-  getContent as z
+  init as t,
+  RenderContent as u,
+  Columns as v,
+  register as w,
+  setEditorSettings as x,
+  _processContentResult as y,
+  fetchEntries as z
 };