@builder.io/sdk-react-nextjs 0.20.1 → 0.22.0

package/lib/browser/helpers/subscribe-to-editor.mjs

@@ -1,13 +1,13 @@
-import { isBrowser as d } from "../functions/is-browser.mjs";
-import { isFromTrustedHost as c } from "../functions/is-from-trusted-host.mjs";
-import { setupBrowserForEditing as m } from "../scripts/init-editing.mjs";
-import { logger as u } from "./logger.mjs";
+import { isBrowser as c } from "../functions/is-browser.mjs";
+import { isFromTrustedHost as m } from "../functions/is-from-trusted-host.mjs";
+import { setupBrowserForEditing as u } from "../scripts/init-editing.mjs";
+import { logger as p } from "./logger.mjs";
 const b = ({
   model: o,
-  trustedHosts: i,
+  trustedHosts: s,
   callbacks: r
 }) => (n) => {
-  if (!c(i, n))
+  if (!m(s, n))
     return;
   const {
     data: t
@@ -23,28 +23,28 @@ const b = ({
         break;
       }
       case "builder.resetState": {
-        const e = t.data, s = e.model, a = e == null ? void 0 : e.state;
-        s === o && a && r.stateUpdate(a);
+        const e = t.data, a = e.model, i = e == null ? void 0 : e.state, d = e.editType;
+        a === o && i && r.stateUpdate(i, d);
         break;
       }
       case "builder.contentUpdate": {
-        const e = t.data, s = e.key || e.alias || e.entry || e.modelName, a = e.data;
-        s === o && r.contentUpdate(a);
+        const e = t.data, a = e.key || e.alias || e.entry || e.modelName, i = e.data, d = e.editType;
+        a === o && r.contentUpdate(i, d);
         break;
       }
     }
 }, k = ({
   model: o,
-  apiKey: i,
+  apiKey: s,
   callback: r,
   trustedHosts: n
 }) => {
-  if (!d)
-    return u.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
+  if (!c)
+    return p.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  m({
+  u({
     modelName: o,
-    apiKey: i
+    apiKey: s
   });
   const t = b({
     callbacks: {

package/lib/edge/blocks/symbol/symbol.cjs

@@ -1 +1 @@
-"use strict";const d=require("react/jsx-runtime"),x=require("../../components/content-variants/content-variants.cjs"),k=require("../../functions/get-class-prop-name.cjs"),f=require("./symbol.helpers.cjs");async function v(e){var n,i,l,o,a,c,r;const m=function(){return"div"},y=function(){return"div"},C=function(){var s,u;return[e.attributes[k.getClassPropName()],"builder-symbol",(s=e.symbol)!=null&&s.inline?"builder-inline-symbol":void 0,(u=e.symbol)!=null&&u.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")},t=((n=e.symbol)==null?void 0:n.content)||await f.fetchSymbolContent({symbol:e.symbol,builderContextValue:e.builderContext});return(i=e.symbol)==null||i.entry,d.jsx("div",{...e.attributes,className:C(),children:d.jsx(x,{nonce:e.builderContext.nonce,isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(l=e.builderBlock)==null?void 0:l.id},customComponents:Object.values(e.builderComponents),data:{...(o=e.symbol)==null?void 0:o.data,...e.builderContext.localState,...(a=t==null?void 0:t.data)==null?void 0:a.state},canTrack:e.builderContext.canTrack,model:(r=(c=e.symbol)==null?void 0:c.model)!=null?r:"",content:t,linkComponent:e.builderLinkComponent,blocksWrapper:m(),contentWrapper:y()})})}module.exports=v;
+"use strict";const m=require("react/jsx-runtime"),k=require("../../components/content-variants/content-variants.cjs"),f=require("../../functions/get-class-prop-name.cjs"),v=require("./symbol.helpers.cjs");async function N(e){var o,i,l,a,c,r,s;const d=function(){return"div"},y=function(){return"div"},C=function(){return Object.values(e.builderComponents)},x=function(){var u,b;return[e.attributes[f.getClassPropName()],"builder-symbol",(u=e.symbol)!=null&&u.inline?"builder-inline-symbol":void 0,(b=e.symbol)!=null&&b.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")},t=((o=e.symbol)==null?void 0:o.content)||await v.fetchSymbolContent({symbol:e.symbol,builderContextValue:e.builderContext});return(i=e.symbol)==null||i.entry,m.jsx("div",{...e.attributes,className:x(),children:m.jsx(k,{nonce:e.builderContext.nonce,isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(l=e.builderBlock)==null?void 0:l.id},customComponents:C(),data:{...(a=e.symbol)==null?void 0:a.data,...e.builderContext.localState,...(c=t==null?void 0:t.data)==null?void 0:c.state},canTrack:e.builderContext.canTrack,model:(s=(r=e.symbol)==null?void 0:r.model)!=null?s:"",content:t,linkComponent:e.builderLinkComponent,blocksWrapper:d(),contentWrapper:y()})})}module.exports=N;

package/lib/edge/blocks/symbol/symbol.mjs

@@ -1,51 +1,53 @@
 import { jsx as u } from "react/jsx-runtime";
 import x from "../../components/content-variants/content-variants.mjs";
-import { getClassPropName as f } from "../../functions/get-class-prop-name.mjs";
-import { fetchSymbolContent as k } from "./symbol.helpers.mjs";
-async function j(e) {
-  var n, o, i, l, a, r, c;
+import { getClassPropName as k } from "../../functions/get-class-prop-name.mjs";
+import { fetchSymbolContent as v } from "./symbol.helpers.mjs";
+async function S(t) {
+  var o, i, l, a, c, m, r;
   const s = function() {
     return "div";
   }, y = function() {
     return "div";
   }, C = function() {
+    return Object.values(t.builderComponents);
+  }, f = function() {
     var b, d;
     return [
-      e.attributes[f()],
+      t.attributes[k()],
       "builder-symbol",
-      (b = e.symbol) != null && b.inline ? "builder-inline-symbol" : void 0,
-      (d = e.symbol) != null && d.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
+      (b = t.symbol) != null && b.inline ? "builder-inline-symbol" : void 0,
+      (d = t.symbol) != null && d.dynamic || t.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
-  }, t = ((n = e.symbol) == null ? void 0 : n.content) || await k({
-    symbol: e.symbol,
-    builderContextValue: e.builderContext
+  }, e = ((o = t.symbol) == null ? void 0 : o.content) || await v({
+    symbol: t.symbol,
+    builderContextValue: t.builderContext
   });
-  return (o = e.symbol) == null || o.entry, /* @__PURE__ */ u("div", { ...e.attributes, className: C(), children: /* @__PURE__ */ u(
+  return (i = t.symbol) == null || i.entry, /* @__PURE__ */ u("div", { ...t.attributes, className: f(), children: /* @__PURE__ */ u(
     x,
     {
-      nonce: e.builderContext.nonce,
+      nonce: t.builderContext.nonce,
       isNestedRender: !0,
-      apiVersion: e.builderContext.apiVersion,
-      apiKey: e.builderContext.apiKey,
+      apiVersion: t.builderContext.apiVersion,
+      apiKey: t.builderContext.apiKey,
       context: {
-        ...e.builderContext.context,
-        symbolId: (i = e.builderBlock) == null ? void 0 : i.id
+        ...t.builderContext.context,
+        symbolId: (l = t.builderBlock) == null ? void 0 : l.id
       },
-      customComponents: Object.values(e.builderComponents),
+      customComponents: C(),
       data: {
-        ...(l = e.symbol) == null ? void 0 : l.data,
-        ...e.builderContext.localState,
-        ...(a = t == null ? void 0 : t.data) == null ? void 0 : a.state
+        ...(a = t.symbol) == null ? void 0 : a.data,
+        ...t.builderContext.localState,
+        ...(c = e == null ? void 0 : e.data) == null ? void 0 : c.state
       },
-      canTrack: e.builderContext.canTrack,
-      model: (c = (r = e.symbol) == null ? void 0 : r.model) != null ? c : "",
-      content: t,
-      linkComponent: e.builderLinkComponent,
+      canTrack: t.builderContext.canTrack,
+      model: (r = (m = t.symbol) == null ? void 0 : m.model) != null ? r : "",
+      content: e,
+      linkComponent: t.builderLinkComponent,
       blocksWrapper: s(),
       contentWrapper: y()
     }
   ) });
 }
 export {
-  j as default
+  S as default
 };

package/lib/edge/blocks/text/component-info.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={shouldReceiveBuilderProps:{},name:"Text",static:!0,isRSC:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",inputs:[{name:"text",type:"html",required:!0,autoFocus:!0,bubble:!0,defaultValue:"Enter some text..."}],defaultStyles:{lineHeight:"normal",height:"auto",textAlign:"center"}};exports.componentInfo=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={shouldReceiveBuilderProps:{},name:"Text",static:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",inputs:[{name:"text",type:"html",required:!0,autoFocus:!0,bubble:!0,defaultValue:"Enter some text..."}],defaultStyles:{lineHeight:"normal",height:"auto",textAlign:"center"}};exports.componentInfo=e;

package/lib/edge/blocks/text/component-info.mjs

@@ -2,7 +2,6 @@ const e = {
   shouldReceiveBuilderProps: {},
   name: "Text",
   static: !0,
-  isRSC: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
   inputs: [{
     name: "text",

package/lib/edge/blocks/text/text.cjs

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime");function r(e){var t;return n.jsx("div",{className:"builder-text",dangerouslySetInnerHTML:{__html:((t=e.text)==null?void 0:t.toString())||""},style:{outline:"none"}})}module.exports=r;
+"use client";"use strict";const n=require("react/jsx-runtime");function s(t){var e;return n.jsx("div",{className:"builder-text",dangerouslySetInnerHTML:{__html:((e=t.text)==null?void 0:e.toString())||""},style:{outline:"none"}})}module.exports=s;

package/lib/edge/blocks/text/text.mjs

@@ -1,5 +1,6 @@
+"use client";
 import { jsx as n } from "react/jsx-runtime";
-function o(e) {
+function l(e) {
   var t;
   return /* @__PURE__ */ n(
     "div",
@@ -13,5 +14,5 @@ function o(e) {
   );
 }
 export {
-  o as default
+  l as default
 };

package/lib/edge/components/block/block.cjs

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),v=require("../../constants/target.cjs"),S=require("../../functions/get-block-component-options.cjs"),j=require("../../functions/get-processed-block.cjs"),P=require("../../functions/is-previewing.cjs");require("../../helpers/user-attributes.cjs");require("../../functions/get-fetch.cjs");const d=require("./block.helpers.cjs"),q=require("./components/block-styles.cjs"),O=require("./components/block-wrapper.cjs"),h=require("./components/component-ref/component-ref.cjs"),p=require("./components/repeated-block.cjs");function b(e){var a,C,x,g;const m=function(){return d.getRepeatItemData({block:e.block,context:e.context})},u={value:null,update:!1},c=function(){var i;if(u.value&&!u.update&&!P.isPreviewing())return u.value;const r=(i=e.block.repeat)!=null&&i.collection?e.block:j.getProcessedBlock({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context});return u.value=r,u.update=!1,r},l=function(){return d.getComponent({block:c(),registeredComponents:e.registeredComponents,model:e.context.model})},f=function(){var i;return e.block.tagName==="a"||((i=c().properties)==null?void 0:i.href)||c().href?e.linkComponent||"a":e.block.tagName||"div"},B=function(){var s,k;if((s=e.block.repeat)!=null&&s.collection)return!!((k=m())!=null&&k.length);const r="hide"in c()?c().hide:!1;return("show"in c()?c().show:!0)&&!r},R=function(){var i,s;return!((i=l())!=null&&i.component)&&!m()?(s=c().children)!=null?s:[]:[]},n=function(){var r,i,s,k;return{blockChildren:(r=c().children)!=null?r:[],componentRef:(i=l())==null?void 0:i.component,componentOptions:{...S.getBlockComponentOptions(c(),e.context),...d.provideBuilderBlock(l(),c()),...d.provideBuilderContext(l(),e.context),...d.provideLinkComponent(l(),e.linkComponent),...d.provideRegisteredComponents(l(),e.registeredComponents,e.context.model)},context:e.context,linkComponent:e.linkComponent,registeredComponents:e.registeredComponents,builderBlock:c(),includeBlockProps:((s=l())==null?void 0:s.noWrap)===!0,isInteractive:!((k=l())!=null&&k.isRSC&&v.TARGET==="rsc")}};return t.jsx(t.Fragment,{children:B()?t.jsxs(t.Fragment,{children:[t.jsx(q,{block:c(),context:e.context}),(a=l())!=null&&a.noWrap?m()?t.jsx(t.Fragment,{children:(g=m())==null?void 0:g.map((o,r)=>t.jsx(p,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},d.generateKey(r)))}):t.jsx(h,{componentRef:n().componentRef,componentOptions:n().componentOptions,blockChildren:n().blockChildren,context:n().context,registeredComponents:n().registeredComponents,linkComponent:n().linkComponent,builderBlock:n().builderBlock,includeBlockProps:n().includeBlockProps,isInteractive:n().isInteractive}):t.jsx(t.Fragment,{children:m()?t.jsx(t.Fragment,{children:(x=m())==null?void 0:x.map((o,r)=>t.jsx(p,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},d.generateKey(r)))}):t.jsxs(O,{Wrapper:f(),block:c(),context:e.context,children:[t.jsx(h,{componentRef:n().componentRef,componentOptions:n().componentOptions,blockChildren:n().blockChildren,context:n().context,registeredComponents:n().registeredComponents,linkComponent:n().linkComponent,builderBlock:n().builderBlock,includeBlockProps:n().includeBlockProps,isInteractive:n().isInteractive}),(C=R())==null?void 0:C.map(o=>t.jsx(b,{block:o,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent,context:e.context},o.id))]})})]}):null})}module.exports=b;
+"use strict";const t=require("react/jsx-runtime"),v=require("../../constants/target.cjs"),j=require("../../functions/get-block-component-options.cjs"),P=require("../../functions/get-processed-block.cjs"),S=require("../../functions/is-previewing.cjs");require("../../helpers/user-attributes.cjs");require("../../functions/get-fetch.cjs");const d=require("./block.helpers.cjs"),q=require("./components/block-wrapper.cjs"),h=require("./components/component-ref/component-ref.cjs"),p=require("./components/repeated-block.cjs"),O=require("./components/style-wrapper.cjs");function b(e){var a,C,x,g;const m=function(){return d.getRepeatItemData({block:e.block,context:e.context})},u={value:null,update:!1},c=function(){var i;if(u.value&&!u.update&&!S.isPreviewing())return u.value;const r=(i=e.block.repeat)!=null&&i.collection?e.block:P.getProcessedBlock({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context});return u.value=r,u.update=!1,r},l=function(){return d.getComponent({block:c(),registeredComponents:e.registeredComponents,model:e.context.model})},f=function(){var i;return e.block.tagName==="a"||((i=c().properties)==null?void 0:i.href)||c().href?e.linkComponent||"a":e.block.tagName||"div"},B=function(){var s,k;if((s=e.block.repeat)!=null&&s.collection)return!!((k=m())!=null&&k.length);const r="hide"in c()?c().hide:!1;return("show"in c()?c().show:!0)&&!r},R=function(){var i,s;return!((i=l())!=null&&i.component)&&!m()?(s=c().children)!=null?s:[]:[]},n=function(){var r,i,s,k;return{blockChildren:(r=c().children)!=null?r:[],componentRef:(i=l())==null?void 0:i.component,componentOptions:{...j.getBlockComponentOptions(c(),e.context),...d.provideBuilderBlock(l(),c()),...d.provideBuilderContext(l(),e.context),...d.provideLinkComponent(l(),e.linkComponent),...d.provideRegisteredComponents(l(),e.registeredComponents,e.context.model)},context:e.context,linkComponent:e.linkComponent,registeredComponents:e.registeredComponents,builderBlock:c(),includeBlockProps:((s=l())==null?void 0:s.noWrap)===!0,isInteractive:!((k=l())!=null&&k.isRSC&&v.TARGET==="rsc")}};return t.jsx(t.Fragment,{children:B()?t.jsxs(t.Fragment,{children:[t.jsx(O,{block:c(),context:e.context,id:e.block.id}),(a=l())!=null&&a.noWrap?m()?t.jsx(t.Fragment,{children:(g=m())==null?void 0:g.map((o,r)=>t.jsx(p,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},d.generateKey(r)))}):t.jsx(h,{componentRef:n().componentRef,componentOptions:n().componentOptions,blockChildren:n().blockChildren,context:n().context,registeredComponents:n().registeredComponents,linkComponent:n().linkComponent,builderBlock:n().builderBlock,includeBlockProps:n().includeBlockProps,isInteractive:n().isInteractive}):t.jsx(t.Fragment,{children:m()?t.jsx(t.Fragment,{children:(x=m())==null?void 0:x.map((o,r)=>t.jsx(p,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},d.generateKey(r)))}):t.jsxs(q,{Wrapper:f(),block:c(),context:e.context,children:[t.jsx(h,{componentRef:n().componentRef,componentOptions:n().componentOptions,blockChildren:n().blockChildren,context:n().context,registeredComponents:n().registeredComponents,linkComponent:n().linkComponent,builderBlock:n().builderBlock,includeBlockProps:n().includeBlockProps,isInteractive:n().isInteractive}),(C=R())==null?void 0:C.map(o=>t.jsx(b,{block:o,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent,context:e.context},o.id))]})})]}):null})}module.exports=b;

package/lib/edge/components/block/block.mjs

@@ -1,4 +1,4 @@
-import { jsx as l, Fragment as u, jsxs as h } from "react/jsx-runtime";
+import { jsx as r, Fragment as u, jsxs as h } from "react/jsx-runtime";
 import { TARGET as S } from "../../constants/target.mjs";
 import { getBlockComponentOptions as P } from "../../functions/get-block-component-options.mjs";
 import { getProcessedBlock as I } from "../../functions/get-processed-block.mjs";
@@ -6,10 +6,10 @@ import { isPreviewing as O } from "../../functions/is-previewing.mjs";
 import "../../helpers/user-attributes.mjs";
 import "../../functions/get-fetch.mjs";
 import { generateKey as x, getRepeatItemData as w, getComponent as W, provideBuilderBlock as T, provideBuilderContext as L, provideLinkComponent as U, provideRegisteredComponents as j } from "./block.helpers.mjs";
-import y from "./components/block-styles.mjs";
-import N from "./components/block-wrapper.mjs";
+import y from "./components/block-wrapper.mjs";
 import b from "./components/component-ref/component-ref.mjs";
 import g from "./components/repeated-block.mjs";
+import N from "./components/style-wrapper.mjs";
 function A(e) {
   var a, C, p, f;
   const d = function() {
@@ -32,7 +32,7 @@ function A(e) {
       context: e.context.context
     });
     return s.value = c, s.update = !1, c;
-  }, r = function() {
+  }, l = function() {
     return W({
       block: n(),
       registeredComponents: e.registeredComponents,
@@ -49,19 +49,19 @@ function A(e) {
     return ("show" in n() ? n().show : !0) && !c;
   }, v = function() {
     var i, m;
-    return !((i = r()) != null && i.component) && !d() ? (m = n().children) != null ? m : [] : [];
+    return !((i = l()) != null && i.component) && !d() ? (m = n().children) != null ? m : [] : [];
   }, o = function() {
     var c, i, m, k;
     return {
       blockChildren: (c = n().children) != null ? c : [],
-      componentRef: (i = r()) == null ? void 0 : i.component,
+      componentRef: (i = l()) == null ? void 0 : i.component,
       componentOptions: {
         ...P(n(), e.context),
-        ...T(r(), n()),
-        ...L(r(), e.context),
-        ...U(r(), e.linkComponent),
+        ...T(l(), n()),
+        ...L(l(), e.context),
+        ...U(l(), e.linkComponent),
         ...j(
-          r(),
+          l(),
           e.registeredComponents,
           e.context.model
         )
@@ -70,13 +70,20 @@ function A(e) {
       linkComponent: e.linkComponent,
       registeredComponents: e.registeredComponents,
       builderBlock: n(),
-      includeBlockProps: ((m = r()) == null ? void 0 : m.noWrap) === !0,
-      isInteractive: !((k = r()) != null && k.isRSC && S === "rsc")
+      includeBlockProps: ((m = l()) == null ? void 0 : m.noWrap) === !0,
+      isInteractive: !((k = l()) != null && k.isRSC && S === "rsc")
     };
   };
-  return /* @__PURE__ */ l(u, { children: R() ? /* @__PURE__ */ h(u, { children: [
-    /* @__PURE__ */ l(y, { block: n(), context: e.context }),
-    (a = r()) != null && a.noWrap ? d() ? /* @__PURE__ */ l(u, { children: (f = d()) == null ? void 0 : f.map((t, c) => /* @__PURE__ */ l(
+  return /* @__PURE__ */ r(u, { children: R() ? /* @__PURE__ */ h(u, { children: [
+    /* @__PURE__ */ r(
+      N,
+      {
+        block: n(),
+        context: e.context,
+        id: e.block.id
+      }
+    ),
+    (a = l()) != null && a.noWrap ? d() ? /* @__PURE__ */ r(u, { children: (f = d()) == null ? void 0 : f.map((t, c) => /* @__PURE__ */ r(
       g,
       {
         repeatContext: t.context,
@@ -85,7 +92,7 @@ function A(e) {
         linkComponent: e.linkComponent
       },
       x(c)
-    )) }) : /* @__PURE__ */ l(
+    )) }) : /* @__PURE__ */ r(
       b,
       {
         componentRef: o().componentRef,
@@ -98,7 +105,7 @@ function A(e) {
         includeBlockProps: o().includeBlockProps,
         isInteractive: o().isInteractive
       }
-    ) : /* @__PURE__ */ l(u, { children: d() ? /* @__PURE__ */ l(u, { children: (p = d()) == null ? void 0 : p.map((t, c) => /* @__PURE__ */ l(
+    ) : /* @__PURE__ */ r(u, { children: d() ? /* @__PURE__ */ r(u, { children: (p = d()) == null ? void 0 : p.map((t, c) => /* @__PURE__ */ r(
       g,
       {
         repeatContext: t.context,
@@ -108,13 +115,13 @@ function A(e) {
       },
       x(c)
     )) }) : /* @__PURE__ */ h(
-      N,
+      y,
       {
         Wrapper: B(),
         block: n(),
         context: e.context,
         children: [
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ r(
             b,
             {
               componentRef: o().componentRef,
@@ -128,7 +135,7 @@ function A(e) {
               isInteractive: o().isInteractive
             }
           ),
-          (C = v()) == null ? void 0 : C.map((t) => /* @__PURE__ */ l(
+          (C = v()) == null ? void 0 : C.map((t) => /* @__PURE__ */ r(
             A,
             {
               block: t,

package/lib/edge/components/block/components/component-ref/component-ref.cjs

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),i=require("../../block.cjs"),l=require("../interactive-element.cjs"),r=require("./component-ref.helpers.cjs");function m(e){var t;const c=e.isInteractive?l:e.componentRef;return n.jsx(n.Fragment,{children:e.componentRef?n.jsx(n.Fragment,{children:n.jsx(c,{...r.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}),children:(t=e.blockChildren)==null?void 0:t.map(o=>n.jsx(i,{block:o,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},o.id))})}):null})}module.exports=m;
+"use strict";const n=require("react/jsx-runtime"),i=require("../../block.cjs"),l=require("../interactive-element.cjs"),r=require("./component-ref.helpers.cjs");function m(e){var t;const c=e.isInteractive?l:e.componentRef;return n.jsx(n.Fragment,{children:e.componentRef?n.jsx(n.Fragment,{children:n.jsx(c,{...r.getWrapperProps({componentOptions:e.componentOptions,builderBlock:e.builderBlock,context:e.context,componentRef:e.componentRef,linkComponent:e.linkComponent,includeBlockProps:e.includeBlockProps,isInteractive:e.isInteractive,contextValue:e.context}),children:e.componentRef?n.jsx(n.Fragment,{children:(t=e.blockChildren)==null?void 0:t.map(o=>n.jsx(i,{block:o,context:e.context,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},o.id))}):null})}):null})}module.exports=m;

package/lib/edge/components/block/components/component-ref/component-ref.mjs

@@ -1,11 +1,11 @@
-import { jsx as n, Fragment as c } from "react/jsx-runtime";
-import m from "../../block.mjs";
-import l from "../interactive-element.mjs";
+import { jsx as n, Fragment as t } from "react/jsx-runtime";
+import l from "../../block.mjs";
+import m from "../interactive-element.mjs";
 import { getWrapperProps as r } from "./component-ref.helpers.mjs";
 function u(e) {
-  var t;
-  const i = e.isInteractive ? l : e.componentRef;
-  return /* @__PURE__ */ n(c, { children: e.componentRef ? /* @__PURE__ */ n(c, { children: /* @__PURE__ */ n(
+  var o;
+  const i = e.isInteractive ? m : e.componentRef;
+  return /* @__PURE__ */ n(t, { children: e.componentRef ? /* @__PURE__ */ n(t, { children: /* @__PURE__ */ n(
     i,
     {
       ...r({
@@ -18,16 +18,16 @@ function u(e) {
         isInteractive: e.isInteractive,
         contextValue: e.context
       }),
-      children: (t = e.blockChildren) == null ? void 0 : t.map((o) => /* @__PURE__ */ n(
-        m,
+      children: e.componentRef ? /* @__PURE__ */ n(t, { children: (o = e.blockChildren) == null ? void 0 : o.map((c) => /* @__PURE__ */ n(
+        l,
         {
-          block: o,
+          block: c,
           context: e.context,
           registeredComponents: e.registeredComponents,
           linkComponent: e.linkComponent
         },
-        o.id
-      ))
+        c.id
+      )) }) : null
     }
   ) }) : null });
 }

package/lib/edge/components/block/components/interactive-element.cjs

@@ -1 +1 @@
-"use client";"use strict";const e=require("react/jsx-runtime"),o=require("react"),l=require("../../../functions/get-block-actions.cjs"),i=require("../../../functions/get-block-properties.cjs"),u=require("../../awaiter.cjs");function x(t){var r,n;o.useState(()=>0);function c(){return t.includeBlockProps?{...i.getBlockProperties({block:t.block,context:t.context}),...l.getBlockActions({block:t.block,rootState:t.context.rootState,rootSetState:t.context.rootSetState,localState:t.context.localState,context:t.context.context})}:{}}function a(){return t.wrapperProps}return o.useEffect(()=>{},[t.wrapperProps,(n=(r=t.block)==null?void 0:r.component)==null?void 0:n.options]),e.jsx(e.Fragment,{children:t.Wrapper.load?e.jsx(e.Fragment,{children:e.jsx(u,{load:t.Wrapper.load,fallback:t.Wrapper.fallback,props:t.wrapperProps,attributes:c(),children:t.children})}):e.jsx(t.Wrapper,{...a(),attributes:c(),children:t.children})})}module.exports=x;
+"use client";"use strict";const e=require("react/jsx-runtime"),i=require("react"),o=require("../../../functions/get-block-actions.cjs"),l=require("../../../functions/get-block-properties.cjs"),u=require("../../../functions/is-editing.cjs");require("../../../helpers/user-attributes.cjs");require("../../../functions/get-fetch.cjs");const d=require("../../awaiter.cjs"),s=require("../../live-edit.cjs");function x(t){var c,n;i.useState(()=>0);function r(){return t.includeBlockProps?{...l.getBlockProperties({block:t.block,context:t.context}),...o.getBlockActions({block:t.block,rootState:t.context.rootState,rootSetState:t.context.rootSetState,localState:t.context.localState,context:t.context.context})}:{}}function a(){return t.wrapperProps}return i.useEffect(()=>{},[t.wrapperProps,(n=(c=t.block)==null?void 0:c.component)==null?void 0:n.options]),e.jsx(e.Fragment,{children:t.Wrapper.load?e.jsx(e.Fragment,{children:e.jsx(d,{load:t.Wrapper.load,fallback:t.Wrapper.fallback,props:t.wrapperProps,attributes:r(),children:t.children})}):u.isEditing()?e.jsx(s,{Wrapper:t.Wrapper,id:t.block.id||"",attributes:r(),children:t.children}):e.jsx(t.Wrapper,{...a(),attributes:r(),children:t.children})})}module.exports=x;

package/lib/edge/components/block/components/interactive-element.mjs

@@ -1,19 +1,23 @@
 "use client";
-import { jsx as e, Fragment as a } from "react/jsx-runtime";
-import { useState as l, useEffect as i } from "react";
-import { getBlockActions as u } from "../../../functions/get-block-actions.mjs";
-import { getBlockProperties as f } from "../../../functions/get-block-properties.mjs";
-import m from "../../awaiter.mjs";
-function h(t) {
+import { jsx as e, Fragment as i } from "react/jsx-runtime";
+import { useState as n, useEffect as l } from "react";
+import { getBlockActions as m } from "../../../functions/get-block-actions.mjs";
+import { getBlockProperties as d } from "../../../functions/get-block-properties.mjs";
+import { isEditing as f } from "../../../functions/is-editing.mjs";
+import "../../../helpers/user-attributes.mjs";
+import "../../../functions/get-fetch.mjs";
+import u from "../../awaiter.mjs";
+import b from "../../live-edit.mjs";
+function B(t) {
   var o, c;
-  l(() => 0);
+  n(() => 0);
   function r() {
     return t.includeBlockProps ? {
-      ...f({
+      ...d({
         block: t.block,
         context: t.context
       }),
-      ...u({
+      ...m({
         block: t.block,
         rootState: t.context.rootState,
         rootSetState: t.context.rootSetState,
@@ -22,12 +26,12 @@ function h(t) {
       })
     } : {};
   }
-  function n() {
+  function a() {
     return t.wrapperProps;
   }
-  return i(() => {
-  }, [t.wrapperProps, (c = (o = t.block) == null ? void 0 : o.component) == null ? void 0 : c.options]), /* @__PURE__ */ e(a, { children: t.Wrapper.load ? /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(
-    m,
+  return l(() => {
+  }, [t.wrapperProps, (c = (o = t.block) == null ? void 0 : o.component) == null ? void 0 : c.options]), /* @__PURE__ */ e(i, { children: t.Wrapper.load ? /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
+    u,
     {
       load: t.Wrapper.load,
       fallback: t.Wrapper.fallback,
@@ -35,8 +39,16 @@ function h(t) {
       attributes: r(),
       children: t.children
     }
-  ) }) : /* @__PURE__ */ e(t.Wrapper, { ...n(), attributes: r(), children: t.children }) });
+  ) }) : f() ? /* @__PURE__ */ e(
+    b,
+    {
+      Wrapper: t.Wrapper,
+      id: t.block.id || "",
+      attributes: r(),
+      children: t.children
+    }
+  ) : /* @__PURE__ */ e(t.Wrapper, { ...a(), attributes: r(), children: t.children }) });
 }
 export {
-  h as default
+  B as default
 };

package/lib/edge/components/block/components/live-edit-block-styles.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const r=require("react/jsx-runtime"),u=require("../../../constants/device-sizes.cjs"),w=require("../../../functions/camel-to-kebab-case.cjs"),D=require("../../../functions/get-processed-block.cjs"),l=require("../../../helpers/css.cjs"),I=require("../../../helpers/find-block.cjs"),z=require("../../../helpers/nullable.cjs"),M=require("../../inlined-styles.cjs");function U(i){function F(){return I.findBlockById(i.contextProvider.content,i.id)}function e(){var n;const t=F();return t?(n=t.repeat)!=null&&n.collection?t:D.getProcessedBlock({block:t,localState:i.contextProvider.localState,rootState:i.contextProvider.rootState,rootSetState:i.contextProvider.rootSetState,context:i.contextProvider.context}):null}function Q(){var t,s,n,c;return z.checkIsDefined((t=e==null?void 0:e())==null?void 0:t.hide)?!((s=e==null?void 0:e())!=null&&s.hide):z.checkIsDefined((n=e==null?void 0:e())==null?void 0:n.show)?(c=e==null?void 0:e())==null?void 0:c.show:!0}function d(){var f,v,g,b,P,k,q;const t=(f=e==null?void 0:e())==null?void 0:f.responsiveStyles,s=i.contextProvider.content,n=u.getSizesForBreakpoints(((v=s==null?void 0:s.meta)==null?void 0:v.breakpoints)||{}),c=!!((b=(g=s==null?void 0:s.meta)==null?void 0:g.breakpoints)!=null&&b.xsmall),S=t==null?void 0:t.large,y=t==null?void 0:t.medium,x=t==null?void 0:t.small,h=t==null?void 0:t.xsmall,a=(P=e==null?void 0:e())==null?void 0:P.id;if(!a)return"";const j=S?l.createCssClass({className:a,styles:S}):"",$=y?l.createCssClass({className:a,styles:y,mediaQuery:u.getMaxWidthQueryForSize("medium",n)}):"",T=x?l.createCssClass({className:a,styles:x,mediaQuery:u.getMaxWidthQueryForSize("small",n)}):"",W=h&&c?l.createCssClass({className:a,styles:h,mediaQuery:u.getMaxWidthQueryForSize("xsmall",n)}):"",o=e().animations&&e().animations.find(m=>m.trigger==="hover");let C="";if(o){const m=((q=(k=o.steps)==null?void 0:k[1])==null?void 0:q.styles)||{};C=l.createCssClass({className:`${a}:hover`,styles:{...m,transition:`all ${o.duration}s ${w.camelToKebabCase(o.easing)}`,transitionDelay:o.delay?`${o.delay}s`:"0s"}})||""}return[j,$,T,W,C].join(" ")}return r.jsx(r.Fragment,{children:d()&&Q()?r.jsx(r.Fragment,{children:r.jsx(M,{id:"builderio-block",styles:d(),nonce:i.contextProvider.nonce})}):null})}module.exports=U;

package/lib/edge/components/block/components/live-edit-block-styles.mjs

@@ -0,0 +1,94 @@
+"use client";
+import { jsx as c, Fragment as $ } from "react/jsx-runtime";
+import { getSizesForBreakpoints as D, getMaxWidthQueryForSize as u } from "../../../constants/device-sizes.mjs";
+import { camelToKebabCase as N } from "../../../functions/camel-to-kebab-case.mjs";
+import { getProcessedBlock as W } from "../../../functions/get-processed-block.mjs";
+import { createCssClass as l } from "../../../helpers/css.mjs";
+import { findBlockById as A } from "../../../helpers/find-block.mjs";
+import { checkIsDefined as w } from "../../../helpers/nullable.mjs";
+import E from "../../inlined-styles.mjs";
+function O(i) {
+  function z() {
+    return A(i.contextProvider.content, i.id);
+  }
+  function t() {
+    var o;
+    const e = z();
+    return e ? (o = e.repeat) != null && o.collection ? e : W({
+      block: e,
+      localState: i.contextProvider.localState,
+      rootState: i.contextProvider.rootState,
+      rootSetState: i.contextProvider.rootSetState,
+      context: i.contextProvider.context
+    }) : null;
+  }
+  function F() {
+    var e, n, o, s;
+    return w((e = t == null ? void 0 : t()) == null ? void 0 : e.hide) ? !((n = t == null ? void 0 : t()) != null && n.hide) : w((o = t == null ? void 0 : t()) == null ? void 0 : o.show) ? (s = t == null ? void 0 : t()) == null ? void 0 : s.show : !0;
+  }
+  function d() {
+    var v, b, g, C, P, k, Q;
+    const e = (v = t == null ? void 0 : t()) == null ? void 0 : v.responsiveStyles, n = i.contextProvider.content, o = D(
+      ((b = n == null ? void 0 : n.meta) == null ? void 0 : b.breakpoints) || {}
+    ), s = !!((C = (g = n == null ? void 0 : n.meta) == null ? void 0 : g.breakpoints) != null && C.xsmall), S = e == null ? void 0 : e.large, f = e == null ? void 0 : e.medium, y = e == null ? void 0 : e.small, x = e == null ? void 0 : e.xsmall, r = (P = t == null ? void 0 : t()) == null ? void 0 : P.id;
+    if (!r)
+      return "";
+    const I = S ? l({
+      className: r,
+      styles: S
+    }) : "", T = f ? l({
+      className: r,
+      styles: f,
+      mediaQuery: u(
+        "medium",
+        o
+      )
+    }) : "", U = y ? l({
+      className: r,
+      styles: y,
+      mediaQuery: u(
+        "small",
+        o
+      )
+    }) : "", j = x && s ? l({
+      className: r,
+      styles: x,
+      mediaQuery: u(
+        "xsmall",
+        o
+      )
+    }) : "", a = t().animations && t().animations.find((m) => m.trigger === "hover");
+    let h = "";
+    if (a) {
+      const m = ((Q = (k = a.steps) == null ? void 0 : k[1]) == null ? void 0 : Q.styles) || {};
+      h = l({
+        className: `${r}:hover`,
+        styles: {
+          ...m,
+          transition: `all ${a.duration}s ${N(
+            a.easing
+          )}`,
+          transitionDelay: a.delay ? `${a.delay}s` : "0s"
+        }
+      }) || "";
+    }
+    return [
+      I,
+      T,
+      U,
+      j,
+      h
+    ].join(" ");
+  }
+  return /* @__PURE__ */ c($, { children: d() && F() ? /* @__PURE__ */ c($, { children: /* @__PURE__ */ c(
+    E,
+    {
+      id: "builderio-block",
+      styles: d(),
+      nonce: i.contextProvider.nonce
+    }
+  ) }) : null });
+}
+export {
+  O as default
+};

package/lib/edge/components/block/components/style-wrapper.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const e=require("react/jsx-runtime"),i=require("react"),u=require("../../../context/builder.context.cjs"),d=require("../../../functions/is-editing.cjs");require("../../../helpers/user-attributes.cjs");require("../../../functions/get-fetch.cjs");const n=require("./block-styles.cjs"),x=require("./live-edit-block-styles.cjs");function a(t){const[s,r]=i.useState(()=>!1),[c,o]=i.useState(()=>!1),l=i.useContext(u);return i.useEffect(()=>{r(d.isEditing()),o(!0)},[]),e.jsx(e.Fragment,{children:c?e.jsx(e.Fragment,{children:s?e.jsx(x,{id:t.block.id,contextProvider:l}):e.jsx(e.Fragment,{children:e.jsx(n,{block:t.block,context:t.context})})}):e.jsx(e.Fragment,{children:e.jsx(n,{block:t.block,context:t.context})})})}module.exports=a;

package/lib/edge/components/block/components/style-wrapper.mjs

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as t, Fragment as i } from "react/jsx-runtime";
+import { useState as o, useContext as m, useEffect as f } from "react";
+import a from "../../../context/builder.context.mjs";
+import { isEditing as u } from "../../../functions/is-editing.mjs";
+import "../../../helpers/user-attributes.mjs";
+import "../../../functions/get-fetch.mjs";
+import r from "./block-styles.mjs";
+import x from "./live-edit-block-styles.mjs";
+function p(e) {
+  const [n, c] = o(() => !1), [l, d] = o(() => !1), s = m(a);
+  return f(() => {
+    c(u()), d(!0);
+  }, []), /* @__PURE__ */ t(i, { children: l ? /* @__PURE__ */ t(i, { children: n ? /* @__PURE__ */ t(
+    x,
+    {
+      id: e.block.id,
+      contextProvider: s
+    }
+  ) : /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(r, { block: e.block, context: e.context }) }) }) : /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(r, { block: e.block, context: e.context }) }) });
+}
+export {
+  p as default
+};

package/lib/edge/components/blocks/blocks-wrapper.cjs

@@ -1,4 +1,4 @@
-"use client";"use strict";const a=require("react/jsx-runtime"),i=require("react"),r=require("../../functions/is-editing.cjs");function d(e){const c=i.useRef(null);i.useState(()=>!1);function o(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function s(){if(!e.path)return;const t="this.",n="component.options.";return e.path.startsWith(t)?e.path.replace(t,""):e.path.startsWith(n)?e.path:`${n}${e.path||""}`}function l(){var t,n;r.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:s()}},"*"))}function u(){var t,n;r.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:s()}},"*"))}return i.useEffect(()=>{},[]),i.useEffect(()=>{},[e.blocks]),a.jsxs(a.Fragment,{children:[a.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-7d1e7a14","builder-path":s(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>l(),onMouseEnter:t=>u(),onKeyPress:t=>l(),...e.BlocksWrapperProps,children:e.children}),a.jsx("style",{children:`.props-blocks-wrapper-7d1e7a14 {
+"use client";"use strict";const a=require("react/jsx-runtime"),i=require("react"),r=require("../../functions/is-editing.cjs");function d(e){const c=i.useRef(null);i.useState(()=>!1);function o(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function s(){if(!e.path)return;const t="this.",n="component.options.";return e.path.startsWith(t)?e.path.replace(t,""):e.path.startsWith(n)?e.path:`${n}${e.path||""}`}function l(){var t,n;r.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:s()}},"*"))}function u(){var t,n;r.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:s()}},"*"))}return i.useEffect(()=>{},[]),i.useEffect(()=>{},[e.blocks]),a.jsxs(a.Fragment,{children:[a.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-49da6528","builder-path":s(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>l(),onMouseEnter:t=>u(),onKeyPress:t=>l(),...e.BlocksWrapperProps,children:e.children}),a.jsx("style",{children:`.props-blocks-wrapper-49da6528 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/lib/edge/components/blocks/blocks-wrapper.mjs

@@ -52,7 +52,7 @@ function y(e) {
       e.BlocksWrapper,
       {
         ref: c,
-        className: o() + " props-blocks-wrapper-7d1e7a14",
+        className: o() + " props-blocks-wrapper-49da6528",
         "builder-path": a(),
         "builder-parent-id": e.parent,
         style: e.styleProp,
@@ -63,7 +63,7 @@ function y(e) {
         children: e.children
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-7d1e7a14 {
+    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-49da6528 {
   display: flex;
   flex-direction: column;
   align-items: stretch;