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

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

@@ -1,4 +1,4 @@
-"use client";"use strict";const l=require("react/jsx-runtime"),c=require("react"),i=require("../../functions/is-editing.cjs");function d(e){const r=c.useRef(null);function s(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function a(){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 c.useEffect(()=>{},[]),l.jsxs(l.Fragment,{children:[l.jsx(e.BlocksWrapper,{ref:r,className:s()+" props-blocks-wrapper-43ec7ac8","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>a(),onMouseEnter:t=>o(),onKeyPress:t=>a(),...e.BlocksWrapperProps,children:e.children}),l.jsx("style",{children:`.props-blocks-wrapper-43ec7ac8 {
+"use client";"use strict";const a=require("react/jsx-runtime"),l=require("react"),s=require("../../functions/is-editing.cjs");function d(e){const c=l.useRef(null);function o(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function i(){if(!e.path)return;const t="component.options.";return e.path.startsWith(t)?e.path:`${t}${e.path||""}`}function r(){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:i()}},"*"))}function u(){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:i()}},"*"))}return l.useEffect(()=>{},[]),a.jsxs(a.Fragment,{children:[a.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-215a41e0","builder-path":i(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>r(),onMouseEnter:t=>u(),onKeyPress:t=>r(),...e.BlocksWrapperProps,children:e.children}),a.jsx("style",{children:`.props-blocks-wrapper-215a41e0 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

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

@@ -1,10 +1,10 @@
 "use client";
-import { jsxs as s, Fragment as d, jsx as a } from "react/jsx-runtime";
-import { useRef as u, useEffect as f } from "react";
-import { isEditing as r } from "../../functions/is-editing.mjs";
-function h(e) {
-  const c = u(null);
-  function i() {
+import { jsxs as d, Fragment as u, jsx as r } from "react/jsx-runtime";
+import { useRef as f, useEffect as h } from "react";
+import { isEditing as i } from "../../functions/is-editing.mjs";
+function b(e) {
+  const o = f(null);
+  function c() {
     var t;
     return [
       "builder-blocks",
@@ -12,50 +12,56 @@ function h(e) {
       e.classNameProp
     ].filter(Boolean).join(" ");
   }
+  function a() {
+    if (!e.path)
+      return;
+    const t = "component.options.";
+    return e.path.startsWith(t) ? e.path : `${t}${e.path || ""}`;
+  }
   function l() {
     var t, n;
-    r() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
+    i() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
       {
         type: "builder.clickEmptyBlocks",
         data: {
           parentElementId: e.parent,
-          dataPath: e.path
+          dataPath: a()
         }
       },
       "*"
     ));
   }
-  function o() {
+  function s() {
     var t, n;
-    r() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
+    i() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
       {
         type: "builder.hoverEmptyBlocks",
         data: {
           parentElementId: e.parent,
-          dataPath: e.path
+          dataPath: a()
         }
       },
       "*"
     ));
   }
-  return f(() => {
-  }, []), /* @__PURE__ */ s(d, { children: [
-    /* @__PURE__ */ a(
+  return h(() => {
+  }, []), /* @__PURE__ */ d(u, { children: [
+    /* @__PURE__ */ r(
       e.BlocksWrapper,
       {
-        ref: c,
-        className: i() + " props-blocks-wrapper-43ec7ac8",
-        "builder-path": e.path,
+        ref: o,
+        className: c() + " props-blocks-wrapper-215a41e0",
+        "builder-path": a(),
         "builder-parent-id": e.parent,
         style: e.styleProp,
         onClick: (t) => l(),
-        onMouseEnter: (t) => o(),
+        onMouseEnter: (t) => s(),
         onKeyPress: (t) => l(),
         ...e.BlocksWrapperProps,
         children: e.children
       }
     ),
-    /* @__PURE__ */ a("style", { children: `.props-blocks-wrapper-43ec7ac8 {
+    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-215a41e0 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -63,5 +69,5 @@ function h(e) {
   ] });
 }
 export {
-  h as default
+  b as default
 };

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

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

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../constants/sdk-name.cjs"),m=require("../../../helpers/logger.cjs"),A=require("../../fast-clone.cjs"),R=require("../../set.cjs"),x=require("../helpers.cjs"),M=require("./safeDynamicRequire.cjs"),g=t=>`bldr_${t}_sync`,b="BUILDER_SET_STATE",I="BUILDER_IVM",k=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../../constants/sdk-name.cjs"),m=require("../../../helpers/logger.cjs"),A=require("../../fast-clone.cjs"),R=require("../../set.cjs"),M=require("../helpers.cjs"),k=require("./safeDynamicRequire.cjs"),g=t=>`bldr_${t}_sync`,b="BUILDER_SET_STATE",I="BUILDER_IVM",h=`
 var refToProxy = (obj) => {
   if (typeof obj !== 'object' || obj === null) {
     return obj;
@@ -24,8 +24,8 @@ var refToProxy = (obj) => {
     }
   })
 }
-`,h=({code:t,args:e})=>{const u=e.map(([o])=>`var ${o} = refToProxy(${g(o)}); `).join("");return`
-${k}
+`,x=({code:t,args:e})=>{const u=e.map(([o])=>`var ${o} = refToProxy(${g(o)}); `).join("");return`
+${h}
 ${u}
 function theFunction() {
   ${t}
@@ -38,11 +38,11 @@ if (typeof output === 'object' && output !== null) {
 } else {
   return output;
 }
-`};let a=null,y=null;const C=(t,e={})=>{a=t,E(e)},D=i.SDK_NAME==="@builder.io/sdk-react-nextjs"||i.SDK_NAME==="@builder.io/sdk-react"||i.SDK_NAME==="@builder.io/sdk-qwik"||i.SDK_NAME==="@builder.io/sdk-vue",S=()=>{try{if(a)return a;const e=M.safeDynamicRequire("isolated-vm");if(e)return e}catch(e){m.logger.error("isolated-vm import error.",e)}const t=`${m.MSG_PREFIX}could not import \`isolated-vm\` module for safe script execution on a Node server.
+`};let l=null,y=null;const C=(t,e={})=>{l||(l=t,E(e))},D=c.SDK_NAME==="@builder.io/sdk-react-nextjs"||c.SDK_NAME==="@builder.io/sdk-react"||c.SDK_NAME==="@builder.io/sdk-qwik"||c.SDK_NAME==="@builder.io/sdk-vue",S=()=>{try{if(l)return l;const e=k.safeDynamicRequire("isolated-vm");if(e)return e}catch(e){m.logger.error("isolated-vm import error.",e)}const t=`${m.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:
   
-    ${D?`- import and call \`initializeNodeRuntime()\` from "${i.SDK_NAME}/node/init".`:""}
+    ${D?`- import and call \`initializeNodeRuntime()\` from "${c.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(t)};function E(t={memoryLimit:128}){const e=S(),o=new e.Isolate(t).createContextSync(),n=o.global;return n.setSync("global",n.derefInto()),n.setSync("log",function(...c){console.log(...c)}),n.setSync(I,e),y=o,o}const O=()=>y||E(),w=({code:t,builder:e,context:u,event:o,localState:n,rootSetState:c,rootState:l})=>{const _=S(),N=A.fastClone({...l,...n}),d=x.getFunctionArguments({builder:e,context:u,event:o,state:N}),f=O(),p=f.global;p.setSync(b,function(r,s){R.set(l,r,s),c==null||c(l)}),d.forEach(([r,s])=>{const j=typeof s=="object"?new _.Reference(r==="builder"?{...s,getUserAttributes:()=>s.getUserAttributes()}:s):null;p.setSync(g(r),j)});const T=h({code:t,args:d}),v=f.evalClosureSync(T);try{return JSON.parse(v)}catch{return v}};exports.runInNode=w;exports.setIvm=C;
+    For more information, visit https://builder.io/c/docs/integration-tips#enabling-data-bindings-in-node-environments`;throw new Error(t)};function E(t={memoryLimit:128}){if(y)return y;const e=S(),o=new e.Isolate(t).createContextSync(),n=o.global;return n.setSync("global",n.derefInto()),n.setSync("log",function(...i){console.log(...i)}),n.setSync(I,e),y=o,o}const O=()=>E(),w=({code:t,builder:e,context:u,event:o,localState:n,rootSetState:i,rootState:a})=>{const _=S(),N=A.fastClone({...a,...n}),d=M.getFunctionArguments({builder:e,context:u,event:o,state:N}),f=O(),p=f.global;p.setSync(b,function(r,s){R.set(a,r,s),i==null||i(a)}),d.forEach(([r,s])=>{const j=typeof s=="object"?new _.Reference(r==="builder"?{...s,getUserAttributes:()=>s.getUserAttributes()}:s):null;p.setSync(g(r),j)});const T=x({code:t,args:d}),v=f.evalClosureSync(T);try{return JSON.parse(v)}catch{return v}};exports.runInNode=w;exports.setIvm=C;

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

@@ -1,6 +1,6 @@
-import { SDK_NAME as s } from "../../../constants/sdk-name.mjs";
-import { logger as j, MSG_PREFIX as x } from "../../../helpers/logger.mjs";
-import { fastClone as R } from "../../fast-clone.mjs";
+import { SDK_NAME as c } from "../../../constants/sdk-name.mjs";
+import { logger as j, MSG_PREFIX as R } from "../../../helpers/logger.mjs";
+import { fastClone as x } from "../../fast-clone.mjs";
 import { set as k } from "../../set.mjs";
 import { getFunctionArguments as A } from "../helpers.mjs";
 import { safeDynamicRequire as h } from "./safeDynamicRequire.mjs";
@@ -51,24 +51,24 @@ if (typeof output === 'object' && output !== null) {
 }
 `;
 };
-let a = null, y = null;
+let u = null, y = null;
 const V = (e, t = {}) => {
-  a = e, E(t);
-}, O = s === "@builder.io/sdk-react-nextjs" || s === "@builder.io/sdk-react" || s === "@builder.io/sdk-qwik" || s === "@builder.io/sdk-vue", g = () => {
+  u || (u = e, E(t));
+}, O = c === "@builder.io/sdk-react-nextjs" || c === "@builder.io/sdk-react" || c === "@builder.io/sdk-qwik" || c === "@builder.io/sdk-vue", g = () => {
   try {
-    if (a)
-      return a;
+    if (u)
+      return u;
     const t = h("isolated-vm");
     if (t)
       return t;
   } catch (t) {
     j.error("isolated-vm import error.", t);
   }
-  const e = `${x}could not import \`isolated-vm\` module for safe script execution on a Node server.
+  const e = `${R}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:
   
-    ${O ? `- import and call \`initializeNodeRuntime()\` from "${s}/node/init".` : ""}
+    ${O ? `- import and call \`initializeNodeRuntime()\` from "${c}/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`;
@@ -77,22 +77,24 @@ const V = (e, t = {}) => {
 function E(e = {
   memoryLimit: 128
 }) {
+  if (y)
+    return y;
   const t = g(), o = new t.Isolate(e).createContextSync(), n = o.global;
-  return n.setSync("global", n.derefInto()), n.setSync("log", function(...c) {
-    console.log(...c);
+  return n.setSync("global", n.derefInto()), n.setSync("log", function(...s) {
+    console.log(...s);
   }), n.setSync(I, t), y = o, o;
 }
-const $ = () => y || E(), B = ({
+const $ = () => E(), B = ({
   code: e,
   builder: t,
   context: l,
   event: o,
   localState: n,
-  rootSetState: c,
-  rootState: u
+  rootSetState: s,
+  rootState: a
 }) => {
-  const S = g(), _ = R({
-    ...u,
+  const S = g(), _ = x({
+    ...a,
     ...n
   }), f = A({
     builder: t,
@@ -101,7 +103,7 @@ const $ = () => y || E(), B = ({
     state: _
   }), m = $(), p = m.global;
   p.setSync(b, function(r, i) {
-    k(u, r, i), c == null || c(u);
+    k(a, r, i), s == null || s(a);
   }), f.forEach(([r, i]) => {
     const N = typeof i == "object" ? new S.Reference(
       // workaround: methods with default values for arguments is not being cloned over

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

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-nextjs",
   "description": "Builder.io RSC SDK for NextJS App Directory",
-  "version": "0.16.19",
+  "version": "0.16.23",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/nextjs",
   "repository": {
     "type": "git",