@builder.io/sdk-react-nextjs 0.16.19 → 0.16.23

package/lib/edge/components/content/components/enable-editor.mjs

@@ -7,44 +7,45 @@ import { fastClone as _ } from "../../../functions/fast-clone.mjs";
 import { fetchOneEntry as D } from "../../../functions/get-content/index.mjs";
 import { isBrowser as L } from "../../../functions/is-browser.mjs";
 import { isEditing as f } from "../../../functions/is-editing.mjs";
-import { isPreviewing as O } from "../../../functions/is-previewing.mjs";
+import { isPreviewing as F } from "../../../functions/is-previewing.mjs";
+import { logFetch as O } from "../../../functions/log-fetch.mjs";
 import { createRegisterComponentMessage as B } from "../../../functions/register-component.mjs";
 import { _track as y } from "../../../functions/track/index.mjs";
-import { getInteractionPropertiesForEvent as F } from "../../../functions/track/interaction.mjs";
+import { getInteractionPropertiesForEvent as z } from "../../../functions/track/interaction.mjs";
 import { getDefaultCanTrack as K } from "../../../helpers/canTrack.mjs";
-import { postPreviewContent as z } from "../../../helpers/preview-lru-cache/set.mjs";
-import { createEditorListener as $ } from "../../../helpers/subscribe-to-editor.mjs";
-import { registerInsertMenu as G, setupBrowserForEditing as J } from "../../../scripts/init-editing.mjs";
-import { triggerAnimation as Q } from "../../block/animator.mjs";
-import { getWrapperClassName as X } from "./styles.helpers.mjs";
-import { useRouter as Y } from "next/navigation";
-function Ct(t) {
+import { postPreviewContent as $ } from "../../../helpers/preview-lru-cache/set.mjs";
+import { createEditorListener as G } from "../../../helpers/subscribe-to-editor.mjs";
+import { registerInsertMenu as J, setupBrowserForEditing as Q } from "../../../scripts/init-editing.mjs";
+import { triggerAnimation as X } from "../../block/animator.mjs";
+import { getWrapperClassName as Y } from "./styles.helpers.mjs";
+import { useRouter as Z } from "next/navigation";
+function It(t) {
   var w, k, P;
   const d = H(null);
   function g(n) {
-    var a, i;
+    var r, i;
     const e = {
       ...t.builderContextSignal.rootState,
       ...n
     };
-    t.builderContextSignal.rootSetState ? (i = (a = t.builderContextSignal).rootSetState) == null || i.call(a, e) : t.builderContextSignal.rootState = e;
+    t.builderContextSignal.rootSetState ? (i = (r = t.builderContextSignal).rootSetState) == null || i.call(r, e) : t.builderContextSignal.rootState = e;
   }
   function b(n) {
-    var a, i, r, o, s;
+    var r, i, a, o, u;
     const e = {
       ...t.builderContextSignal.content,
       ...n,
       data: {
-        ...(a = t.builderContextSignal.content) == null ? void 0 : a.data,
+        ...(r = t.builderContextSignal.content) == null ? void 0 : r.data,
         ...n == null ? void 0 : n.data
       },
       meta: {
         ...(i = t.builderContextSignal.content) == null ? void 0 : i.meta,
         ...n == null ? void 0 : n.meta,
-        breakpoints: ((r = n == null ? void 0 : n.meta) == null ? void 0 : r.breakpoints) || ((s = (o = t.builderContextSignal.content) == null ? void 0 : o.meta) == null ? void 0 : s.breakpoints)
+        breakpoints: ((a = n == null ? void 0 : n.meta) == null ? void 0 : a.breakpoints) || ((u = (o = t.builderContextSignal.content) == null ? void 0 : o.meta) == null ? void 0 : u.breakpoints)
       }
     };
-    z({
+    $({
       value: e,
       key: e.id
     }).then(() => {
@@ -57,25 +58,25 @@ function Ct(t) {
       "aria-hidden": !0
     };
   }
-  const [T, Z] = m(
+  const [T, p] = m(
     () => t.contentWrapper || "div"
   );
   function v(n) {
-    return $({
+    return G({
       model: t.model,
       trustedHosts: t.trustedHosts,
       callbacks: {
         configureSdk: (e) => {
-          var r;
-          const { breakpoints: a, contentId: i } = e;
-          !i || i !== ((r = t.builderContextSignal.content) == null ? void 0 : r.id) || a && b({
+          var a;
+          const { breakpoints: r, contentId: i } = e;
+          !i || i !== ((a = t.builderContextSignal.content) == null ? void 0 : a.id) || r && b({
             meta: {
-              breakpoints: a
+              breakpoints: r
             }
           });
         },
         animation: (e) => {
-          Q(e);
+          X(e);
         },
         contentUpdate: (e) => {
           b(e);
@@ -83,32 +84,32 @@ function Ct(t) {
       }
     })(n);
   }
-  const [h, p] = m(() => ({})), [S, tt] = m(() => ({})), [x, V] = m(() => !1);
+  const [h, tt] = m(() => ({})), [S, et] = m(() => ({})), [x, V] = m(() => !1);
   function M(n) {
-    var e, a;
+    var e, r;
     if (t.builderContextSignal.content) {
-      const i = (e = t.builderContextSignal.content) == null ? void 0 : e.testVariationId, r = (a = t.builderContextSignal.content) == null ? void 0 : a.id;
+      const i = (e = t.builderContextSignal.content) == null ? void 0 : e.testVariationId, a = (r = t.builderContextSignal.content) == null ? void 0 : r.id;
       y({
         apiHost: t.apiHost,
         type: "click",
         canTrack: K(t.canTrack),
-        contentId: r,
+        contentId: a,
         apiKey: t.apiKey,
-        variationId: i !== r ? i : void 0,
-        ...F(n),
+        variationId: i !== a ? i : void 0,
+        ...z(n),
         unique: !x
       });
     }
     x || V(!0);
   }
   function N() {
-    var e, a, i;
-    const n = (i = (a = (e = t.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : a.httpRequests) != null ? i : {};
-    Object.entries(n).forEach(([r, o]) => {
-      if (!o || S[r] || h[r] && !f())
+    var e, r, i;
+    const n = (i = (r = (e = t.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : r.httpRequests) != null ? i : {};
+    Object.entries(n).forEach(([a, o]) => {
+      if (!o || S[a] || h[a] && !f())
         return;
-      S[r] = !0;
-      const s = o.replace(
+      S[a] = !0;
+      const u = o.replace(
         /{{([^}]+)}}/g,
         (l, j) => String(
           U({
@@ -120,18 +121,18 @@ function Ct(t) {
           })
         )
       );
-      fetch(s).then((l) => l.json()).then((l) => {
+      O(u), fetch(u).then((l) => l.json()).then((l) => {
         g({
-          [r]: l
-        }), h[r] = !0;
+          [a]: l
+        }), h[a] = !0;
       }).catch((l) => {
         console.error("error fetching dynamic data", o, l);
       }).finally(() => {
-        S[r] = !1;
+        S[a] = !1;
       });
     });
   }
-  function u() {
+  function s() {
     f() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
@@ -147,7 +148,7 @@ function Ct(t) {
     );
   }
   function C(n) {
-    window.addEventListener("message", v), G(), J({
+    window.addEventListener("message", v), J(), Q({
       ...t.locale ? {
         locale: t.locale
       } : {},
@@ -161,18 +162,18 @@ function Ct(t) {
       t.builderContextSignal.componentInfos
     ).forEach((e) => {
       var i;
-      const a = B(e);
-      (i = window.parent) == null || i.postMessage(a, "*");
+      const r = B(e);
+      (i = window.parent) == null || i.postMessage(r, "*");
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
-      u
+      s
     );
   }
   function E(n) {
-    const e = new URL(location.href).searchParams, a = e.get("builder.preview"), i = e.get(
-      `builder.overrides.${a}`
-    ), r = e.get("apiKey") || e.get("builder.space");
-    a === t.model && r === t.apiKey && (!t.content || i === t.content.id) && D({
+    const e = new URL(location.href).searchParams, r = e.get("builder.preview"), i = e.get(
+      `builder.overrides.${r}`
+    ), a = e.get("apiKey") || e.get("builder.space");
+    r === t.model && a === t.apiKey && (!t.content || i === t.content.id) && D({
       model: t.model,
       apiKey: t.apiKey,
       apiVersion: t.builderContextSignal.apiVersion
@@ -180,8 +181,8 @@ function Ct(t) {
       o && b(o);
     });
   }
-  const W = Y(), I = H(!1);
-  return I.current || (N(), u(), I.current = !0), c(() => {
+  const W = Z(), I = H(!1);
+  return I.current || (N(), s(), I.current = !0), c(() => {
     var n;
     return (n = d.current) == null || n.addEventListener(
       "initeditingbldr",
@@ -209,21 +210,21 @@ function Ct(t) {
     var n, e;
     if (L()) {
       if (f() && !t.isNestedRender && d.current && d.current.dispatchEvent(new CustomEvent("initeditingbldr")), t.builderContextSignal.content && K(t.canTrack)) {
-        const i = (n = t.builderContextSignal.content) == null ? void 0 : n.testVariationId, r = (e = t.builderContextSignal.content) == null ? void 0 : e.id, o = t.apiKey;
+        const i = (n = t.builderContextSignal.content) == null ? void 0 : n.testVariationId, a = (e = t.builderContextSignal.content) == null ? void 0 : e.id, o = t.apiKey;
         y({
           apiHost: t.apiHost,
           type: "impression",
           canTrack: !0,
-          contentId: r,
+          contentId: a,
           apiKey: o,
-          variationId: i !== r ? i : void 0
+          variationId: i !== a ? i : void 0
         });
       }
-      O() && f();
+      F() && f();
     }
   }, []), c(() => {
   }, [t.content]), c(() => {
-    u();
+    s();
   }, [t.builderContextSignal.rootState]), c(() => {
     t.data && g(t.data);
   }, [t.data]), c(() => {
@@ -233,7 +234,7 @@ function Ct(t) {
   }, [t.locale]), c(() => () => {
     L() && (window.removeEventListener("message", v), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      u
+      s
     ));
   }, []), /* @__PURE__ */ R(A.Provider, { value: t.builderContextSignal, children: t.builderContextSignal.content ? /* @__PURE__ */ R(
     T,
@@ -242,7 +243,7 @@ function Ct(t) {
       onClick: (n) => M(n),
       "builder-content-id": (w = t.builderContextSignal.content) == null ? void 0 : w.id,
       "builder-model": t.model,
-      className: X(
+      className: Y(
         ((k = t.content) == null ? void 0 : k.testVariationId) || ((P = t.content) == null ? void 0 : P.id)
       ),
       ...q(),
@@ -252,5 +253,5 @@ function Ct(t) {
   ) : null });
 }
 export {
-  Ct as default
+  It as default
 };

package/lib/edge/constants/sdk-version.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.16.19";exports.SDK_VERSION=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.16.23";exports.SDK_VERSION=e;

package/lib/edge/constants/sdk-version.mjs

@@ -1,4 +1,4 @@
-const o = "0.16.19";
+const o = "0.16.23";
 export {
   o as SDK_VERSION
 };

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

@@ -1,8 +1,8 @@
-"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.
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../constants/sdk-name.cjs"),l=require("../../../helpers/logger.cjs"),c=require("./safeDynamicRequire.cjs"),d="BUILDER_IVM";let n=null,s=null;const u=(t,e={})=>{n||(n=t,S(e))},m=o.SDK_NAME==="@builder.io/sdk-react-nextjs"||o.SDK_NAME==="@builder.io/sdk-react"||o.SDK_NAME==="@builder.io/sdk-qwik"||o.SDK_NAME==="@builder.io/sdk-vue",I=()=>{try{if(n)return n;const e=c.safeDynamicRequire("isolated-vm");if(e)return e}catch(e){l.logger.error("isolated-vm import error.",e)}const t=`${l.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 "${t.SDK_NAME}/node/init".`:""}
+    ${m?`- import and call \`initializeNodeRuntime()\` from "${o.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(),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;
+    For more information, visit https://builder.io/c/docs/integration-tips#enabling-data-bindings-in-node-environments`;throw new Error(t)};function S(t={memoryLimit:128}){if(s)return s;const e=I(),r=new e.Isolate(t).createContextSync(),i=r.global;return i.setSync("global",i.derefInto()),i.setSync("log",function(...a){console.log(...a)}),i.setSync(d,e),s=r,r}exports.setIvm=u;

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

@@ -1,38 +1,40 @@
 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 d = "BUILDER_IVM";
-let n = null;
-const E = (t, o = {}) => {
-  n = t, u(o);
-}, m = e === "@builder.io/sdk-react-nextjs" || e === "@builder.io/sdk-react" || e === "@builder.io/sdk-qwik" || e === "@builder.io/sdk-vue", I = () => {
+import { logger as a, MSG_PREFIX as c } from "../../../helpers/logger.mjs";
+import { safeDynamicRequire as d } from "./safeDynamicRequire.mjs";
+const m = "BUILDER_IVM";
+let n = null, l = null;
+const S = (t, o = {}) => {
+  n || (n = t, f(o));
+}, u = 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;
-    const o = c("isolated-vm");
+    const o = d("isolated-vm");
     if (o)
       return o;
   } catch (o) {
-    l.error("isolated-vm import error.", o);
+    a.error("isolated-vm import error.", o);
   }
-  const t = `${a}could not import \`isolated-vm\` module for safe script execution on a Node server.
+  const t = `${c}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 "${e}/node/init".` : ""}
+    ${u ? `- 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`;
   throw new Error(t);
 };
-function u(t = {
+function f(t = {
   memoryLimit: 128
 }) {
+  if (l)
+    return l;
   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);
-  }), i.setSync(d, o), r;
+  }), i.setSync(m, o), l = r, r;
 }
 export {
-  E as setIvm
+  S as setIvm
 };

package/lib/edge/functions/log-fetch.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../helpers/logger.cjs");function t(o){var e;typeof process!="undefined"&&((e=process.env)!=null&&e.DEBUG)&&String(process.env.DEBUG)=="true"&&r.logger.log(o)}exports.logFetch=t;

package/lib/edge/functions/log-fetch.mjs

@@ -0,0 +1,8 @@
+import { logger as r } from "../helpers/logger.mjs";
+function t(o) {
+  var e;
+  typeof process != "undefined" && ((e = process.env) != null && e.DEBUG) && String(process.env.DEBUG) == "true" && r.log(o);
+}
+export {
+  t as logFetch
+};

package/lib/edge/functions/track/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../constants/target.cjs"),a=require("../../helpers/logger.cjs"),c=require("../../helpers/sdk-headers.cjs"),d=require("../../helpers/sessionId.cjs"),u=require("../../helpers/visitorId.cjs"),g=require("../is-browser.cjs"),l=require("../is-editing.cjs"),y=require("./helpers.cjs"),I=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await d.getSessionId({canTrack:e}),r=u.getVisitorId({canTrack:e});return{sessionId:t,visitorId:r}},k=async({type:e,canTrack:t,apiKey:r,metadata:i,...o})=>({type:e,data:{...o,metadata:{url:location.href,...i},...await I({canTrack:t}),userAttributes:y.getUserAttributes(),ownerId:r}});async function s({apiHost:e,...t}){if(!t.apiKey){a.logger.error("Missing API key for track call. Please provide your API key.");return}return!t.canTrack||l.isEditing()||!(g.isBrowser()||n.TARGET==="reactNative")?void 0:fetch(`${e||"https://cdn.builder.io"}/api/v1/track`,{method:"POST",body:JSON.stringify({events:[await k(t)]}),headers:{"content-type":"application/json",...c.getSdkHeaders()},mode:"cors"}).catch(i=>{console.error("Failed to track: ",i)})}const f=e=>s({...e,canTrack:!0});exports._track=s;exports.track=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../constants/target.cjs"),a=require("../../helpers/logger.cjs"),c=require("../../helpers/sdk-headers.cjs"),d=require("../../helpers/sessionId.cjs"),u=require("../../helpers/visitorId.cjs"),l=require("../is-browser.cjs"),g=require("../is-editing.cjs"),y=require("../log-fetch.cjs"),I=require("./helpers.cjs"),k=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await d.getSessionId({canTrack:e}),r=u.getVisitorId({canTrack:e});return{sessionId:t,visitorId:r}},f=async({type:e,canTrack:t,apiKey:r,metadata:s,...i})=>({type:e,data:{...i,metadata:{url:location.href,...s},...await k({canTrack:t}),userAttributes:I.getUserAttributes(),ownerId:r}});async function o({apiHost:e,...t}){if(!t.apiKey){a.logger.error("Missing API key for track call. Please provide your API key.");return}if(!t.canTrack||g.isEditing()||!(l.isBrowser()||n.TARGET==="reactNative"))return;const s=`${e||"https://cdn.builder.io"}/api/v1/track`;return y.logFetch(s),fetch(s,{method:"POST",body:JSON.stringify({events:[await f(t)]}),headers:{"content-type":"application/json",...c.getSdkHeaders()},mode:"cors"}).catch(i=>{console.error("Failed to track: ",i)})}const v=e=>o({...e,canTrack:!0});exports._track=o;exports.track=v;

package/lib/edge/functions/track/index.mjs

@@ -1,12 +1,13 @@
-import { TARGET as a } from "../../constants/target.mjs";
-import { logger as s } from "../../helpers/logger.mjs";
+import { TARGET as s } from "../../constants/target.mjs";
+import { logger as a } from "../../helpers/logger.mjs";
 import { getSdkHeaders as n } from "../../helpers/sdk-headers.mjs";
 import { getSessionId as c } from "../../helpers/sessionId.mjs";
 import { getVisitorId as d } from "../../helpers/visitorId.mjs";
 import { isBrowser as m } from "../is-browser.mjs";
 import { isEditing as f } from "../is-editing.mjs";
-import { getUserAttributes as p } from "./helpers.mjs";
-const u = async ({
+import { logFetch as p } from "../log-fetch.mjs";
+import { getUserAttributes as u } from "./helpers.mjs";
+const l = async ({
   canTrack: t
 }) => {
   if (!t)
@@ -23,7 +24,7 @@ const u = async ({
     sessionId: r,
     visitorId: e
   };
-}, l = async ({
+}, g = async ({
   type: t,
   canTrack: r,
   apiKey: e,
@@ -37,10 +38,10 @@ const u = async ({
       url: location.href,
       ...o
     },
-    ...await u({
+    ...await l({
       canTrack: r
     }),
-    userAttributes: p(),
+    userAttributes: u(),
     ownerId: e
   }
 });
@@ -49,28 +50,31 @@ async function y({
   ...r
 }) {
   if (!r.apiKey) {
-    s.error("Missing API key for track call. Please provide your API key.");
+    a.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  return !r.canTrack || f() || !(m() || a === "reactNative") ? void 0 : fetch(`${t || "https://cdn.builder.io"}/api/v1/track`, {
+  if (!r.canTrack || f() || !(m() || s === "reactNative"))
+    return;
+  const o = `${t || "https://cdn.builder.io"}/api/v1/track`;
+  return p(o), fetch(o, {
     method: "POST",
     body: JSON.stringify({
-      events: [await l(r)]
+      events: [await g(r)]
     }),
     headers: {
       "content-type": "application/json",
       ...n()
     },
     mode: "cors"
-  }).catch((o) => {
-    console.error("Failed to track: ", o);
+  }).catch((i) => {
+    console.error("Failed to track: ", i);
   });
 }
-const E = (t) => y({
+const T = (t) => y({
   ...t,
   canTrack: !0
 });
 export {
   y as _track,
-  E as track
+  T as track
 };

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

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

@@ -7,35 +7,43 @@ import { getClassPropName as N } from "../../functions/get-class-prop-name.mjs";
 import { mapStyleObjToStrIfNeeded as T } from "../../functions/get-style.mjs";
 import { getColumnsClass as D } from "./helpers.mjs";
 function q(e) {
-  var f, g;
-  const a = typeof e.space == "number" ? e.space || 0 : 20, s = e.columns || [], m = e.stackColumnsAt || "tablet", S = function(t) {
+  var b, g;
+  const a = function() {
+    return typeof e.space == "number" ? e.space || 0 : 20;
+  }, s = function() {
+    return e.columns || [];
+  }, m = function() {
+    return e.stackColumnsAt || "tablet";
+  }, S = function(t) {
     return t.link ? e.builderLinkComponent || "a" : "div";
-  }, C = function(t) {
-    var n;
-    return ((n = s[t]) == null ? void 0 : n.width) || 100 / s.length;
   }, x = function(t) {
-    const n = C(t), l = a * (s.length - 1) * (n / 100);
-    return `calc(${n}% - ${l}px)`;
+    var i;
+    return ((i = s()[t]) == null ? void 0 : i.width) || 100 / s().length;
+  }, C = function(t) {
+    const i = x(t), l = a() * (s().length - 1) * (i / 100);
+    return `calc(${i}% - ${l}px)`;
   }, c = function({
     stackedStyle: t,
-    desktopStyle: n
+    desktopStyle: i
   }) {
-    return m === "tablet" ? t : n;
-  }, d = function({
+    return m() === "tablet" ? t : i;
+  }, u = function({
     stackedStyle: t,
-    desktopStyle: n
+    desktopStyle: i
   }) {
-    return m === "never" ? n : t;
-  }, u = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", p = function() {
+    return m() === "never" ? i : t;
+  }, d = function() {
+    return e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column";
+  }, v = function() {
     return {
-      "--flex-dir": u,
+      "--flex-dir": d(),
       "--flex-dir-tablet": c({
-        stackedStyle: u,
+        stackedStyle: d(),
         desktopStyle: "row"
       })
     };
-  }, v = function(t) {
-    const n = t === 0 ? 0 : a, l = x(t), o = `${n}px`, k = "100%", h = 0;
+  }, w = function(t) {
+    const i = t === 0 ? 0 : a(), l = C(t), o = `${i}px`, k = "100%", h = 0;
     return {
       ...{
         display: "flex",
@@ -44,11 +52,11 @@ function q(e) {
       },
       width: l,
       ["marginLeft"]: o,
-      "--column-width-mobile": d({
+      "--column-width-mobile": u({
         stackedStyle: k,
         desktopStyle: l
       }),
-      "--column-margin-left-mobile": d({
+      "--column-margin-left-mobile": u({
         stackedStyle: h,
         desktopStyle: o
       }),
@@ -61,15 +69,15 @@ function q(e) {
         desktopStyle: o
       })
     };
-  }, b = function(t) {
+  }, f = function(t) {
     var l, o;
     return L(
       ((o = (l = e.builderContext.content) == null ? void 0 : l.meta) == null ? void 0 : o.breakpoints) || {}
     )[t].max;
-  }, w = function() {
+  }, p = function() {
     const t = `.${e.builderBlock.id}-breakpoints > .builder-column`;
     return `
-        @media (max-width: ${b("medium")}px) {
+        @media (max-width: ${f("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -81,7 +89,7 @@ function q(e) {
           }
         }
 
-        @media (max-width: ${b("small")}px) {
+        @media (max-width: ${f("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -93,40 +101,40 @@ function q(e) {
           }
         },
       `;
-  }, $ = function(t, n) {
+  }, $ = function(t, i) {
     return {
       ...t.link ? {
         href: t.link
       } : {},
       [N()]: "builder-column",
-      style: T(v(n))
+      style: T(w(i))
     };
   };
   return /* @__PURE__ */ y(B, { children: [
     /* @__PURE__ */ y(
       "div",
       {
-        className: D((f = e.builderBlock) == null ? void 0 : f.id) + " div-153273e4",
-        style: p(),
+        className: D((b = e.builderBlock) == null ? void 0 : b.id) + " div-6e395700",
+        style: v(),
         children: [
           /* @__PURE__ */ r(
             A,
             {
               id: "builderio-columns",
-              styles: w(),
+              styles: p(),
               nonce: e.builderContext.nonce
             }
           ),
-          (g = e.columns) == null ? void 0 : g.map((i, t) => /* @__PURE__ */ r(
+          (g = e.columns) == null ? void 0 : g.map((n, t) => /* @__PURE__ */ r(
             z,
             {
-              TagName: S(i),
+              TagName: S(n),
               actionAttributes: {},
-              attributes: $(i, t),
+              attributes: $(n, t),
               children: /* @__PURE__ */ r(
                 W,
                 {
-                  path: `component.options.columns.${t}.blocks`,
+                  path: `columns.${t}.blocks`,
                   parent: e.builderBlock.id,
                   styleProp: {
                     flexGrow: "1"
@@ -134,7 +142,7 @@ function q(e) {
                   context: e.builderContext,
                   registeredComponents: e.builderComponents,
                   linkComponent: e.builderLinkComponent,
-                  blocks: i.blocks
+                  blocks: n.blocks
                 }
               )
             },
@@ -143,7 +151,7 @@ function q(e) {
         ]
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.div-153273e4 {
+    /* @__PURE__ */ r("style", { children: `.div-6e395700 {
   display: flex;
   line-height: normal;
 }` })