@builder.io/sdk-react-nextjs 0.16.17 → 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/get-content/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../constants/target.cjs"),h=require("../../helpers/ab-tests.cjs"),w=require("../../helpers/canTrack.cjs"),o=require("../../helpers/logger.cjs"),C=require("../../helpers/preview-lru-cache/get.cjs"),y=require("../get-fetch.cjs"),T=require("../is-browser.cjs"),a=require("./generate-content-url.cjs"),q=t=>"results"in t;async function d(t){const e=await i({...t,limit:1});return e&&e[0]||null}const v=async t=>{var r;const e=a.generateContentUrl(t);return await(await((r=t.fetch)!=null?r:y.fetch)(e.href,t.fetchOptions)).json()},u=async(t,e,n=a.generateContentUrl(t))=>{const s=w.getDefaultCanTrack(t.canTrack);if(n.search.includes("preview=")){const r=[];for(const c of e.results){const f=C.getPreviewContent(n.searchParams);r.push(f||c)}e.results=r}if(!s||!(T.isBrowser()||g.TARGET==="reactNative"))return e.results;try{const r=[];for(const c of e.results)r.push(await h.handleABTesting({item:c,canTrack:s}));e.results=r}catch(r){o.logger.error("Could not process A/B tests. ",r)}return e.results};async function i(t){try{const e=a.generateContentUrl(t),n=await v(t);return q(n)?u(t,n):(o.logger.error("Error fetching data. ",{url:e,content:n,options:t}),null)}catch(e){return o.logger.error("Error fetching data. ",e),null}}exports._processContentResult=u;exports.fetchEntries=i;exports.fetchOneEntry=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../constants/target.cjs"),h=require("../../helpers/ab-tests.cjs"),w=require("../../helpers/canTrack.cjs"),o=require("../../helpers/logger.cjs"),d=require("../../helpers/preview-lru-cache/get.cjs"),C=require("../../helpers/sdk-headers.cjs"),y=require("../get-fetch.cjs"),T=require("../is-browser.cjs"),u=require("./generate-content-url.cjs"),q=e=>"results"in e;async function k(e){const t=await l({...e,limit:1});return t&&t[0]||null}const v=async e=>{var s,a;const t=u.generateContentUrl(e),r=(s=e.fetch)!=null?s:y.fetch,c={...e.fetchOptions,headers:{...(a=e.fetchOptions)==null?void 0:a.headers,...C.getSdkHeaders()}};return await(await r(t.href,c)).json()},i=async(e,t,r=u.generateContentUrl(e))=>{const c=w.getDefaultCanTrack(e.canTrack);if(r.search.includes("preview=")){const n=[];for(const s of t.results){const a=d.getPreviewContent(r.searchParams);n.push(a||s)}t.results=n}if(!c||!(T.isBrowser()||g.TARGET==="reactNative"))return t.results;try{const n=[];for(const s of t.results)n.push(await h.handleABTesting({item:s,canTrack:c}));t.results=n}catch(n){o.logger.error("Could not process A/B tests. ",n)}return t.results};async function l(e){try{const t=u.generateContentUrl(e),r=await v(e);return q(r)?i(e,r):(o.logger.error("Error fetching data. ",{url:t,content:r,options:e}),null)}catch(t){return o.logger.error("Error fetching data. ",t),null}}exports._processContentResult=i;exports.fetchEntries=l;exports.fetchOneEntry=k;

package/lib/browser/functions/get-content/index.mjs

@@ -1,62 +1,69 @@
-import { TARGET as f } from "../../constants/target.mjs";
+import { TARGET as u } from "../../constants/target.mjs";
 import { handleABTesting as l } from "../../helpers/ab-tests.mjs";
-import { getDefaultCanTrack as m } from "../../helpers/canTrack.mjs";
-import { logger as o } from "../../helpers/logger.mjs";
-import { getPreviewContent as h } from "../../helpers/preview-lru-cache/get.mjs";
-import { fetch as w } from "../get-fetch.mjs";
+import { getDefaultCanTrack as h } from "../../helpers/canTrack.mjs";
+import { logger as a } from "../../helpers/logger.mjs";
+import { getPreviewContent as m } from "../../helpers/preview-lru-cache/get.mjs";
+import { getSdkHeaders as w } from "../../helpers/sdk-headers.mjs";
+import { fetch as p } from "../get-fetch.mjs";
 import { isBrowser as g } from "../is-browser.mjs";
