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

package/lib/browser/functions/get-content/generate-content-url.mjs

@@ -1,8 +1,8 @@
-import { flatten as g, flattenMongoQuery as U } from "../../helpers/flatten.mjs";
-import { normalizeSearchParams as A } from "../../helpers/search/search.mjs";
-import { DEFAULT_API_VERSION as O } from "../../types/api-version.mjs";
-import { getBuilderSearchParamsFromWindow as k } from "../get-builder-search-params/index.mjs";
-const y = (s) => typeof s == "number" && !isNaN(s) && s >= 0, J = (s) => {
+import { flatten as g, flattenMongoQuery as O } from "../../helpers/flatten.mjs";
+import { normalizeSearchParams as k } from "../../helpers/search/search.mjs";
+import { DEFAULT_API_VERSION as E } from "../../types/api-version.mjs";
+import { getBuilderSearchParamsFromWindow as I } from "../get-builder-search-params/index.mjs";
+const y = (r) => typeof r == "number" && !isNaN(r) && r >= 0, M = (r) => {
   const {
     limit: c = 30,
     userAttributes: m,
@@ -11,42 +11,43 @@ const y = (s) => typeof s == "number" && !isNaN(s) && s >= 0, J = (s) => {
     apiKey: l,
     enrich: h,
     locale: d,
-    apiVersion: a = O,
+    apiVersion: a = E,
     fields: u,
     omit: N,
     offset: i,
     cacheSeconds: n,
     staleCacheSeconds: o,
     sort: P,
-    includeUnpublished: S
-  } = s;
+    includeUnpublished: p,
+    apiHost: v
+  } = r;
   if (!l)
     throw new Error("Missing API key");
   if (!["v3"].includes(a))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${a}'`);
-  const v = c !== 1, e = new URL(`https://cdn.builder.io/api/${a}/content/${b}`);
-  if (e.searchParams.set("apiKey", l), e.searchParams.set("limit", String(c)), e.searchParams.set("noTraverse", String(v)), e.searchParams.set("includeRefs", String(!0)), d && e.searchParams.set("locale", d), h && e.searchParams.set("enrich", String(h)), e.searchParams.set("omit", N || "meta.componentsUsed"), u && e.searchParams.set("fields", u), Number.isFinite(i) && i > -1 && e.searchParams.set("offset", String(Math.floor(i))), typeof S == "boolean" && e.searchParams.set("includeUnpublished", String(S)), n && y(n) && e.searchParams.set("cacheSeconds", String(n)), o && y(o) && e.searchParams.set("staleCacheSeconds", String(o)), P) {
-    const r = g({
+  const U = c !== 1, w = v || "https://cdn.builder.io", e = new URL(`${w}/api/${a}/content/${b}`);
+  if (e.searchParams.set("apiKey", l), e.searchParams.set("limit", String(c)), e.searchParams.set("noTraverse", String(U)), e.searchParams.set("includeRefs", String(!0)), d && e.searchParams.set("locale", d), h && e.searchParams.set("enrich", String(h)), e.searchParams.set("omit", N || "meta.componentsUsed"), u && e.searchParams.set("fields", u), Number.isFinite(i) && i > -1 && e.searchParams.set("offset", String(Math.floor(i))), typeof p == "boolean" && e.searchParams.set("includeUnpublished", String(p)), n && y(n) && e.searchParams.set("cacheSeconds", String(n)), o && y(o) && e.searchParams.set("staleCacheSeconds", String(o)), P) {
+    const s = g({
       sort: P
     });
-    for (const t in r)
-      e.searchParams.set(t, JSON.stringify(r[t]));
+    for (const t in s)
+      e.searchParams.set(t, JSON.stringify(s[t]));
   }
-  const w = {
-    ...k(),
-    ...A(s.options || {})
-  }, p = g(w);
-  for (const r in p)
-    e.searchParams.set(r, String(p[r]));
+  const A = {
+    ...I(),
+    ...k(r.options || {})
+  }, S = g(A);
+  for (const s in S)
+    e.searchParams.set(s, String(S[s]));
   if (m && e.searchParams.set("userAttributes", JSON.stringify(m)), f) {
-    const r = U({
+    const s = O({
       query: f
     });
-    for (const t in r)
-      e.searchParams.set(t, JSON.stringify(r[t]));
+    for (const t in s)
+      e.searchParams.set(t, JSON.stringify(s[t]));
   }
   return e;
 };
 export {
-  J as generateContentUrl
+  M as generateContentUrl
 };

package/lib/browser/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:s,...o})=>({type:e,data:{...o,metadata:{url:location.href,...s},...await I({canTrack:t}),userAttributes:y.getUserAttributes(),ownerId:r}});async function i(e){if(!e.apiKey){a.logger.error("Missing API key for track call. Please provide your API key.");return}if(e.canTrack&&!l.isEditing()&&(g.isBrowser()||n.TARGET==="reactNative"))return fetch("https://cdn.builder.io/api/v1/track",{method:"POST",body:JSON.stringify({events:[await k(e)]}),headers:{"content-type":"application/json",...c.getSdkHeaders()},mode:"cors"}).catch(t=>{console.error("Failed to track: ",t)})}const f=e=>i({...e,canTrack:!0});exports._track=i;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"),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;

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

@@ -23,7 +23,7 @@ const u = async ({
     sessionId: r,
     visitorId: e
   };
-}, y = async ({
+}, l = async ({
   type: t,
   canTrack: r,
   apiKey: e,
@@ -44,31 +44,33 @@ const u = async ({
     ownerId: e
   }
 });
-async function g(t) {
-  if (!t.apiKey) {
+async function y({
+  apiHost: t,
+  ...r
+}) {
+  if (!r.apiKey) {
     s.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (t.canTrack && !f() && (m() || a === "reactNative"))
-    return fetch("https://cdn.builder.io/api/v1/track", {
-      method: "POST",
-      body: JSON.stringify({
-        events: [await y(t)]
-      }),
-      headers: {
-        "content-type": "application/json",
-        ...n()
-      },
-      mode: "cors"
-    }).catch((r) => {
-      console.error("Failed to track: ", r);
-    });
+  return !r.canTrack || f() || !(m() || a === "reactNative") ? void 0 : fetch(`${t || "https://cdn.builder.io"}/api/v1/track`, {
+    method: "POST",
+    body: JSON.stringify({
+      events: [await l(r)]
+    }),
+    headers: {
+      "content-type": "application/json",
+      ...n()
+    },
+    mode: "cors"
+  }).catch((o) => {
+    console.error("Failed to track: ", o);
+  });
 }
-const E = (t) => g({
+const E = (t) => y({
   ...t,
   canTrack: !0
 });
 export {
-  g as _track,
+  y as _track,
   E as track
 };

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

@@ -1 +1 @@
-"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})));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;
+"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;

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

@@ -1,132 +1,133 @@
 "use client";
 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 { useRef as H, useState as m, useEffect as c } from "react";
+import A 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 { 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 { createRegisterComponentMessage as B } from "../../../functions/register-component.mjs";
-import { _track as K } from "../../../functions/track/index.mjs";
+import { _track as y } from "../../../functions/track/index.mjs";
 import { getInteractionPropertiesForEvent as F } from "../../../functions/track/interaction.mjs";
-import { getDefaultCanTrack as q } from "../../../helpers/canTrack.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 Ce(e) {
+function Ct(t) {
   var w, k, P;
-  const d = L(null);
+  const d = H(null);
   function g(n) {
-    var r, i;
-    const t = {
-      ...e.builderContextSignal.rootState,
+    var a, i;
+    const e = {
+      ...t.builderContextSignal.rootState,
       ...n
     };
-    e.builderContextSignal.rootSetState ? (i = (r = e.builderContextSignal).rootSetState) == null || i.call(r, t) : e.builderContextSignal.rootState = t;
+    t.builderContextSignal.rootSetState ? (i = (a = t.builderContextSignal).rootSetState) == null || i.call(a, e) : t.builderContextSignal.rootState = e;
   }
   function b(n) {
-    var r, i, a, o, s;
-    const t = {
-      ...e.builderContextSignal.content,
+    var a, i, r, o, s;
+    const e = {
+      ...t.builderContextSignal.content,
       ...n,
       data: {
-        ...(r = e.builderContextSignal.content) == null ? void 0 : r.data,
+        ...(a = t.builderContextSignal.content) == null ? void 0 : a.data,
         ...n == null ? void 0 : n.data
       },
       meta: {
-        ...(i = e.builderContextSignal.content) == null ? void 0 : i.meta,
+        ...(i = t.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) || ((s = (o = e.builderContextSignal.content) == null ? void 0 : o.meta) == null ? void 0 : s.breakpoints)
+        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)
       }
     };
     z({
-      value: t,
-      key: t.id
+      value: e,
+      key: e.id
     }).then(() => {
-      j.refresh();
+      W.refresh();
     });
   }
-  function H() {
-    return e.showContent ? {} : {
+  function q() {
+    return t.showContent ? {} : {
       hidden: !0,
       "aria-hidden": !0
     };
   }
   const [T, Z] = m(
-    () => e.contentWrapper || "div"
+    () => t.contentWrapper || "div"
   );
   function v(n) {
     return $({
-      model: e.model,
-      trustedHosts: e.trustedHosts,
+      model: t.model,
+      trustedHosts: t.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({
+        configureSdk: (e) => {
+          var r;
+          const { breakpoints: a, contentId: i } = e;
+          !i || i !== ((r = t.builderContextSignal.content) == null ? void 0 : r.id) || a && b({
             meta: {
-              breakpoints: r
+              breakpoints: a
             }
           });
         },
-        animation: (t) => {
-          Q(t);
+        animation: (e) => {
+          Q(e);
         },
-        contentUpdate: (t) => {
-          b(t);
+        contentUpdate: (e) => {
+          b(e);
         }
       }
     })(n);
   }
-  const [h, p] = m(() => ({})), [S, ee] = m(() => ({})), [x, V] = m(() => !1);
+  const [h, p] = m(() => ({})), [S, tt] = m(() => ({})), [x, V] = m(() => !1);
   function M(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;
-      K({
+    var e, a;
+    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;
+      y({
+        apiHost: t.apiHost,
         type: "click",
-        canTrack: q(e.canTrack),
-        contentId: a,
-        apiKey: e.apiKey,
-        variationId: i !== a ? i : void 0,
+        canTrack: K(t.canTrack),
+        contentId: r,
+        apiKey: t.apiKey,
+        variationId: i !== r ? i : void 0,
         ...F(n),
         unique: !x
       });
     }
     x || V(!0);
   }
-  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())
+  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())
         return;
-      S[a] = !0;
+      S[r] = !0;
       const s = o.replace(
         /{{([^}]+)}}/g,
-        (l, A) => String(
+        (l, j) => String(
           U({
-            code: A,
-            context: e.context || {},
+            code: j,
+            context: t.context || {},
             localState: void 0,
-            rootState: e.builderContextSignal.rootState,
-            rootSetState: e.builderContextSignal.rootSetState
+            rootState: t.builderContextSignal.rootState,
+            rootSetState: t.builderContextSignal.rootSetState
           })
         )
       );
       fetch(s).then((l) => l.json()).then((l) => {
         g({
-          [a]: l
-        }), h[a] = !0;
+          [r]: l
+        }), h[r] = !0;
       }).catch((l) => {
         console.error("error fetching dynamic data", o, l);
       }).finally(() => {
-        S[a] = !1;
+        S[r] = !1;
       });
     });
   }
@@ -136,9 +137,9 @@ function Ce(e) {
         "builder:component:stateChange",
         {
           detail: {
-            state: _(e.builderContextSignal.rootState),
+            state: _(t.builderContextSignal.rootState),
             ref: {
-              name: e.model
+              name: t.model
             }
           }
         }
@@ -147,47 +148,47 @@ function Ce(e) {
   }
   function C(n) {
     window.addEventListener("message", v), G(), J({
-      ...e.locale ? {
-        locale: e.locale
+      ...t.locale ? {
+        locale: t.locale
       } : {},
-      ...e.enrich ? {
-        enrich: e.enrich
+      ...t.enrich ? {
+        enrich: t.enrich
       } : {},
-      ...e.trustedHosts ? {
-        trustedHosts: e.trustedHosts
+      ...t.trustedHosts ? {
+        trustedHosts: t.trustedHosts
       } : {}
     }), Object.values(
-      e.builderContextSignal.componentInfos
-    ).forEach((t) => {
+      t.builderContextSignal.componentInfos
+    ).forEach((e) => {
       var i;
-      const r = B(t);
-      (i = window.parent) == null || i.postMessage(r, "*");
+      const a = B(e);
+      (i = window.parent) == null || i.postMessage(a, "*");
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
       u
     );
   }
   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
+    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({
+      model: t.model,
+      apiKey: t.apiKey,
+      apiVersion: t.builderContextSignal.apiVersion
     }).then((o) => {
       o && b(o);
     });
   }
-  const j = Y(), I = L(!1);
-  return I.current || (W(), u(), I.current = !0), c(() => {
+  const W = Y(), I = H(!1);
+  return I.current || (N(), u(), I.current = !0), c(() => {
     var n;
     return (n = d.current) == null || n.addEventListener(
       "initeditingbldr",
       C
     ), () => {
-      var t;
-      return (t = d.current) == null ? void 0 : t.removeEventListener(
+      var e;
+      return (e = d.current) == null ? void 0 : e.removeEventListener(
         "initeditingbldr",
         C
       );
@@ -198,57 +199,58 @@ function Ce(e) {
       "initpreviewingbldr",
       E
     ), () => {
-      var t;
-      return (t = d.current) == null ? void 0 : t.removeEventListener(
+      var e;
+      return (e = d.current) == null ? void 0 : e.removeEventListener(
         "initpreviewingbldr",
         E
       );
     };
   }, []), c(() => {
-    var n, t;
-    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({
+    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;
+        y({
+          apiHost: t.apiHost,
           type: "impression",
           canTrack: !0,
-          contentId: a,
+          contentId: r,
           apiKey: o,
-          variationId: i !== a ? i : void 0
+          variationId: i !== r ? i : void 0
         });
       }
       O() && f();
     }
   }, []), c(() => {
-  }, [e.content]), c(() => {
+  }, [t.content]), c(() => {
     u();
-  }, [e.builderContextSignal.rootState]), c(() => {
-    e.data && g(e.data);
-  }, [e.data]), c(() => {
-    e.locale && g({
-      locale: e.locale
+  }, [t.builderContextSignal.rootState]), c(() => {
+    t.data && g(t.data);
+  }, [t.data]), c(() => {
+    t.locale && g({
+      locale: t.locale
     });
-  }, [e.locale]), c(() => () => {
-    y() && (window.removeEventListener("message", v), window.removeEventListener(
+  }, [t.locale]), c(() => () => {
+    L() && (window.removeEventListener("message", v), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       u
     ));
-  }, []), /* @__PURE__ */ R(N.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ R(
+  }, []), /* @__PURE__ */ R(A.Provider, { value: t.builderContextSignal, children: t.builderContextSignal.content ? /* @__PURE__ */ R(
     T,
     {
       ref: d,
       onClick: (n) => M(n),
-      "builder-content-id": (w = e.builderContextSignal.content) == null ? void 0 : w.id,
-      "builder-model": e.model,
+      "builder-content-id": (w = t.builderContextSignal.content) == null ? void 0 : w.id,
+      "builder-model": t.model,
       className: X(
-        ((k = e.content) == null ? void 0 : k.testVariationId) || ((P = e.content) == null ? void 0 : P.id)
+        ((k = t.content) == null ? void 0 : k.testVariationId) || ((P = t.content) == null ? void 0 : P.id)
       ),
-      ...H(),
-      ...e.contentWrapperProps,
-      children: e.children
+      ...q(),
+      ...t.contentWrapperProps,
+      children: t.children
     }
   ) : null });
 }
 export {
-  Ce as default
+  Ct as default
 };

package/lib/edge/components/content/content.cjs

@@ -1 +1 @@
-"use strict";const c=require("react/jsx-runtime"),y=require("../../constants/builder-registered-components.cjs"),W=require("../../functions/evaluate/evaluate.cjs"),f=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,g,C,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=[...y.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,...f.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:[...y.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]:f.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}),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:(g=n.content)==null?void 0:g.id,cssCode:(S=(C=n.content)==null?void 0:C.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;
+"use strict";const i=require("react/jsx-runtime"),y=require("../../constants/builder-registered-components.cjs"),R=require("../../functions/evaluate/evaluate.cjs"),f=require("../../functions/register-component.cjs"),W=require("../../helpers/logger.cjs"),j=require("../blocks/blocks.cjs"),P=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 N(e){var a,r,s,l,d,u,g,C,S,m,k,x,b;const v=P.getUpdateVariantVisibilityScript({variationId:(a=e.content)==null?void 0:a.testVariationId,contentId:(r=e.content)==null?void 0:r.id}),I=[...y.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]:{component:h,...f.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:[...y.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]:f.serializeIncludingFunctions(o)}),{}),inheritedStyles:{},BlocksWrapper:e.blocksWrapper||"div",BlocksWrapperProps:e.blocksWrapperProps||{},nonce:e.nonce||""};e.apiKey||W.logger.error("No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop.");const c=(u=(d=n.content)==null?void 0:d.data)==null?void 0:u.jsCode;return c&&R.evaluate({code:c,context:e.context||{},localState:void 0,rootState:n.rootState,rootSetState:t=>{n.rootState=t},isExpression:!1}),i.jsxs(K,{apiHost:e.apiHost,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,isNestedRender:e.isNestedRender,children:[e.isSsrAbTest?i.jsx(V,{id:"builderio-variant-visibility",scriptStr:v,nonce:e.nonce||""}):null,i.jsx(T,{nonce:e.nonce||"",isNestedRender:e.isNestedRender,contentId:(g=n.content)==null?void 0:g.id,cssCode:(S=(C=n.content)==null?void 0:C.data)==null?void 0:S.cssCode,customFonts:(k=(m=n.content)==null?void 0:m.data)==null?void 0:k.customFonts}),i.jsx(j,{blocks:(b=(x=n.content)==null?void 0:x.data)==null?void 0:b.blocks,context:n,registeredComponents:I,linkComponent:e.linkComponent})]})}module.exports=N;