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

package/lib/browser/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/browser/functions/evaluate/choose-eval.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../is-browser.cjs"),e=require("./browser-runtime/browser.cjs"),s=require("./should-force-browser-runtime-in-node.cjs"),n=r=>(o.isBrowser()||s.shouldForceBrowserRuntimeInNode(),e.runInBrowser(r));exports.chooseBrowserOrServerEval=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../is-browser.cjs"),e=require("./browser-runtime/browser.cjs"),s=require("./should-force-browser-runtime-in-node.cjs"),n=r=>(o.isBrowser()||s.shouldForceBrowserRuntimeInNode({shouldLogWarning:!0}),e.runInBrowser(r));exports.chooseBrowserOrServerEval=n;

package/lib/browser/functions/evaluate/choose-eval.mjs

@@ -1,7 +1,9 @@
 import { isBrowser as e } from "../is-browser.mjs";
 import { runInBrowser as o } from "./browser-runtime/browser.mjs";
-import { shouldForceBrowserRuntimeInNode as m } from "./should-force-browser-runtime-in-node.mjs";
-const n = (r) => e() || m() ? o(r) : o(r);
+import { shouldForceBrowserRuntimeInNode as s } from "./should-force-browser-runtime-in-node.mjs";
+const i = (r) => e() || s({
+  shouldLogWarning: !0
+}) ? o(r) : o(r);
 export {
-  n as chooseBrowserOrServerEval
+  i as chooseBrowserOrServerEval
 };

package/lib/browser/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/browser/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/browser/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/browser/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/browser/functions/evaluate/should-force-browser-runtime-in-node.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../helpers/logger.cjs"),t=require("../is-node-runtime.cjs"),i=()=>{var e;if(!t.isNodeRuntime())return!1;const o=process.arch==="arm64",s=process.version.startsWith("v20"),r=(e=process.env.NODE_OPTIONS)==null?void 0:e.includes("--no-node-snapshot");return o&&s&&!r?(n.logger.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "),!0):!1};exports.shouldForceBrowserRuntimeInNode=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../helpers/logger.cjs"),t=require("../is-node-runtime.cjs"),a=({shouldLogWarning:o})=>{var e;if(!t.isNodeRuntime())return!1;const s=process.arch==="arm64",r=process.version.startsWith("v20"),n=(e=process.env.NODE_OPTIONS)==null?void 0:e.includes("--no-node-snapshot");return s&&r&&!n?(o&&i.logger.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "),!0):!1};exports.shouldForceBrowserRuntimeInNode=a;

package/lib/browser/functions/evaluate/should-force-browser-runtime-in-node.mjs

@@ -1,12 +1,14 @@
 import { logger as n } from "../../helpers/logger.mjs";
-import { isNodeRuntime as i } from "../is-node-runtime.mjs";
-const p = () => {
+import { isNodeRuntime as t } from "../is-node-runtime.mjs";
+const d = ({
+  shouldLogWarning: e
+}) => {
   var o;
-  if (!i())
+  if (!t())
     return !1;
-  const e = process.arch === "arm64", s = process.version.startsWith("v20"), r = (o = process.env.NODE_OPTIONS) == null ? void 0 : o.includes("--no-node-snapshot");
-  return e && s && !r ? (n.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
+  const s = process.arch === "arm64", r = process.version.startsWith("v20"), i = (o = process.env.NODE_OPTIONS) == null ? void 0 : o.includes("--no-node-snapshot");
+  return s && r && !i ? (e && n.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
 };
 export {
-  p as shouldForceBrowserRuntimeInNode
+  d as shouldForceBrowserRuntimeInNode
 };

package/lib/browser/init.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("isolated-vm"),n=require("./functions/evaluate/node-runtime/node-runtime.cjs"),o=e=>{const{ivmIsolateOptions:i}=e||{};n.setIvm(t,i)};exports.initializeNodeRuntime=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./functions/evaluate/should-force-browser-runtime-in-node.cjs"),t=require("isolated-vm"),n=require("./functions/evaluate/node-runtime/node-runtime.cjs"),r=e=>{if(o.shouldForceBrowserRuntimeInNode({shouldLogWarning:!0}))return;const{ivmIsolateOptions:i}=e||{};n.setIvm(t,i)};exports.initializeNodeRuntime=r;

package/lib/browser/init.mjs

@@ -1,11 +1,16 @@
+import { shouldForceBrowserRuntimeInNode as r } from "./functions/evaluate/should-force-browser-runtime-in-node.mjs";
 import t from "isolated-vm";
-import { setIvm as m } from "./functions/evaluate/node-runtime/node-runtime.mjs";
-const r = (i) => {
+import { setIvm as e } from "./functions/evaluate/node-runtime/node-runtime.mjs";
+const u = (o) => {
+  if (r({
+    shouldLogWarning: !0
+  }))
+    return;
   const {
-    ivmIsolateOptions: o
-  } = i || {};
-  m(t, o);
+    ivmIsolateOptions: i
+  } = o || {};
+  e(t, i);
 };
 export {
-  r as initializeNodeRuntime
+  u as initializeNodeRuntime
 };

package/lib/edge/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/edge/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/edge/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/edge/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/edge/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/edge/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/edge/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/edge/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/edge/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;

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

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs as o, Fragment as d, jsx as r } from "react/jsx-runtime";
-import { useRef as f, useEffect as u } from "react";
+import { useRef as u, useEffect as f } from "react";
 import { isEditing as a } from "../../functions/is-editing.mjs";
 function h(e) {
-  const c = f(null);
+  const c = u(null);
   function i() {
     var t;
     return "builder-blocks" + ((t = e.blocks) != null && t.length ? "" : " no-blocks");
@@ -34,13 +34,13 @@ function h(e) {
       "*"
     ));
   }
-  return u(() => {
+  return f(() => {
   }, []), /* @__PURE__ */ o(d, { children: [
     /* @__PURE__ */ r(
       e.BlocksWrapper,
       {
         ref: c,
-        className: i() + " props-blocks-wrapper-51ef31b4",
+        className: i() + " props-blocks-wrapper-77bdc7c6",
         "builder-path": e.path,
         "builder-parent-id": e.parent,
         style: e.styleProp,
@@ -51,7 +51,7 @@ function h(e) {
         children: e.children
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-51ef31b4 {
+    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-77bdc7c6 {
   display: flex;
   flex-direction: column;
   align-items: stretch;