@builder.io/sdk-react-nextjs 0.16.13 → 0.16.14

package/lib/edge/functions/evaluate/browser-runtime/browser.mjs

@@ -1,51 +1,25 @@
-import { getFunctionArguments as w } from "../helpers.mjs";
-const d = ({
-  code: e,
-  builder: u,
-  context: s,
-  event: i,
-  localState: n,
-  rootSetState: r,
-  rootState: f
+import { getFunctionArguments as m, flattenState as i } from "../helpers.mjs";
+const f = ({
+  code: r,
+  builder: e,
+  context: o,
+  event: s,
+  localState: u,
+  rootSetState: a,
+  rootState: c
 }) => {
-  const c = w({
-    builder: u,
-    context: s,
-    event: i,
-    state: t({
-      rootState: f,
-      localState: n,
-      rootSetState: r
+  const n = m({
+    builder: e,
+    context: o,
+    event: s,
+    state: i({
+      rootState: c,
+      localState: u,
+      rootSetState: a
     })
   });
-  return new Function(...c.map(([o]) => o), e)(...c.map(([, o]) => o));
+  return new Function(...n.map(([t]) => t), r)(...n.map(([, t]) => t));
 };
-function t({
-  rootState: e,
-  localState: u,
-  rootSetState: s
-}) {
-  return new Proxy(e, {
-    get: (i, n) => {
-      if (u && n in u)
-        return u[n];
-      const r = i[n];
-      return typeof r == "object" && r !== null ? t({
-        rootState: r,
-        localState: void 0,
-        rootSetState: s ? (f) => {
-          i[n] = f, s(i);
-        } : void 0
-      }) : r;
-    },
-    set: (i, n, r) => {
-      if (u && n in u)
-        throw new Error("Writing to local state is not allowed as it is read-only.");
-      return i[n] = r, s == null || s(i), !0;
-    }
-  });
-}
 export {
-  t as flattenState,
-  d as runInBrowser
+  f as runInBrowser
 };

package/lib/edge/functions/evaluate/edge-runtime/edge-runtime.cjs

@@ -1,14 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../../../helpers/logger.cjs"),F=require("../../set.cjs"),j=require("../helpers.cjs"),q=require("./acorn-interpreter.cjs"),w=r=>r.split(`
-`).map(n=>{const o=n.trim();if(n.includes("__awaiter"))return;if(!o.startsWith("state."))return n;const[i,s]=o.split("="),c=`setRootState('${i.replace("state.","").trim()}', ${s.trim()})`;return`
-  ${n}
-  ${c}
-  `}).filter(Boolean).join(`
-`),f=r=>r+"JSON",E=({builder:r,context:n,event:o,rootState:p,localState:i,rootSetState:s,code:d})=>{const c={...p,...i},l=j.getFunctionArguments({builder:r,context:n,event:o,state:c}),g=l.map(([t])=>{const e=f(t);return`var ${t} = ${e} === undefined ? undefined : JSON.parse(${e});`}).join(`
-`),m=w(d);if(m===""){y.logger.warn("Skipping evaluation of empty code block.");return}const S=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../../../helpers/logger.cjs"),O=require("../helpers.cjs"),o=require("./acorn-interpreter.cjs");function C(){const r=o.prototype.getProperty,i=o.prototype.setProperty;function a(t,n){if(t==null||!t._connected)return r.call(this,t,n);const e=t._connected[n];return Array.isArray(e)?this.nativeToPseudo(e):typeof e=="object"?this.createConnectedObject(e):e}function f(t,n,e,d){if(t==null||!t._connected)return i.call(this,t,n,e,d);t._connected[n]=this.pseudoToNative(e)}const u=[],p=[];for(const t of Object.keys(o.prototype))o.prototype[t]===r&&u.push(t),o.prototype[t]===i&&p.push(t);for(const t of u)o.prototype[t]=a;for(const t of p)o.prototype[t]=f;o.prototype.createConnectedObject=function(t){const n=this.createObject(this.OBJECT);return n._connected=t,n}}C();const v=r=>r.replace(/^.*?function main\(\)/,`
+var __awaiter = function (e, t, n, r) {return r()},
+__generator = function (e, t) { return t() };
+function main()`).replace(/\?\./g,"."),P=r=>r+"JSON",E=({builder:r,context:i,event:a,rootState:f,localState:u,rootSetState:p,code:t})=>{const n=O.flattenState({rootState:f,localState:u,rootSetState:p}),e=O.getFunctionArguments({builder:r,context:i,event:a,state:n}),d=e.map(([c])=>{const s=P(c);return c==="state"?"":`var ${c} = ${s} === undefined ? undefined : JSON.parse(${s});`}).join(`
+`),g=v(t);if(g===""){m.logger.warn("Skipping evaluation of empty code block.");return}const S=`
 function theFunction() {
-  ${g}
+  ${d}
 
-  ${m}
+  ${g}
 }
 theFunction();
-`,$=(t,e)=>{const a=F.set(c,t,e);s==null||s(a)},N=function(t,e){l.forEach(([a,h])=>{const v=JSON.stringify(h);t.setProperty(e,f(a),v)}),t.setProperty(e,"setRootState",t.createNativeFunction($))},u=new q(S,N);return u.run(),u.pseudoToNative(u.value)};exports.runInEdge=E;
+`,_=function(c,s){e.forEach(([l,h])=>{if(l==="state")c.setProperty(s,l,c.createConnectedObject(h),c.READONLY_DESCRIPTOR);else{const N=JSON.stringify(h);c.setProperty(s,P(l),N)}})},y=new o(S,_);return y.run(),y.pseudoToNative(y.value)};exports.runInEdge=E;

package/lib/edge/functions/evaluate/edge-runtime/edge-runtime.mjs

@@ -1,64 +1,81 @@
-import { logger as F } from "../../../helpers/logger.mjs";
-import { set as w } from "../../set.mjs";
-import { getFunctionArguments as y } from "../helpers.mjs";
-import J from "./acorn-interpreter.mjs";
-const j = (o) => o.split(`
-`).map((e) => {
-  const r = e.trim();
-  if (e.includes("__awaiter"))
-    return;
-  if (!r.startsWith("state."))
-    return e;
-  const [c, s] = r.split("="), i = `setRootState('${c.replace("state.", "").trim()}', ${s.trim()})`;
-  return `
-  ${e}
-  ${i}
-  `;
-}).filter(Boolean).join(`
-`), l = (o) => o + "JSON", x = ({
-  builder: o,
-  context: e,
-  event: r,
-  rootState: p,
-  localState: c,
-  rootSetState: s,
-  code: m
+import { logger as N } from "../../../helpers/logger.mjs";
+import { flattenState as S, getFunctionArguments as C } from "../helpers.mjs";
+import o from "./acorn-interpreter.mjs";
+function v() {
+  const r = o.prototype.getProperty, i = o.prototype.setProperty;
+  function a(t, n) {
+    if (t == null || !t._connected)
+      return r.call(this, t, n);
+    const e = t._connected[n];
+    return Array.isArray(e) ? this.nativeToPseudo(e) : typeof e == "object" ? this.createConnectedObject(e) : e;
+  }
+  function f(t, n, e, d) {
+    if (t == null || !t._connected)
+      return i.call(this, t, n, e, d);
+    t._connected[n] = this.pseudoToNative(e);
+  }
+  const p = [], u = [];
+  for (const t of Object.keys(o.prototype))
+    o.prototype[t] === r && p.push(t), o.prototype[t] === i && u.push(t);
+  for (const t of p)
+    o.prototype[t] = a;
+  for (const t of u)
+    o.prototype[t] = f;
+  o.prototype.createConnectedObject = function(t) {
+    const n = this.createObject(this.OBJECT);
+    return n._connected = t, n;
+  };
+}
+v();
+const w = (r) => r.replace(/^.*?function main\(\)/, `
+var __awaiter = function (e, t, n, r) {return r()},
+__generator = function (e, t) { return t() };
+function main()`).replace(/\?\./g, "."), m = (r) => r + "JSON", A = ({
+  builder: r,
+  context: i,
+  event: a,
+  rootState: f,
+  localState: p,
+  rootSetState: u,
+  code: t
 }) => {
-  const i = {
-    ...p,
-    ...c
-  }, d = y({
-    builder: o,
-    context: e,
-    event: r,
-    state: i
-  }), $ = d.map(([t]) => {
-    const n = l(t);
-    return `var ${t} = ${n} === undefined ? undefined : JSON.parse(${n});`;
+  const n = S({
+    rootState: f,
+    localState: p,
+    rootSetState: u
+  }), e = C({
+    builder: r,
+    context: i,
+    event: a,
+    state: n
+  }), d = e.map(([c]) => {
+    const s = m(c);
+    return c === "state" ? "" : `var ${c} = ${s} === undefined ? undefined : JSON.parse(${s});`;
   }).join(`
-`), f = j(m);
-  if (f === "") {
-    F.warn("Skipping evaluation of empty code block.");
+`), g = w(t);
+  if (g === "") {
+    N.warn("Skipping evaluation of empty code block.");
     return;
   }
-  const N = `
+  const O = `
 function theFunction() {
-  ${$}
+  ${d}
 
-  ${f}
+  ${g}
 }
 theFunction();
-`, g = (t, n) => {
-    const u = w(i, t, n);
-    s == null || s(u);
-  }, S = function(t, n) {
-    d.forEach(([u, h]) => {
-      const v = JSON.stringify(h);
-      t.setProperty(n, l(u), v);
-    }), t.setProperty(n, "setRootState", t.createNativeFunction(g));
-  }, a = new J(N, S);
-  return a.run(), a.pseudoToNative(a.value);
+`, P = function(c, s) {
+    e.forEach(([l, h]) => {
+      if (l === "state")
+        c.setProperty(s, l, c.createConnectedObject(h), c.READONLY_DESCRIPTOR);
+      else {
+        const _ = JSON.stringify(h);
+        c.setProperty(s, m(l), _);
+      }
+    });
+  }, y = new o(O, P);
+  return y.run(), y.pseudoToNative(y.value);
 };
 export {
-  x as runInEdge
+  A as runInEdge
 };

package/lib/edge/functions/evaluate/helpers.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../is-browser.cjs"),n=require("../is-editing.cjs"),u=require("../track/helpers.cjs"),o=({builder:e,context:r,event:t,state:s})=>Object.entries({state:s,Builder:e,builder:e,context:r,event:t}),g=()=>({isEditing:n.isEditing(),isBrowser:i.isBrowser(),isServer:!i.isBrowser(),getUserAttributes:()=>u.getUserAttributes()}),l=(e,{isExpression:r=!0})=>r&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e;exports.getBuilderGlobals=g;exports.getFunctionArguments=o;exports.parseCode=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../is-browser.cjs"),d=require("../is-editing.cjs"),c=require("../track/helpers.cjs"),g=({builder:e,context:r,event:n,state:s})=>Object.entries({state:s,Builder:e,builder:e,context:r,event:n}),f=()=>({isEditing:d.isEditing(),isBrowser:u.isBrowser(),isServer:!u.isBrowser(),getUserAttributes:()=>c.getUserAttributes()}),w=(e,{isExpression:r=!0})=>r&&!(e.includes(";")||e.includes(" return ")||e.trim().startsWith("return "))?`return (${e});`:e;function o({rootState:e,localState:r,rootSetState:n}){return new Proxy(e,{get:(s,t)=>{if(r&&t in r)return r[t];const i=s[t];return typeof i=="object"&&i!==null?o({rootState:i,localState:void 0,rootSetState:n?l=>{s[t]=l,n(s)}:void 0}):i},set:(s,t,i)=>{if(r&&t in r)throw new Error("Writing to local state is not allowed as it is read-only.");return s[t]=i,n==null||n(s),!0}})}exports.flattenState=o;exports.getBuilderGlobals=f;exports.getFunctionArguments=g;exports.parseCode=w;

package/lib/edge/functions/evaluate/helpers.mjs

@@ -1,28 +1,54 @@
-import { isBrowser as i } from "../is-browser.mjs";
-import { isEditing as n } from "../is-editing.mjs";
-import { getUserAttributes as u } from "../track/helpers.mjs";
-const c = ({
-  builder: t,
-  context: r,
-  event: e,
-  state: s
+import { isBrowser as u } from "../is-browser.mjs";
+import { isEditing as f } from "../is-editing.mjs";
+import { getUserAttributes as d } from "../track/helpers.mjs";
+const w = ({
+  builder: r,
+  context: n,
+  event: i,
+  state: e
 }) => Object.entries({
-  state: s,
-  Builder: t,
+  state: e,
+  Builder: r,
   // legacy
-  builder: t,
-  context: r,
-  event: e
-}), l = () => ({
-  isEditing: n(),
-  isBrowser: i(),
-  isServer: !i(),
-  getUserAttributes: () => u()
-}), p = (t, {
-  isExpression: r = !0
-}) => /* we disable this for cases where we definitely don't want a return */ r && !(t.includes(";") || t.includes(" return ") || t.trim().startsWith("return ")) ? `return (${t});` : t;
+  builder: r,
+  context: n,
+  event: i
+}), b = () => ({
+  isEditing: f(),
+  isBrowser: u(),
+  isServer: !u(),
+  getUserAttributes: () => d()
+}), v = (r, {
+  isExpression: n = !0
+}) => /* we disable this for cases where we definitely don't want a return */ n && !(r.includes(";") || r.includes(" return ") || r.trim().startsWith("return ")) ? `return (${r});` : r;
+function l({
+  rootState: r,
+  localState: n,
+  rootSetState: i
+}) {
+  return new Proxy(r, {
+    get: (e, s) => {
+      if (n && s in n)
+        return n[s];
+      const t = e[s];
+      return typeof t == "object" && t !== null ? l({
+        rootState: t,
+        localState: void 0,
+        rootSetState: i ? (o) => {
+          e[s] = o, i(e);
+        } : void 0
+      }) : t;
+    },
+    set: (e, s, t) => {
+      if (n && s in n)
+        throw new Error("Writing to local state is not allowed as it is read-only.");
+      return e[s] = t, i == null || i(e), !0;
+    }
+  });
+}
 export {
-  l as getBuilderGlobals,
-  c as getFunctionArguments,
-  p as parseCode
+  l as flattenState,
+  b as getBuilderGlobals,
+  w as getFunctionArguments,
+  v as parseCode
 };

package/lib/edge/functions/evaluate/node-runtime/node-runtime.cjs

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../constants/sdk-name.cjs"),s=require("../../../helpers/logger.cjs"),a=require("./safeDynamicRequire.cjs"),c="BUILDER_IVM";let n=null;const d=(o,e={})=>{n=o,I(e)},m=i.SDK_NAME==="@builder.io/sdk-react-nextjs"||i.SDK_NAME==="@builder.io/sdk-react"||i.SDK_NAME==="@builder.io/sdk-qwik",u=()=>{try{if(n)return n;const e=a.safeDynamicRequire("isolated-vm");if(e)return e}catch(e){s.logger.error("isolated-vm import error.",e)}const o=`${s.MSG_PREFIX}could not import \`isolated-vm\` module for safe script execution on a Node server.
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../constants/sdk-name.cjs"),s=require("../../../helpers/logger.cjs"),a=require("./safeDynamicRequire.cjs"),c="BUILDER_IVM";let n=null;const d=(o,e={})=>{n=o,I(e)},m=t.SDK_NAME==="@builder.io/sdk-react-nextjs"||t.SDK_NAME==="@builder.io/sdk-react"||t.SDK_NAME==="@builder.io/sdk-qwik"||t.SDK_NAME==="@builder.io/sdk-vue",u=()=>{try{if(n)return n;const e=a.safeDynamicRequire("isolated-vm");if(e)return e}catch(e){s.logger.error("isolated-vm import error.",e)}const o=`${s.MSG_PREFIX}could not import \`isolated-vm\` module for safe script execution on a Node server.
     
     SOLUTION: In a server-only execution path within your application, do one of the following:
   
-    ${m?`- import and call \`initializeNodeRuntime()\` from "${i.SDK_NAME}/node/init".`:""}
+    ${m?`- import and call \`initializeNodeRuntime()\` from "${t.SDK_NAME}/node/init".`:""}
     - add the following import: \`await import('isolated-vm')\`.
 
-    For more information, visit https://builder.io/c/docs/integration-tips#enabling-data-bindings-in-node-environments`;throw new Error(o)};function I(o={memoryLimit:128}){const e=u(),r=new e.Isolate(o).createContextSync(),t=r.global;return t.setSync("global",t.derefInto()),t.setSync("log",function(...l){console.log(...l)}),t.setSync(c,e),r}exports.setIvm=d;
+    For more information, visit https://builder.io/c/docs/integration-tips#enabling-data-bindings-in-node-environments`;throw new Error(o)};function I(o={memoryLimit:128}){const e=u(),r=new e.Isolate(o).createContextSync(),i=r.global;return i.setSync("global",i.derefInto()),i.setSync("log",function(...l){console.log(...l)}),i.setSync(c,e),r}exports.setIvm=d;

package/lib/edge/functions/evaluate/node-runtime/node-runtime.mjs

@@ -1,11 +1,11 @@
-import { SDK_NAME as i } from "../../../constants/sdk-name.mjs";
+import { SDK_NAME as e } from "../../../constants/sdk-name.mjs";
 import { logger as l, MSG_PREFIX as a } from "../../../helpers/logger.mjs";
 import { safeDynamicRequire as c } from "./safeDynamicRequire.mjs";
-const m = "BUILDER_IVM";
+const d = "BUILDER_IVM";
 let n = null;
 const E = (t, o = {}) => {
   n = t, u(o);
-}, d = i === "@builder.io/sdk-react-nextjs" || i === "@builder.io/sdk-react" || i === "@builder.io/sdk-qwik", I = () => {
+}, m = e === "@builder.io/sdk-react-nextjs" || e === "@builder.io/sdk-react" || e === "@builder.io/sdk-qwik" || e === "@builder.io/sdk-vue", I = () => {
   try {
     if (n)
       return n;
@@ -19,7 +19,7 @@ const E = (t, o = {}) => {
     
     SOLUTION: In a server-only execution path within your application, do one of the following:
   
-    ${d ? `- import and call \`initializeNodeRuntime()\` from "${i}/node/init".` : ""}
+    ${m ? `- import and call \`initializeNodeRuntime()\` from "${e}/node/init".` : ""}
     - add the following import: \`await import('isolated-vm')\`.
 
     For more information, visit https://builder.io/c/docs/integration-tips#enabling-data-bindings-in-node-environments`;
@@ -28,10 +28,10 @@ const E = (t, o = {}) => {
 function u(t = {
   memoryLimit: 128
 }) {
-  const o = I(), r = new o.Isolate(t).createContextSync(), e = r.global;
-  return e.setSync("global", e.derefInto()), e.setSync("log", function(...s) {
+  const o = I(), r = new o.Isolate(t).createContextSync(), i = r.global;
+  return i.setSync("global", i.derefInto()), i.setSync("log", function(...s) {
     console.log(...s);
-  }), e.setSync(m, o), r;
+  }), i.setSync(d, o), r;
 }
 export {
   E as setIvm

package/lib/node/blocks/columns/columns.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),p=require("../../components/blocks/blocks.cjs"),W=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),j=require("../../components/inlined-styles.cjs"),q=require("../../constants/device-sizes.cjs"),B=require("../../functions/get-class-prop-name.cjs"),z=require("../../functions/get-style.cjs"),N=require("./helpers.cjs");function A(e){var g,k;const a=typeof e.space=="number"?e.space||0:20,r=e.columns||[],u=e.stackColumnsAt||"tablet",y=function(t){return t.link?e.builderLinkComponent||"a":"div"},S=function(t){var n;return((n=r[t])==null?void 0:n.width)||100/r.length},x=function(t){const n=S(t),l=a*(r.length-1)*(n/100);return`calc(${n}% - ${l}px)`},c=function({stackedStyle:t,desktopStyle:n}){return u==="tablet"?t:n},d=function({stackedStyle:t,desktopStyle:n}){return u==="never"?n:t},m=e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column",C=function(){return{"--flex-dir":m,"--flex-dir-tablet":c({stackedStyle:m,desktopStyle:"row"})}},v=function(t){const n=t===0?0:a,l=x(t),s=`${n}px`,h="100%",f=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:l,["marginLeft"]:s,"--column-width-mobile":d({stackedStyle:h,desktopStyle:l}),"--column-margin-left-mobile":d({stackedStyle:f,desktopStyle:s}),"--column-width-tablet":c({stackedStyle:h,desktopStyle:l}),"--column-margin-left-tablet":c({stackedStyle:f,desktopStyle:s})}},b=function(t){var l,s;return q.getSizesForBreakpoints(((s=(l=e.builderContext.content)==null?void 0:l.meta)==null?void 0:s.breakpoints)||{})[t].max},w=function(){const t=`.${e.builderBlock.id}-breakpoints > .builder-column`;return`
+"use strict";const o=require("react/jsx-runtime"),p=require("../../components/blocks/blocks.cjs"),W=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),j=require("../../components/inlined-styles.cjs"),q=require("../../constants/device-sizes.cjs"),B=require("../../functions/get-class-prop-name.cjs"),z=require("../../functions/get-style.cjs"),N=require("./helpers.cjs");function A(e){var g,k;const a=typeof e.space=="number"?e.space||0:20,r=e.columns||[],u=e.stackColumnsAt||"tablet",y=function(t){return t.link?e.builderLinkComponent||"a":"div"},S=function(t){var n;return((n=r[t])==null?void 0:n.width)||100/r.length},x=function(t){const n=S(t),l=a*(r.length-1)*(n/100);return`calc(${n}% - ${l}px)`},c=function({stackedStyle:t,desktopStyle:n}){return u==="tablet"?t:n},m=function({stackedStyle:t,desktopStyle:n}){return u==="never"?n:t},d=e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column",C=function(){return{"--flex-dir":d,"--flex-dir-tablet":c({stackedStyle:d,desktopStyle:"row"})}},v=function(t){const n=t===0?0:a,l=x(t),s=`${n}px`,h="100%",f=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:l,["marginLeft"]:s,"--column-width-mobile":m({stackedStyle:h,desktopStyle:l}),"--column-margin-left-mobile":m({stackedStyle:f,desktopStyle:s}),"--column-width-tablet":c({stackedStyle:h,desktopStyle:l}),"--column-margin-left-tablet":c({stackedStyle:f,desktopStyle:s})}},b=function(t){var l,s;return q.getSizesForBreakpoints(((s=(l=e.builderContext.content)==null?void 0:l.meta)==null?void 0:s.breakpoints)||{})[t].max},w=function(){const t=`.${e.builderBlock.id}-breakpoints > .builder-column`;return`
         @media (max-width: ${b("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
@@ -22,7 +22,7 @@
             margin-left: var(--column-margin-left-mobile) !important;
           }
         },
-      `},$=function(t,n){return{...t.link?{href:t.link}:{},[B.getClassPropName()]:"builder-column",style:z.mapStyleObjToStrIfNeeded(v(n))}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:N.getColumnsClass((g=e.builderBlock)==null?void 0:g.id)+" div-2cd13691",style:C(),children:[o.jsx(j,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(k=e.columns)==null?void 0:k.map((i,t)=>o.jsx(W,{TagName:y(i),actionAttributes:{},attributes:$(i,t),children:o.jsx(p,{path:`component.options.columns.${t}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"},context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:i.blocks})},t))]}),o.jsx("style",{children:`.div-2cd13691 {
+      `},$=function(t,n){return{...t.link?{href:t.link}:{},[B.getClassPropName()]:"builder-column",style:z.mapStyleObjToStrIfNeeded(v(n))}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:N.getColumnsClass((g=e.builderBlock)==null?void 0:g.id)+" div-153273e4",style:C(),children:[o.jsx(j,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(k=e.columns)==null?void 0:k.map((i,t)=>o.jsx(W,{TagName:y(i),actionAttributes:{},attributes:$(i,t),children:o.jsx(p,{path:`component.options.columns.${t}.blocks`,parent:e.builderBlock.id,styleProp:{flexGrow:"1"},context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:i.blocks})},t))]}),o.jsx("style",{children:`.div-153273e4 {
   display: flex;
   line-height: normal;
 }`})]})}module.exports=A;

package/lib/node/blocks/columns/columns.mjs

@@ -106,7 +106,7 @@ function q(e) {
     /* @__PURE__ */ y(
       "div",
       {
-        className: D((f = e.builderBlock) == null ? void 0 : f.id) + " div-2cd13691",
+        className: D((f = e.builderBlock) == null ? void 0 : f.id) + " div-153273e4",
         style: p(),
         children: [
           /* @__PURE__ */ r(
@@ -143,7 +143,7 @@ function q(e) {
         ]
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.div-2cd13691 {
+    /* @__PURE__ */ r("style", { children: `.div-153273e4 {
   display: flex;
   line-height: normal;
 }` })

package/lib/node/blocks/image/image.cjs

@@ -1,11 +1,11 @@
-"use client";"use strict";const t=require("react/jsx-runtime"),f=require("react"),l=require("./image.helpers.cjs");function b(e){var s,r,d,u,o,g;function n(){var h;const i=e.image||e.src;if(!i||!(i.match(/builder\.io/)||i.match(/cdn\.shopify\.com/)))return e.srcset;if(!e.noWebp){if(e.srcset&&((h=e.image)!=null&&h.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),l.getSrcSet(i)}else if(e.image&&!e.srcset)return l.getSrcSet(i);return l.getSrcSet(i)}}function a(){var c;return(c=n==null?void 0:n())!=null&&c.match(/builder\.io/)&&!e.noWebp?n().replace(/\?/g,"?format=webp&"):""}function m(){const c={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?c:void 0}return f.useEffect(()=>{},[]),t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[a()?t.jsx("source",{type:"image/webp",srcSet:a()}):null,t.jsx("img",{loading:e.highPriority?"eager":"lazy",fetchPriority:e.highPriority?"high":"auto",alt:e.altText,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...m()},className:"builder-image"+(e.className?" "+e.className:"")+" img-2d6925f2",src:e.image,srcSet:n(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(s=e.builderBlock)==null?void 0:s.children)!=null&&r.length&&e.fitContent)?t.jsx("div",{className:"builder-image-sizer div-2d6925f2",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(u=(d=e.builderBlock)==null?void 0:d.children)!=null&&u.length&&e.fitContent?t.jsx(t.Fragment,{children:e.children}):null,!e.fitContent&&((g=(o=e.builderBlock)==null?void 0:o.children)!=null&&g.length)?t.jsx("div",{className:"div-2d6925f2-2",children:e.children}):null]}),t.jsx("style",{children:`.img-2d6925f2 {
+"use client";"use strict";const t=require("react/jsx-runtime"),b=require("react"),c=require("./image.helpers.cjs");function f(e){var s,r,u,o,d,g;function n(){var h;const i=e.image||e.src;if(!i||!(i.match(/builder\.io/)||i.match(/cdn\.shopify\.com/)))return e.srcset;if(!e.noWebp){if(e.srcset&&((h=e.image)!=null&&h.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),c.getSrcSet(i)}else if(e.image&&!e.srcset)return c.getSrcSet(i);return c.getSrcSet(i)}}function l(){var a;return(a=n==null?void 0:n())!=null&&a.match(/builder\.io/)&&!e.noWebp?n().replace(/\?/g,"?format=webp&"):""}function m(){const a={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?a:void 0}return b.useEffect(()=>{},[]),t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[l()?t.jsx("source",{type:"image/webp",srcSet:l()}):null,t.jsx("img",{loading:e.highPriority?"eager":"lazy",fetchPriority:e.highPriority?"high":"auto",alt:e.altText,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...m()},className:"builder-image"+(e.className?" "+e.className:"")+" img-7a292ab8",src:e.image,srcSet:n(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(s=e.builderBlock)==null?void 0:s.children)!=null&&r.length&&e.fitContent)?t.jsx("div",{className:"builder-image-sizer div-7a292ab8",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(o=(u=e.builderBlock)==null?void 0:u.children)!=null&&o.length&&e.fitContent?t.jsx(t.Fragment,{children:e.children}):null,!e.fitContent&&((g=(d=e.builderBlock)==null?void 0:d.children)!=null&&g.length)?t.jsx("div",{className:"div-7a292ab8-2",children:e.children}):null]}),t.jsx("style",{children:`.img-7a292ab8 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-2d6925f2 {
+}.div-7a292ab8 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-2d6925f2-2 {
+}.div-7a292ab8-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -14,4 +14,4 @@
   left: 0;
   width: 100%;
   height: 100%;
-}`})]})}module.exports=b;
+}`})]})}module.exports=f;

package/lib/node/blocks/image/image.mjs

@@ -1,44 +1,44 @@
 "use client";
-import { jsxs as l, Fragment as a, jsx as t } from "react/jsx-runtime";
+import { jsxs as c, Fragment as l, jsx as t } from "react/jsx-runtime";
 import { useEffect as v } from "react";
-import { getSrcSet as d } from "./image.helpers.mjs";
+import { getSrcSet as o } from "./image.helpers.mjs";
 function w(e) {
-  var r, u, s, m, g, f;
+  var d, u, s, m, g, h;
   function n() {
-    var h;
+    var f;
     const i = e.image || e.src;
     if (!i || // We can auto add srcset for cdn.builder.io and shopify
     // images, otherwise you can supply this prop manually
     !(i.match(/builder\.io/) || i.match(/cdn\.shopify\.com/)))
       return e.srcset;
     if (!e.noWebp) {
-      if (e.srcset && ((h = e.image) != null && h.includes("builder.io/api/v1/image"))) {
+      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"), d(i);
+          return console.debug("Removed given srcset"), o(i);
       } else if (e.image && !e.srcset)
-        return d(i);
-      return d(i);
+        return o(i);
+      return o(i);
     }
   }
-  function o() {
-    var c;
-    return (c = n == null ? void 0 : n()) != null && c.match(/builder\.io/) && !e.noWebp ? n().replace(/\?/g, "?format=webp&") : "";
+  function r() {
+    var a;
+    return (a = n == null ? void 0 : n()) != null && a.match(/builder\.io/) && !e.noWebp ? n().replace(/\?/g, "?format=webp&") : "";
   }
   function b() {
-    const c = {
+    const a = {
       position: "absolute",
       height: "100%",
       width: "100%",
       left: "0px",
       top: "0px"
     };
-    return e.aspectRatio ? c : void 0;
+    return e.aspectRatio ? a : void 0;
   }
   return v(() => {
-  }, []), /* @__PURE__ */ l(a, { children: [
-    /* @__PURE__ */ l(a, { children: [
-      /* @__PURE__ */ l("picture", { children: [
-        o() ? /* @__PURE__ */ t("source", { type: "image/webp", srcSet: o() }) : null,
+  }, []), /* @__PURE__ */ c(l, { children: [
+    /* @__PURE__ */ c(l, { children: [
+      /* @__PURE__ */ c("picture", { children: [
+        r() ? /* @__PURE__ */ t("source", { type: "image/webp", srcSet: r() }) : null,
         /* @__PURE__ */ t(
           "img",
           {
@@ -51,33 +51,33 @@ function w(e) {
               objectFit: e.backgroundSize || "cover",
               ...b()
             },
-            className: "builder-image" + (e.className ? " " + e.className : "") + " img-2d6925f2",
+            className: "builder-image" + (e.className ? " " + e.className : "") + " img-7a292ab8",
             src: e.image,
             srcSet: n(),
             sizes: e.sizes
           }
         )
       ] }),
-      e.aspectRatio && !((u = (r = e.builderBlock) == null ? void 0 : r.children) != null && u.length && e.fitContent) ? /* @__PURE__ */ t(
+      e.aspectRatio && !((u = (d = e.builderBlock) == null ? void 0 : d.children) != null && u.length && e.fitContent) ? /* @__PURE__ */ t(
         "div",
         {
-          className: "builder-image-sizer div-2d6925f2",
+          className: "builder-image-sizer div-7a292ab8",
           style: {
             paddingTop: e.aspectRatio * 100 + "%"
           }
         }
       ) : null,
-      (m = (s = e.builderBlock) == null ? void 0 : s.children) != null && m.length && e.fitContent ? /* @__PURE__ */ t(a, { children: e.children }) : null,
-      !e.fitContent && ((f = (g = e.builderBlock) == null ? void 0 : g.children) != null && f.length) ? /* @__PURE__ */ t("div", { className: "div-2d6925f2-2", children: e.children }) : null
+      (m = (s = e.builderBlock) == null ? void 0 : s.children) != null && m.length && e.fitContent ? /* @__PURE__ */ t(l, { children: e.children }) : null,
+      !e.fitContent && ((h = (g = e.builderBlock) == null ? void 0 : g.children) != null && h.length) ? /* @__PURE__ */ t("div", { className: "div-7a292ab8-2", children: e.children }) : null
     ] }),
-    /* @__PURE__ */ t("style", { children: `.img-2d6925f2 {
+    /* @__PURE__ */ t("style", { children: `.img-7a292ab8 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-2d6925f2 {
+}.div-7a292ab8 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-2d6925f2-2 {
+}.div-7a292ab8-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/lib/node/components/awaiter.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const e=require("react/jsx-runtime"),t=require("react");function n(r){return t.useEffect(()=>{},[]),e.jsx(e.Fragment,{children:r.children})}module.exports=n;

package/lib/node/components/awaiter.mjs

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as r, Fragment as t } from "react/jsx-runtime";
+import { useEffect as i } from "react";
+function o(e) {
+  return i(() => {
+  }, []), /* @__PURE__ */ r(t, { children: e.children });
+}
+export {
+  o as default
+};

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

@@ -1 +1 @@
-"use client";"use strict";const c=require("react/jsx-runtime"),o=require("../../../functions/get-block-actions.cjs"),n=require("../../../functions/get-block-properties.cjs");function r(t){function e(){return t.includeBlockProps?{...n.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})}:{}}return c.jsx(t.Wrapper,{...t.wrapperProps,attributes:e(),children:t.children})}module.exports=r;
+"use client";"use strict";const e=require("react/jsx-runtime"),r=require("../../../functions/get-block-actions.cjs"),n=require("../../../functions/get-block-properties.cjs"),o=require("../../awaiter.cjs");function a(t){function c(){return t.includeBlockProps?{...n.getBlockProperties({block:t.block,context:t.context}),...r.getBlockActions({block:t.block,rootState:t.context.rootState,rootSetState:t.context.rootSetState,localState:t.context.localState,context:t.context.context})}:{}}return e.jsx(e.Fragment,{children:t.Wrapper.load?e.jsx(e.Fragment,{children:e.jsx(o,{load:t.Wrapper.load,fallback:t.Wrapper.fallback,props:t.wrapperProps,attributes:c(),children:t.children})}):e.jsx(t.Wrapper,{...t.wrapperProps,attributes:c(),children:t.children})})}module.exports=a;

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

@@ -1,15 +1,16 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { getBlockActions as c } from "../../../functions/get-block-actions.mjs";
-import { getBlockProperties as n } from "../../../functions/get-block-properties.mjs";
-function i(t) {
-  function e() {
+import { jsx as e, Fragment as c } from "react/jsx-runtime";
+import { getBlockActions as o } from "../../../functions/get-block-actions.mjs";
+import { getBlockProperties as a } from "../../../functions/get-block-properties.mjs";
+import l from "../../awaiter.mjs";
+function u(t) {
+  function r() {
     return t.includeBlockProps ? {
-      ...n({
+      ...a({
         block: t.block,
         context: t.context
       }),
-      ...c({
+      ...o({
         block: t.block,
         rootState: t.context.rootState,
         rootSetState: t.context.rootSetState,
@@ -18,8 +19,17 @@ function i(t) {
       })
     } : {};
   }
-  return /* @__PURE__ */ o(t.Wrapper, { ...t.wrapperProps, attributes: e(), children: t.children });
+  return /* @__PURE__ */ e(c, { children: t.Wrapper.load ? /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
+    l,
+    {
+      load: t.Wrapper.load,
+      fallback: t.Wrapper.fallback,
+      props: t.wrapperProps,
+      attributes: r(),
+      children: t.children
+    }
+  ) }) : /* @__PURE__ */ e(t.Wrapper, { ...t.wrapperProps, attributes: r(), children: t.children }) });
 }
 export {
-  i as default
+  u as default
 };

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

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