-import { generateContentUrl as a } from "./generate-content-url.mjs";
-const p = (t) => "results" in t;
-async function B(t) {
-  const r = await v({
-    ...t,
+import { generateContentUrl as i } from "./generate-content-url.mjs";
+const d = (r) => "results" in r;
+async function H(r) {
+  const t = await v({
+    ...r,
     limit: 1
   });
-  return r && r[0] || null;
+  return t && t[0] || null;
 }
-const C = async (t) => {
-  var e;
-  const r = a(t);
-  return await (await ((e = t.fetch) != null ? e : w)(r.href, t.fetchOptions)).json();
-}, y = async (t, r, s = a(t)) => {
-  const n = m(t.canTrack);
-  if (s.search.includes("preview=")) {
-    const e = [];
-    for (const c of r.results) {
-      const u = h(s.searchParams);
-      e.push(u || c);
+const C = async (r) => {
+  var n, o;
+  const t = i(r), e = (n = r.fetch) != null ? n : p, c = {
+    ...r.fetchOptions,
+    headers: {
+      ...(o = r.fetchOptions) == null ? void 0 : o.headers,
+      ...w()
     }
-    r.results = e;
+  };
+  return await (await e(t.href, c)).json();
+}, y = async (r, t, e = i(r)) => {
+  const c = h(r.canTrack);
+  if (e.search.includes("preview=")) {
+    const s = [];
+    for (const n of t.results) {
+      const o = m(e.searchParams);
+      s.push(o || n);
+    }
+    t.results = s;
   }
-  if (!n || !(g() || f === "reactNative"))
-    return r.results;
+  if (!c || !(g() || u === "reactNative"))
+    return t.results;
   try {
-    const e = [];
-    for (const c of r.results)
-      e.push(await l({
-        item: c,
-        canTrack: n
+    const s = [];
+    for (const n of t.results)
+      s.push(await l({
+        item: n,
+        canTrack: c
       }));
-    r.results = e;
-  } catch (e) {
-    o.error("Could not process A/B tests. ", e);
+    t.results = s;
+  } catch (s) {
+    a.error("Could not process A/B tests. ", s);
   }
-  return r.results;
+  return t.results;
 };
-async function v(t) {
+async function v(r) {
   try {
-    const r = a(t), s = await C(t);
-    return p(s) ? y(t, s) : (o.error("Error fetching data. ", {
-      url: r,
-      content: s,
-      options: t
+    const t = i(r), e = await C(r);
+    return d(e) ? y(r, e) : (a.error("Error fetching data. ", {
+      url: t,
+      content: e,
+      options: r
     }), null);
-  } catch (r) {
-    return o.error("Error fetching data. ", r), null;
+  } catch (t) {
+    return a.error("Error fetching data. ", t), null;
   }
 }
 export {
   y as _processContentResult,
   v as fetchEntries,
-  B as fetchOneEntry
+  H as fetchOneEntry
 };

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

@@ -1,11 +1,12 @@
 import { TARGET as a } from "../../constants/target.mjs";
 import { logger as s } from "../../helpers/logger.mjs";
-import { getSessionId as n } from "../../helpers/sessionId.mjs";
-import { getVisitorId as c } from "../../helpers/visitorId.mjs";
-import { isBrowser as d } from "../is-browser.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 m } from "./helpers.mjs";
-const p = async ({
+import { getUserAttributes as p } from "./helpers.mjs";
+const u = async ({
   canTrack: t
 }) => {
   if (!t)
@@ -13,60 +14,63 @@ const p = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const r = await n({
+  const r = await c({
     canTrack: t
-  }), e = c({
+  }), e = d({
     canTrack: t
   });
   return {
     sessionId: r,
     visitorId: e
   };
-}, u = async ({
+}, l = async ({
   type: t,
   canTrack: r,
   apiKey: e,
-  metadata: i,
-  ...o
+  metadata: o,
+  ...i
 }) => ({
   type: t,
   data: {
-    ...o,
+    ...i,
     metadata: {
       url: location.href,
-      ...i
+      ...o
     },
-    ...await p({
+    ...await u({
       canTrack: r
     }),
-    userAttributes: m(),
+    userAttributes: p(),
     ownerId: e
   }
 });
-async function y(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() && (d() || a === "reactNative"))
-    return fetch("https://cdn.builder.io/api/v1/track", {
-      method: "POST",
-      body: JSON.stringify({
-        events: [await u(t)]
-      }),
-      headers: {
-        "content-type": "application/json"
-      },
-      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 A = (t) => y({
+const E = (t) => y({
   ...t,
   canTrack: !0
 });
 export {
   y as _track,
-  A as track
+  E as track
 };

package/lib/browser/helpers/sdk-headers.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../constants/sdk-version.cjs"),r=require("../constants/target.cjs"),t=()=>({"X-Builder-SDK":r.TARGET,"X-Builder-SDK-GEN":"2","X-Builder-SDK-Version":e.SDK_VERSION});exports.getSdkHeaders=t;

package/lib/browser/helpers/sdk-headers.mjs

@@ -0,0 +1,10 @@
+import { SDK_VERSION as r } from "../constants/sdk-version.mjs";
+import { TARGET as e } from "../constants/target.mjs";
+const S = () => ({
+  "X-Builder-SDK": e,
+  "X-Builder-SDK-GEN": "2",
+  "X-Builder-SDK-Version": r
+});
+export {
+  S as getSdkHeaders
+};

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;