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

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

package/lib/node/components/content/components/enable-editor.cjs

@@ -1 +1 @@
-"use client";"use strict";const L=require("react/jsx-runtime"),o=require("react"),U=require("../../../context/builder.context.cjs"),T=require("../../../functions/evaluate/evaluate.cjs"),F=require("../../../functions/fast-clone.cjs"),O=require("../../../functions/get-content/index.cjs"),$=require("../../../functions/get-fetch.cjs"),j=require("../../../functions/is-browser.cjs"),g=require("../../../functions/is-editing.cjs"),J=require("../../../functions/is-previewing.cjs"),z=require("../../../functions/register-component.cjs"),H=require("../../../functions/track/index.cjs"),G=require("../../../functions/track/interaction.cjs"),_=require("../../../helpers/canTrack.cjs"),Q=require("../../../helpers/logger.cjs"),X=require("../../../helpers/preview-lru-cache/set.cjs"),Y=require("../../../helpers/subscribe-to-editor.cjs"),A=require("../../../scripts/init-editing.cjs"),Z=require("../../block/animator.cjs"),p=require("./styles.helpers.cjs"),ee=require("next/navigation");function te(e){var k,I,w,P,y,R,K;const d=o.useRef(null);function f(n){var i,a;const t={...e.builderContextSignal.rootState,...n};e.builderContextSignal.rootSetState?(a=(i=e.builderContextSignal).rootSetState)==null||a.call(i,t):e.builderContextSignal.rootState=t}function S(n){var i,a,r,c,u;const t={...e.builderContextSignal.content,...n,data:{...(i=e.builderContextSignal.content)==null?void 0:i.data,...n==null?void 0:n.data},meta:{...(a=e.builderContextSignal.content)==null?void 0:a.meta,...n==null?void 0:n.meta,breakpoints:((r=n==null?void 0:n.meta)==null?void 0:r.breakpoints)||((u=(c=e.builderContextSignal.content)==null?void 0:c.meta)==null?void 0:u.breakpoints)}};X.postPreviewContent({value:t,key:t.id}).then(()=>{B.refresh()})}function V(){return e.showContent?{}:{hidden:!0,"aria-hidden":!0}}const[M,ne]=o.useState(()=>e.contentWrapper||"div");function m(n){return Y.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:t=>{var r;const{breakpoints:i,contentId:a}=t;!a||a!==((r=e.builderContextSignal.content)==null?void 0:r.id)||i&&S({meta:{breakpoints:i}})},animation:t=>{Z.triggerAnimation(t)},contentUpdate:t=>{S(t)}}})(n)}function v(){var t,i;const n=(i=(t=e.builderContextSignal.content)==null?void 0:t.data)==null?void 0:i.jsCode;n&&T.evaluate({code:n,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!1})}const[h,ie]=o.useState(()=>({})),[b,ae]=o.useState(()=>({})),[C,N]=o.useState(()=>!1);function W(n){var t,i;if(e.builderContextSignal.content){const a=(t=e.builderContextSignal.content)==null?void 0:t.testVariationId,r=(i=e.builderContextSignal.content)==null?void 0:i.id;H._track({type:"click",canTrack:_.getDefaultCanTrack(e.canTrack),contentId:r,apiKey:e.apiKey,variationId:a!==r?a:void 0,...G.getInteractionPropertiesForEvent(n),unique:!C})}C||N(!0)}function x(){var t,i,a;const n=(a=(i=(t=e.builderContextSignal.content)==null?void 0:t.data)==null?void 0:i.httpRequests)!=null?a:{};Object.entries(n).forEach(([r,c])=>{if(!c||b[r]||h[r]&&!g.isEditing())return;b[r]=!0;const u=c.replace(/{{([^}]+)}}/g,(l,D)=>String(T.evaluate({code:D,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!0})));$.fetch(u).then(l=>l.json()).then(l=>{f({[r]:l}),h[r]=!0}).catch(l=>{console.error("error fetching dynamic data",c,l)}).finally(()=>{b[r]=!1})})}function s(){g.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:F.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function E(n){window.addEventListener("message",m),A.registerInsertMenu(),A.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(t=>{var a;const i=z.createRegisterComponentMessage(t);(a=window.parent)==null||a.postMessage(i,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",s)}function q(n){const t=new URL(location.href).searchParams,i=t.get("builder.preview"),a=t.get(`builder.overrides.${i}`),r=t.get("apiKey")||t.get("builder.space");i===e.model&&r===e.apiKey&&(!e.content||a===e.content.id)&&O.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(c=>{c&&S(c)})}const B=ee.useRouter();return o.useEffect(()=>{var n;return(n=d.current)==null||n.addEventListener("initeditingbldr",E),()=>{var t;return(t=d.current)==null?void 0:t.removeEventListener("initeditingbldr",E)}},[]),o.useEffect(()=>{var n;return(n=d.current)==null||n.addEventListener("initpreviewingbldr",q),()=>{var t;return(t=d.current)==null?void 0:t.removeEventListener("initpreviewingbldr",q)}},[]),o.useEffect(()=>{var n,t;if(j.isBrowser()){if(g.isEditing()&&d.current&&d.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&_.getDefaultCanTrack(e.canTrack)){const a=(n=e.builderContextSignal.content)==null?void 0:n.testVariationId,r=(t=e.builderContextSignal.content)==null?void 0:t.id,c=e.apiKey;H._track({type:"impression",canTrack:!0,contentId:r,apiKey:c,variationId:a!==r?a:void 0})}J.isPreviewing()&&g.isEditing()}},[]),o.useEffect(()=>{e.apiKey||Q.logger.error("No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."),v(),x(),s()},[]),o.useEffect(()=>{},[e.content]),o.useEffect(()=>{v()},[(I=(k=e.builderContextSignal.content)==null?void 0:k.data)==null?void 0:I.jsCode]),o.useEffect(()=>{x()},[(P=(w=e.builderContextSignal.content)==null?void 0:w.data)==null?void 0:P.httpRequests]),o.useEffect(()=>{s()},[e.builderContextSignal.rootState]),o.useEffect(()=>{e.data&&f(e.data)},[e.data]),o.useEffect(()=>{e.locale&&f({locale:e.locale})},[e.locale]),o.useEffect(()=>()=>{j.isBrowser()&&(window.removeEventListener("message",m),window.removeEventListener("builder:component:stateChangeListenerActivated",s))},[]),L.jsx(U.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?L.jsx(M,{ref:d,onClick:n=>W(n),"builder-content-id":(y=e.builderContextSignal.content)==null?void 0:y.id,"builder-model":e.model,...V(),...e.contentWrapperProps,className:p.getWrapperClassName(((R=e.content)==null?void 0:R.testVariationId)||((K=e.content)==null?void 0:K.id)),children:e.children}):null})}module.exports=te;
+"use client";"use strict";const k=require("react/jsx-runtime"),o=require("react"),W=require("../../../context/builder.context.cjs"),A=require("../../../functions/evaluate/evaluate.cjs"),B=require("../../../functions/fast-clone.cjs"),D=require("../../../functions/get-content/index.cjs"),P=require("../../../functions/is-browser.cjs"),g=require("../../../functions/is-editing.cjs"),N=require("../../../functions/is-previewing.cjs"),U=require("../../../functions/register-component.cjs"),R=require("../../../functions/track/index.cjs"),O=require("../../../functions/track/interaction.cjs"),y=require("../../../helpers/canTrack.cjs"),F=require("../../../helpers/preview-lru-cache/set.cjs"),$=require("../../../helpers/subscribe-to-editor.cjs"),L=require("../../../scripts/init-editing.cjs"),z=require("../../block/animator.cjs"),G=require("./styles.helpers.cjs"),J=require("next/navigation");function Q(e){var q,w,I;const d=o.useRef(null);function f(n){var r,i;const t={...e.builderContextSignal.rootState,...n};e.builderContextSignal.rootSetState?(i=(r=e.builderContextSignal).rootSetState)==null||i.call(r,t):e.builderContextSignal.rootState=t}function b(n){var r,i,a,c,u;const t={...e.builderContextSignal.content,...n,data:{...(r=e.builderContextSignal.content)==null?void 0:r.data,...n==null?void 0:n.data},meta:{...(i=e.builderContextSignal.content)==null?void 0:i.meta,...n==null?void 0:n.meta,breakpoints:((a=n==null?void 0:n.meta)==null?void 0:a.breakpoints)||((u=(c=e.builderContextSignal.content)==null?void 0:c.meta)==null?void 0:u.breakpoints)}};F.postPreviewContent({value:t,key:t.id}).then(()=>{V.refresh()})}function K(){return e.showContent?{}:{hidden:!0,"aria-hidden":!0}}const[T,X]=o.useState(()=>e.contentWrapper||"div");function S(n){return $.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:t=>{var a;const{breakpoints:r,contentId:i}=t;!i||i!==((a=e.builderContextSignal.content)==null?void 0:a.id)||r&&b({meta:{breakpoints:r}})},animation:t=>{z.triggerAnimation(t)},contentUpdate:t=>{b(t)}}})(n)}const[v,Y]=o.useState(()=>({})),[m,Z]=o.useState(()=>({})),[h,H]=o.useState(()=>!1);function _(n){var t,r;if(e.builderContextSignal.content){const i=(t=e.builderContextSignal.content)==null?void 0:t.testVariationId,a=(r=e.builderContextSignal.content)==null?void 0:r.id;R._track({type:"click",canTrack:y.getDefaultCanTrack(e.canTrack),contentId:a,apiKey:e.apiKey,variationId:i!==a?i:void 0,...O.getInteractionPropertiesForEvent(n),unique:!h})}h||H(!0)}function j(){var t,r,i;const n=(i=(r=(t=e.builderContextSignal.content)==null?void 0:t.data)==null?void 0:r.httpRequests)!=null?i:{};Object.entries(n).forEach(([a,c])=>{if(!c||m[a]||v[a]&&!g.isEditing())return;m[a]=!0;const u=c.replace(/{{([^}]+)}}/g,(s,M)=>String(A.evaluate({code:M,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!0})));fetch(u).then(s=>s.json()).then(s=>{f({[a]:s}),v[a]=!0}).catch(s=>{console.error("error fetching dynamic data",c,s)}).finally(()=>{m[a]=!1})})}function l(){g.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:B.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function E(n){window.addEventListener("message",S),L.registerInsertMenu(),L.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(t=>{var i;const r=U.createRegisterComponentMessage(t);(i=window.parent)==null||i.postMessage(r,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",l)}function x(n){const t=new URL(location.href).searchParams,r=t.get("builder.preview"),i=t.get(`builder.overrides.${r}`),a=t.get("apiKey")||t.get("builder.space");r===e.model&&a===e.apiKey&&(!e.content||i===e.content.id)&&D.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(c=>{c&&b(c)})}const V=J.useRouter(),C=o.useRef(!1);return C.current||(j(),l(),C.current=!0),o.useEffect(()=>{var n;return(n=d.current)==null||n.addEventListener("initeditingbldr",E),()=>{var t;return(t=d.current)==null?void 0:t.removeEventListener("initeditingbldr",E)}},[]),o.useEffect(()=>{var n;return(n=d.current)==null||n.addEventListener("initpreviewingbldr",x),()=>{var t;return(t=d.current)==null?void 0:t.removeEventListener("initpreviewingbldr",x)}},[]),o.useEffect(()=>{var n,t;if(P.isBrowser()){if(g.isEditing()&&d.current&&d.current.dispatchEvent(new CustomEvent("initeditingbldr")),e.builderContextSignal.content&&y.getDefaultCanTrack(e.canTrack)){const i=(n=e.builderContextSignal.content)==null?void 0:n.testVariationId,a=(t=e.builderContextSignal.content)==null?void 0:t.id,c=e.apiKey;R._track({type:"impression",canTrack:!0,contentId:a,apiKey:c,variationId:i!==a?i:void 0})}N.isPreviewing()&&g.isEditing()}},[]),o.useEffect(()=>{},[e.content]),o.useEffect(()=>{l()},[e.builderContextSignal.rootState]),o.useEffect(()=>{e.data&&f(e.data)},[e.data]),o.useEffect(()=>{e.locale&&f({locale:e.locale})},[e.locale]),o.useEffect(()=>()=>{P.isBrowser()&&(window.removeEventListener("message",S),window.removeEventListener("builder:component:stateChangeListenerActivated",l))},[]),k.jsx(W.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?k.jsx(T,{ref:d,onClick:n=>_(n),"builder-content-id":(q=e.builderContextSignal.content)==null?void 0:q.id,"builder-model":e.model,className:G.getWrapperClassName(((w=e.content)==null?void 0:w.testVariationId)||((I=e.content)==null?void 0:I.id)),...K(),...e.contentWrapperProps,children:e.children}):null})}module.exports=Q;

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

@@ -1,134 +1,117 @@
 "use client";
-import { jsx as H } from "react/jsx-runtime";
-import { useRef as O, useState as m, useEffect as d } from "react";
-import B from "../../../context/builder.context.mjs";
-import { evaluate as T } from "../../../functions/evaluate/evaluate.mjs";
-import { fastClone as F } from "../../../functions/fast-clone.mjs";
-import { fetchOneEntry as J } from "../../../functions/get-content/index.mjs";
-import { fetch as $ } from "../../../functions/get-fetch.mjs";
-import { isBrowser as j } from "../../../functions/is-browser.mjs";
+import { jsx as R } from "react/jsx-runtime";
+import { useRef as L, useState as m, useEffect as c } from "react";
+import N from "../../../context/builder.context.mjs";
+import { evaluate as U } from "../../../functions/evaluate/evaluate.mjs";
+import { fastClone as _ } from "../../../functions/fast-clone.mjs";
+import { fetchOneEntry as D } from "../../../functions/get-content/index.mjs";
+import { isBrowser as y } from "../../../functions/is-browser.mjs";
 import { isEditing as f } from "../../../functions/is-editing.mjs";
-import { isPreviewing as z } from "../../../functions/is-previewing.mjs";
-import { createRegisterComponentMessage as G } from "../../../functions/register-component.mjs";
-import { _track as A } from "../../../functions/track/index.mjs";
-import { getInteractionPropertiesForEvent as Q } from "../../../functions/track/interaction.mjs";
-import { getDefaultCanTrack as V } from "../../../helpers/canTrack.mjs";
-import { logger as X } from "../../../helpers/logger.mjs";
-import { postPreviewContent as Y } from "../../../helpers/preview-lru-cache/set.mjs";
-import { createEditorListener as Z } from "../../../helpers/subscribe-to-editor.mjs";
-import { registerInsertMenu as p, setupBrowserForEditing as ee } from "../../../scripts/init-editing.mjs";
-import { triggerAnimation as te } from "../../block/animator.mjs";
-import { getWrapperClassName as ne } from "./styles.helpers.mjs";
-import { useRouter as ie } from "next/navigation";
-function Ke(e) {
-  var k, w, y, R, K, L, q;
-  const c = O(null);
+import { isPreviewing as O } from "../../../functions/is-previewing.mjs";
+import { createRegisterComponentMessage as B } from "../../../functions/register-component.mjs";
+import { _track as K } from "../../../functions/track/index.mjs";
+import { getInteractionPropertiesForEvent as F } from "../../../functions/track/interaction.mjs";
+import { getDefaultCanTrack as q } 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 xe(e) {
+  var w, k, P;
+  const d = L(null);
   function g(n) {
-    var i, a;
+    var r, i;
     const t = {
       ...e.builderContextSignal.rootState,
       ...n
     };
-    e.builderContextSignal.rootSetState ? (a = (i = e.builderContextSignal).rootSetState) == null || a.call(i, t) : e.builderContextSignal.rootState = t;
+    e.builderContextSignal.rootSetState ? (i = (r = e.builderContextSignal).rootSetState) == null || i.call(r, t) : e.builderContextSignal.rootState = t;
   }
-  function S(n) {
-    var i, a, o, r, s;
+  function b(n) {
+    var r, i, a, o, s;
     const t = {
       ...e.builderContextSignal.content,
       ...n,
       data: {
-        ...(i = e.builderContextSignal.content) == null ? void 0 : i.data,
+        ...(r = e.builderContextSignal.content) == null ? void 0 : r.data,
         ...n == null ? void 0 : n.data
       },
       meta: {
-        ...(a = e.builderContextSignal.content) == null ? void 0 : a.meta,
+        ...(i = e.builderContextSignal.content) == null ? void 0 : i.meta,
         ...n == null ? void 0 : n.meta,
-        breakpoints: ((o = n == null ? void 0 : n.meta) == null ? void 0 : o.breakpoints) || ((s = (r = e.builderContextSignal.content) == null ? void 0 : r.meta) == null ? void 0 : s.breakpoints)
+        breakpoints: ((a = n == null ? void 0 : n.meta) == null ? void 0 : a.breakpoints) || ((s = (o = e.builderContextSignal.content) == null ? void 0 : o.meta) == null ? void 0 : s.breakpoints)
       }
     };
-    Y({
+    z({
       value: t,
       key: t.id
     }).then(() => {
-      _.refresh();
+      j.refresh();
     });
   }
-  function M() {
+  function H() {
     return e.showContent ? {} : {
       hidden: !0,
       "aria-hidden": !0
     };
   }
-  const [N, ae] = m(
+  const [T, Z] = m(
     () => e.contentWrapper || "div"
   );
   function v(n) {
-    return Z({
+    return $({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
         configureSdk: (t) => {
-          var o;
-          const { breakpoints: i, contentId: a } = t;
-          !a || a !== ((o = e.builderContextSignal.content) == null ? void 0 : o.id) || i && S({
+          var a;
+          const { breakpoints: r, contentId: i } = t;
+          !i || i !== ((a = e.builderContextSignal.content) == null ? void 0 : a.id) || r && b({
             meta: {
-              breakpoints: i
+              breakpoints: r
             }
           });
         },
         animation: (t) => {
-          te(t);
+          Q(t);
         },
         contentUpdate: (t) => {
-          S(t);
+          b(t);
         }
       }
     })(n);
   }
-  function h() {
-    var t, i;
-    const n = (i = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : i.jsCode;
-    n && T({
-      code: n,
-      context: e.context || {},
-      localState: void 0,
-      rootState: e.builderContextSignal.rootState,
-      rootSetState: e.builderContextSignal.rootSetState,
-      /**
-       * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
-       */
-      enableCache: !1
-    });
-  }
-  const [C, oe] = m(() => ({})), [b, re] = m(() => ({})), [x, W] = m(() => !1);
-  function U(n) {
-    var t, i;
+  const [h, p] = m(() => ({})), [S, ee] = m(() => ({})), [C, V] = m(() => !1);
+  function M(n) {
+    var t, r;
     if (e.builderContextSignal.content) {
-      const a = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, o = (i = e.builderContextSignal.content) == null ? void 0 : i.id;
-      A({
+      const i = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, a = (r = e.builderContextSignal.content) == null ? void 0 : r.id;
+      K({
         type: "click",
-        canTrack: V(e.canTrack),
-        contentId: o,
+        canTrack: q(e.canTrack),
+        contentId: a,
         apiKey: e.apiKey,
-        variationId: a !== o ? a : void 0,
-        ...Q(n),
-        unique: !x
+        variationId: i !== a ? i : void 0,
+        ...F(n),
+        unique: !C
       });
     }
-    x || W(!0);
+    C || V(!0);
   }
-  function E() {
-    var t, i, a;
-    const n = (a = (i = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : i.httpRequests) != null ? a : {};
-    Object.entries(n).forEach(([o, r]) => {
-      if (!r || b[o] || C[o] && !f())
+  function W() {
+    var t, r, i;
+    const n = (i = (r = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : r.httpRequests) != null ? i : {};
+    Object.entries(n).forEach(([a, o]) => {
+      if (!o || S[a] || h[a] && !f())
         return;
-      b[o] = !0;
-      const s = r.replace(
+      S[a] = !0;
+      const s = o.replace(
         /{{([^}]+)}}/g,
-        (l, D) => String(
-          T({
-            code: D,
+        (l, A) => String(
+          U({
+            code: A,
             context: e.context || {},
             localState: void 0,
             rootState: e.builderContextSignal.rootState,
@@ -137,14 +120,14 @@ function Ke(e) {
           })
         )
       );
-      $(s).then((l) => l.json()).then((l) => {
+      fetch(s).then((l) => l.json()).then((l) => {
         g({
-          [o]: l
-        }), C[o] = !0;
+          [a]: l
+        }), h[a] = !0;
       }).catch((l) => {
-        console.error("error fetching dynamic data", r, l);
+        console.error("error fetching dynamic data", o, l);
       }).finally(() => {
-        b[o] = !1;
+        S[a] = !1;
       });
     });
   }
@@ -154,7 +137,7 @@ function Ke(e) {
         "builder:component:stateChange",
         {
           detail: {
-            state: F(e.builderContextSignal.rootState),
+            state: _(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -163,8 +146,8 @@ function Ke(e) {
       )
     );
   }
-  function I(n) {
-    window.addEventListener("message", v), p(), ee({
+  function x(n) {
+    window.addEventListener("message", v), G(), J({
       ...e.locale ? {
         locale: e.locale
       } : {},
@@ -177,104 +160,96 @@ function Ke(e) {
     }), Object.values(
       e.builderContextSignal.componentInfos
     ).forEach((t) => {
-      var a;
-      const i = G(t);
-      (a = window.parent) == null || a.postMessage(i, "*");
+      var i;
+      const r = B(t);
+      (i = window.parent) == null || i.postMessage(r, "*");
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
       u
     );
   }
-  function P(n) {
-    const t = new URL(location.href).searchParams, i = t.get("builder.preview"), a = t.get(
-      `builder.overrides.${i}`
-    ), o = t.get("apiKey") || t.get("builder.space");
-    i === e.model && o === e.apiKey && (!e.content || a === e.content.id) && J({
+  function E(n) {
+    const t = new URL(location.href).searchParams, r = t.get("builder.preview"), i = t.get(
+      `builder.overrides.${r}`
+    ), a = t.get("apiKey") || t.get("builder.space");
+    r === e.model && a === e.apiKey && (!e.content || i === e.content.id) && D({
       model: e.model,
       apiKey: e.apiKey,
       apiVersion: e.builderContextSignal.apiVersion
-    }).then((r) => {
-      r && S(r);
+    }).then((o) => {
+      o && b(o);
     });
   }
-  const _ = ie();
-  return d(() => {
+  const j = Y(), I = L(!1);
+  return I.current || (W(), u(), I.current = !0), c(() => {
     var n;
-    return (n = c.current) == null || n.addEventListener(
+    return (n = d.current) == null || n.addEventListener(
       "initeditingbldr",
-      I
+      x
     ), () => {
       var t;
-      return (t = c.current) == null ? void 0 : t.removeEventListener(
+      return (t = d.current) == null ? void 0 : t.removeEventListener(
         "initeditingbldr",
-        I
+        x
       );
     };
-  }, []), d(() => {
+  }, []), c(() => {
     var n;
-    return (n = c.current) == null || n.addEventListener(
+    return (n = d.current) == null || n.addEventListener(
       "initpreviewingbldr",
-      P
+      E
     ), () => {
       var t;
-      return (t = c.current) == null ? void 0 : t.removeEventListener(
+      return (t = d.current) == null ? void 0 : t.removeEventListener(
         "initpreviewingbldr",
-        P
+        E
       );
     };
-  }, []), d(() => {
+  }, []), c(() => {
     var n, t;
-    if (j()) {
-      if (f() && c.current && c.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && V(e.canTrack)) {
-        const a = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, o = (t = e.builderContextSignal.content) == null ? void 0 : t.id, r = e.apiKey;
-        A({
+    if (y()) {
+      if (f() && d.current && d.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && q(e.canTrack)) {
+        const i = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, a = (t = e.builderContextSignal.content) == null ? void 0 : t.id, o = e.apiKey;
+        K({
           type: "impression",
           canTrack: !0,
-          contentId: o,
-          apiKey: r,
-          variationId: a !== o ? a : void 0
+          contentId: a,
+          apiKey: o,
+          variationId: i !== a ? i : void 0
         });
       }
-      z() && f();
+      O() && f();
     }
-  }, []), d(() => {
-    e.apiKey || X.error(
-      "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), h(), E(), u();
-  }, []), d(() => {
-  }, [e.content]), d(() => {
-    h();
-  }, [(w = (k = e.builderContextSignal.content) == null ? void 0 : k.data) == null ? void 0 : w.jsCode]), d(() => {
-    E();
-  }, [(R = (y = e.builderContextSignal.content) == null ? void 0 : y.data) == null ? void 0 : R.httpRequests]), d(() => {
+  }, []), c(() => {
+  }, [e.content]), c(() => {
     u();
-  }, [e.builderContextSignal.rootState]), d(() => {
+  }, [e.builderContextSignal.rootState]), c(() => {
     e.data && g(e.data);
-  }, [e.data]), d(() => {
+  }, [e.data]), c(() => {
     e.locale && g({
       locale: e.locale
     });
-  }, [e.locale]), d(() => () => {
-    j() && (window.removeEventListener("message", v), window.removeEventListener(
+  }, [e.locale]), c(() => () => {
+    y() && (window.removeEventListener("message", v), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       u
     ));
-  }, []), /* @__PURE__ */ H(B.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ H(
-    N,
+  }, []), /* @__PURE__ */ R(N.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ R(
+    T,
     {
-      ref: c,
-      onClick: (n) => U(n),
-      "builder-content-id": (K = e.builderContextSignal.content) == null ? void 0 : K.id,
+      ref: d,
+      onClick: (n) => M(n),
+      "builder-content-id": (w = e.builderContextSignal.content) == null ? void 0 : w.id,
       "builder-model": e.model,
-      ...M(),
-      ...e.contentWrapperProps,
-      className: ne(
-        ((L = e.content) == null ? void 0 : L.testVariationId) || ((q = e.content) == null ? void 0 : q.id)
+      className: X(
+        ((k = e.content) == null ? void 0 : k.testVariationId) || ((P = e.content) == null ? void 0 : P.id)
       ),
+      ...H(),
+      ...e.contentWrapperProps,
       children: e.children
     }
   ) : null });
 }
 export {
-  Ke as default
+  xe as default
 };

package/lib/node/components/content/content.cjs

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),x=require("../../constants/builder-registered-components.cjs"),S=require("../../functions/register-component.cjs"),f=require("../blocks/blocks.cjs"),y=require("../content-variants/helpers.cjs"),W=require("../inlined-script.cjs"),R=require("./components/enable-editor.cjs"),V=require("./components/styles.cjs"),h=require("./content.helpers.cjs");function v(t){var o,a,r,l,u,d,s,C,g,m,k;const q=y.getUpdateVariantVisibilityScript({variationId:(o=t.content)==null?void 0:o.testVariationId,contentId:(a=t.content)==null?void 0:a.id}),I=[...x.getDefaultRegisteredComponents(),...((r=t.customComponents)==null?void 0:r.filter(({models:e})=>!(e!=null&&e.length)||!t.model?!0:e.includes(t.model)))||[]].reduce((e,{component:b,...c})=>({...e,[c.name]:{component:b,...S.serializeIncludingFunctions(c)}}),{}),n={content:h.getContentInitialValue({content:t.content,data:t.data}),localState:void 0,rootState:h.getRootStateInitialValue({content:t.content,data:t.data,locale:t.locale}),rootSetState:void 0,context:t.context||{},canTrack:t.canTrack,apiKey:t.apiKey,apiVersion:t.apiVersion,componentInfos:[...x.getDefaultRegisteredComponents(),...((l=t.customComponents)==null?void 0:l.filter(({models:e})=>!(e!=null&&e.length)||!t.model?!0:e.includes(t.model)))||[]].reduce((e,{component:b,...c})=>({...e,[c.name]:S.serializeIncludingFunctions(c)}),{}),inheritedStyles:{},BlocksWrapper:t.blocksWrapper||"div",BlocksWrapperProps:t.blocksWrapperProps||{},nonce:t.nonce||""};return i.jsxs(R,{nonce:t.nonce,content:t.content,data:t.data,model:t.model,context:t.context,apiKey:t.apiKey,canTrack:t.canTrack,locale:t.locale,enrich:t.enrich,showContent:t.showContent,builderContextSignal:n,contentWrapper:t.contentWrapper,contentWrapperProps:t.contentWrapperProps,trustedHosts:t.trustedHosts,children:[t.isSsrAbTest?i.jsx(W,{id:"builderio-variant-visibility",scriptStr:q,nonce:t.nonce||""}):null,i.jsx(V,{nonce:t.nonce||"",isNestedRender:t.isNestedRender,contentId:(u=n.content)==null?void 0:u.id,cssCode:(s=(d=n.content)==null?void 0:d.data)==null?void 0:s.cssCode,customFonts:(g=(C=n.content)==null?void 0:C.data)==null?void 0:g.customFonts}),i.jsx(f,{blocks:(k=(m=n.content)==null?void 0:m.data)==null?void 0:k.blocks,context:n,registeredComponents:I,linkComponent:t.linkComponent})]})}module.exports=v;
+"use strict";const c=require("react/jsx-runtime"),f=require("../../constants/builder-registered-components.cjs"),W=require("../../functions/evaluate/evaluate.cjs"),y=require("../../functions/register-component.cjs"),j=require("../../helpers/logger.cjs"),P=require("../blocks/blocks.cjs"),R=require("../content-variants/helpers.cjs"),V=require("../inlined-script.cjs"),K=require("./components/enable-editor.cjs"),T=require("./components/styles.cjs"),q=require("./content.helpers.cjs");function F(e){var a,r,l,s,u,d,C,g,S,m,k,x,b;const v=R.getUpdateVariantVisibilityScript({variationId:(a=e.content)==null?void 0:a.testVariationId,contentId:(r=e.content)==null?void 0:r.id}),I=[...f.getDefaultRegisteredComponents(),...((l=e.customComponents)==null?void 0:l.filter(({models:t})=>!(t!=null&&t.length)||!e.model?!0:t.includes(e.model)))||[]].reduce((t,{component:h,...o})=>({...t,[o.name]:{component:h,...y.serializeIncludingFunctions(o)}}),{}),n={content:q.getContentInitialValue({content:e.content,data:e.data}),localState:void 0,rootState:q.getRootStateInitialValue({content:e.content,data:e.data,locale:e.locale}),rootSetState:void 0,context:e.context||{},canTrack:e.canTrack,apiKey:e.apiKey,apiVersion:e.apiVersion,componentInfos:[...f.getDefaultRegisteredComponents(),...((s=e.customComponents)==null?void 0:s.filter(({models:t})=>!(t!=null&&t.length)||!e.model?!0:t.includes(e.model)))||[]].reduce((t,{component:h,...o})=>({...t,[o.name]:y.serializeIncludingFunctions(o)}),{}),inheritedStyles:{},BlocksWrapper:e.blocksWrapper||"div",BlocksWrapperProps:e.blocksWrapperProps||{},nonce:e.nonce||""};e.apiKey||j.logger.error("No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop.");const i=(d=(u=n.content)==null?void 0:u.data)==null?void 0:d.jsCode;return i&&W.evaluate({code:i,context:e.context||{},localState:void 0,rootState:n.rootState,rootSetState:t=>{n.rootState=t},isExpression:!1,enableCache:!1}),c.jsxs(K,{nonce:e.nonce,content:e.content,data:e.data,model:e.model,context:e.context,apiKey:e.apiKey,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,showContent:e.showContent,builderContextSignal:n,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts,children:[e.isSsrAbTest?c.jsx(V,{id:"builderio-variant-visibility",scriptStr:v,nonce:e.nonce||""}):null,c.jsx(T,{nonce:e.nonce||"",isNestedRender:e.isNestedRender,contentId:(C=n.content)==null?void 0:C.id,cssCode:(S=(g=n.content)==null?void 0:g.data)==null?void 0:S.cssCode,customFonts:(k=(m=n.content)==null?void 0:m.data)==null?void 0:k.customFonts}),c.jsx(P,{blocks:(b=(x=n.content)==null?void 0:x.data)==null?void 0:b.blocks,context:n,registeredComponents:I,linkComponent:e.linkComponent})]})}module.exports=F;

package/lib/node/components/content/content.mjs

@@ -1,38 +1,40 @@
-import { jsxs as h, jsx as c } from "react/jsx-runtime";
+import { jsxs as W, jsx as a } from "react/jsx-runtime";
 import { getDefaultRegisteredComponents as b } from "../../constants/builder-registered-components.mjs";
-import { serializeIncludingFunctions as g } from "../../functions/register-component.mjs";
-import y from "../blocks/blocks.mjs";
-import { getUpdateVariantVisibilityScript as W } from "../content-variants/helpers.mjs";
-import V from "../inlined-script.mjs";
-import v from "./components/enable-editor.mjs";
-import T from "./components/styles.mjs";
-import { getContentInitialValue as K, getRootStateInitialValue as P } from "./content.helpers.mjs";
-function A(t) {
-  var i, a, r, l, d, u, m, f, s, C, k;
-  const x = W({
+import { evaluate as P } from "../../functions/evaluate/evaluate.mjs";
+import { serializeIncludingFunctions as h } from "../../functions/register-component.mjs";
+import { logger as V } from "../../helpers/logger.mjs";
+import K from "../blocks/blocks.mjs";
+import { getUpdateVariantVisibilityScript as T } from "../content-variants/helpers.mjs";
+import j from "../inlined-script.mjs";
+import R from "./components/enable-editor.mjs";
+import A from "./components/styles.mjs";
+import { getContentInitialValue as B, getRootStateInitialValue as E } from "./content.helpers.mjs";
+function L(t) {
+  var c, r, l, d, u, m, s, f, C, S, k, g, x;
+  const I = T({
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-    variationId: (i = t.content) == null ? void 0 : i.testVariationId,
+    variationId: (c = t.content) == null ? void 0 : c.testVariationId,
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-    contentId: (a = t.content) == null ? void 0 : a.id
-  }), I = [
+    contentId: (r = t.content) == null ? void 0 : r.id
+  }), v = [
     ...b(),
-    ...((r = t.customComponents) == null ? void 0 : r.filter(({ models: n }) => !(n != null && n.length) || !t.model ? !0 : n.includes(t.model))) || []
+    ...((l = t.customComponents) == null ? void 0 : l.filter(({ models: e }) => !(e != null && e.length) || !t.model ? !0 : e.includes(t.model))) || []
   ].reduce(
-    (n, { component: S, ...o }) => ({
-      ...n,
+    (e, { component: y, ...o }) => ({
+      ...e,
       [o.name]: {
-        component: S,
-        ...g(o)
+        component: y,
+        ...h(o)
       }
     }),
     {}
-  ), e = {
-    content: K({
+  ), n = {
+    content: B({
       content: t.content,
       data: t.data
     }),
     localState: void 0,
-    rootState: P({
+    rootState: E({
       content: t.content,
       data: t.data,
       locale: t.locale
@@ -44,11 +46,11 @@ function A(t) {
     apiVersion: t.apiVersion,
     componentInfos: [
       ...b(),
-      ...((l = t.customComponents) == null ? void 0 : l.filter(({ models: n }) => !(n != null && n.length) || !t.model ? !0 : n.includes(t.model))) || []
+      ...((d = t.customComponents) == null ? void 0 : d.filter(({ models: e }) => !(e != null && e.length) || !t.model ? !0 : e.includes(t.model))) || []
     ].reduce(
-      (n, { component: S, ...o }) => ({
-        ...n,
-        [o.name]: g(o)
+      (e, { component: y, ...o }) => ({
+        ...e,
+        [o.name]: h(o)
       }),
       {}
     ),
@@ -57,8 +59,25 @@ function A(t) {
     BlocksWrapperProps: t.blocksWrapperProps || {},
     nonce: t.nonce || ""
   };
-  return /* @__PURE__ */ h(
-    v,
+  t.apiKey || V.error(
+    "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
+  );
+  const i = (m = (u = n.content) == null ? void 0 : u.data) == null ? void 0 : m.jsCode;
+  return i && P({
+    code: i,
+    context: t.context || {},
+    localState: void 0,
+    rootState: n.rootState,
+    rootSetState: (e) => {
+      n.rootState = e;
+    },
+    isExpression: !1,
+    /**
+     * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
+     */
+    enableCache: !1
+  }), /* @__PURE__ */ W(
+    R,
     {
       nonce: t.nonce,
       content: t.content,
@@ -70,35 +89,35 @@ function A(t) {
       locale: t.locale,
       enrich: t.enrich,
       showContent: t.showContent,
-      builderContextSignal: e,
+      builderContextSignal: n,
       contentWrapper: t.contentWrapper,
       contentWrapperProps: t.contentWrapperProps,
       trustedHosts: t.trustedHosts,
       children: [
-        t.isSsrAbTest ? /* @__PURE__ */ c(
-          V,
+        t.isSsrAbTest ? /* @__PURE__ */ a(
+          j,
           {
             id: "builderio-variant-visibility",
-            scriptStr: x,
+            scriptStr: I,
             nonce: t.nonce || ""
           }
         ) : null,
-        /* @__PURE__ */ c(
-          T,
+        /* @__PURE__ */ a(
+          A,
           {
             nonce: t.nonce || "",
             isNestedRender: t.isNestedRender,
-            contentId: (d = e.content) == null ? void 0 : d.id,
-            cssCode: (m = (u = e.content) == null ? void 0 : u.data) == null ? void 0 : m.cssCode,
-            customFonts: (s = (f = e.content) == null ? void 0 : f.data) == null ? void 0 : s.customFonts
+            contentId: (s = n.content) == null ? void 0 : s.id,
+            cssCode: (C = (f = n.content) == null ? void 0 : f.data) == null ? void 0 : C.cssCode,
+            customFonts: (k = (S = n.content) == null ? void 0 : S.data) == null ? void 0 : k.customFonts
           }
         ),
-        /* @__PURE__ */ c(
-          y,
+        /* @__PURE__ */ a(
+          K,
           {
-            blocks: (k = (C = e.content) == null ? void 0 : C.data) == null ? void 0 : k.blocks,
-            context: e,
-            registeredComponents: I,
+            blocks: (x = (g = n.content) == null ? void 0 : g.data) == null ? void 0 : x.blocks,
+            context: n,
+            registeredComponents: v,
             linkComponent: t.linkComponent
           }
         )
@@ -107,5 +126,5 @@ function A(t) {
   );
 }
 export {
-  A as default
+  L as default
 };