@builder.io/sdk-react-nextjs 0.19.2 → 0.20.0

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

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

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

@@ -1,282 +1,304 @@
 "use client";
-import { jsx as k } from "react/jsx-runtime";
-import { useRef as P, useState as m, useEffect as c } from "react";
-import O from "../../../context/builder.context.mjs";
-import { evaluate as W } from "../../../functions/evaluate/evaluate.mjs";
-import { fastClone as j } from "../../../functions/fast-clone.mjs";
-import { fetchOneEntry as A } from "../../../functions/get-content/index.mjs";
-import { isBrowser as L } from "../../../functions/is-browser.mjs";
-import { isEditing as g } from "../../../functions/is-editing.mjs";
-import { isPreviewing as B } from "../../../functions/is-previewing.mjs";
-import { logFetch as F } from "../../../functions/log-fetch.mjs";
-import { createRegisterComponentMessage as M } from "../../../functions/register-component.mjs";
-import { _track as H } from "../../../functions/track/index.mjs";
-import { getInteractionPropertiesForEvent as $ } from "../../../functions/track/interaction.mjs";
-import { getDefaultCanTrack as K } from "../../../helpers/canTrack.mjs";
-import { getCookieSync as z } from "../../../helpers/cookie.mjs";
-import { postPreviewContent as G } from "../../../helpers/preview-lru-cache/set.mjs";
-import { createEditorListener as J } from "../../../helpers/subscribe-to-editor.mjs";
-import { setupBrowserForEditing as Q } from "../../../scripts/init-editing.mjs";
-import { triggerAnimation as X } from "../../block/animator.mjs";
-import { needsElementRefDivForEditing as q } from "./enable-editor.helpers.mjs";
-import { getWrapperClassName as Y } from "./styles.helpers.mjs";
-import { useRouter as Z } from "next/navigation";
-function yt(t) {
-  var w, y, R;
-  const u = P(null);
-  m(() => !1);
-  function s(n) {
+import { jsx as H } from "react/jsx-runtime";
+import { useRef as K, useState as s, useEffect as l } from "react";
+import A from "../../../context/builder.context.mjs";
+import { evaluate as B } from "../../../functions/evaluate/evaluate.mjs";
+import { fastClone as F } from "../../../functions/fast-clone.mjs";
+import { fetchOneEntry as M } from "../../../functions/get-content/index.mjs";
+import { isBrowser as T } from "../../../functions/is-browser.mjs";
+import { isEditing as b } from "../../../functions/is-editing.mjs";
+import { isPreviewing as J } from "../../../functions/is-previewing.mjs";
+import { logFetch as $ } from "../../../functions/log-fetch.mjs";
+import { createRegisterComponentMessage as z } from "../../../functions/register-component.mjs";
+import { _track as U } from "../../../functions/track/index.mjs";
+import { getInteractionPropertiesForEvent as G } from "../../../functions/track/interaction.mjs";
+import { getDefaultCanTrack as q } from "../../../helpers/canTrack.mjs";
+import { getCookieSync as Q } from "../../../helpers/cookie.mjs";
+import { postPreviewContent as X } from "../../../helpers/preview-lru-cache/set.mjs";
+import { createEditorListener as Y } from "../../../helpers/subscribe-to-editor.mjs";
+import { setupBrowserForEditing as Z } from "../../../scripts/init-editing.mjs";
+import { triggerAnimation as p } from "../../block/animator.mjs";
+import { needsElementRefDivForEditing as D } from "./enable-editor.helpers.mjs";
+import { getWrapperClassName as ee } from "./styles.helpers.mjs";
+import { useRouter as te } from "next/navigation";
+function Le(e) {
+  var k, P, L;
+  const c = K(null);
+  s(() => !1);
+  function f(n) {
     var i, o;
-    const e = {
-      ...t.builderContextSignal.rootState,
+    const t = {
+      ...e.builderContextSignal.rootState,
       ...n
     };
-    t.builderContextSignal.rootSetState ? (o = (i = t.builderContextSignal).rootSetState) == null || o.call(i, e) : t.builderContextSignal.rootState = e;
+    e.builderContextSignal.rootSetState ? (o = (i = e.builderContextSignal).rootSetState) == null || o.call(i, t) : e.builderContextSignal.rootState = t;
   }
-  function b(n) {
+  function S(n) {
     var i, o, a, r, d;
-    const e = {
-      ...t.builderContextSignal.content,
+    const t = {
+      ...e.builderContextSignal.content,
       ...n,
       data: {
-        ...(i = t.builderContextSignal.content) == null ? void 0 : i.data,
+        ...(i = e.builderContextSignal.content) == null ? void 0 : i.data,
         ...n == null ? void 0 : n.data
       },
       meta: {
-        ...(o = t.builderContextSignal.content) == null ? void 0 : o.meta,
+        ...(o = e.builderContextSignal.content) == null ? void 0 : o.meta,
         ...n == null ? void 0 : n.meta,
-        breakpoints: ((a = n == null ? void 0 : n.meta) == null ? void 0 : a.breakpoints) || ((d = (r = t.builderContextSignal.content) == null ? void 0 : r.meta) == null ? void 0 : d.breakpoints)
+        breakpoints: ((a = n == null ? void 0 : n.meta) == null ? void 0 : a.breakpoints) || ((d = (r = e.builderContextSignal.content) == null ? void 0 : r.meta) == null ? void 0 : d.breakpoints)
       }
     };
-    G({
-      value: e,
-      key: e.id,
+    X({
+      value: t,
+      key: t.id,
       url: window.location.pathname
     });
   }
-  function T() {
-    return t.showContent ? {} : {
+  function N() {
+    return e.showContent ? {} : {
       hidden: !0,
       "aria-hidden": !0
     };
   }
-  const [U, p] = m(
-    () => t.contentWrapper || "div"
+  const [O, ne] = s(
+    () => e.contentWrapper || "div"
   );
-  function v(n) {
-    return J({
-      model: t.model,
-      trustedHosts: t.trustedHosts,
+  function x(n) {
+    return Y({
+      model: e.model,
+      trustedHosts: e.trustedHosts,
       callbacks: {
-        configureSdk: (e) => {
+        configureSdk: (t) => {
           var a;
-          const { breakpoints: i, contentId: o } = e;
-          !o || o !== ((a = t.builderContextSignal.content) == null ? void 0 : a.id) || i && b({
+          const { breakpoints: i, contentId: o } = t;
+          !o || o !== ((a = e.builderContextSignal.content) == null ? void 0 : a.id) || i && S({
             meta: {
               breakpoints: i
             }
           });
         },
-        animation: (e) => {
-          X(e);
+        animation: (t) => {
+          p(t);
         },
-        contentUpdate: (e) => {
-          b(e);
+        contentUpdate: (t) => {
+          S(t);
         },
-        stateUpdate: (e) => {
-          s(e);
+        stateUpdate: (t) => {
+          f(t);
         }
       }
     })(n);
   }
-  const [h, tt] = m(() => ({})), [S, et] = m(() => ({})), [x, D] = m(() => !1);
-  function V(n) {
-    var e, i;
-    if (t.builderContextSignal.content) {
-      const o = (e = t.builderContextSignal.content) == null ? void 0 : e.testVariationId, a = (i = t.builderContextSignal.content) == null ? void 0 : i.id;
-      H({
-        apiHost: t.apiHost,
+  const [C, ie] = s(() => ({})), [v, ae] = s(() => ({})), [y, V] = s(() => !1);
+  function j(n) {
+    var t, i;
+    if (e.builderContextSignal.content) {
+      const o = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, a = (i = e.builderContextSignal.content) == null ? void 0 : i.id;
+      U({
+        apiHost: e.apiHost,
         type: "click",
-        canTrack: K(t.canTrack),
+        canTrack: q(e.canTrack),
         contentId: a,
-        apiKey: t.apiKey,
+        apiKey: e.apiKey,
         variationId: o !== a ? o : void 0,
-        ...$(n),
-        unique: !x
+        ...G(n),
+        unique: !y
       });
     }
-    x || D(!0);
+    y || V(!0);
   }
-  function N() {
-    var e, i, o;
-    const n = (o = (i = (e = t.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : i.httpRequests) != null ? o : {};
-    Object.entries(n).forEach(([a, r]) => {
-      if (!r || S[a] || h[a] && !g())
-        return;
-      S[a] = !0;
-      const d = r.replace(
-        /{{([^}]+)}}/g,
-        (l, _) => String(
-          W({
-            code: _,
-            context: t.context || {},
-            localState: void 0,
-            rootState: t.builderContextSignal.rootState,
-            rootSetState: t.builderContextSignal.rootSetState
-          })
-        )
-      );
-      F(d), fetch(d).then((l) => l.json()).then((l) => {
-        s({
-          [a]: l
-        }), h[a] = !0;
-      }).catch((l) => {
-        console.error("error fetching dynamic data", r, l);
-      }).finally(() => {
-        S[a] = !1;
-      });
-    });
+  function _() {
+    var t, i, o;
+    const n = (o = (i = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : i.httpRequests) != null ? o : {};
+    Object.entries(n).forEach(
+      ([a, r]) => {
+        if (!r)
+          return;
+        const d = typeof r == "object" && r["@type"] === "@builder.io/core:Request";
+        if (v[a] || C[a] && !b())
+          return;
+        const h = d ? r.request.url : r;
+        v[a] = !0;
+        const R = h.replace(
+          /{{([^}]+)}}/g,
+          (u, W) => String(
+            B({
+              code: W,
+              context: e.context || {},
+              localState: void 0,
+              rootState: e.builderContextSignal.rootState,
+              rootSetState: e.builderContextSignal.rootSetState
+            })
+          )
+        ), m = d ? {
+          url: R,
+          method: r.request.method,
+          headers: r.request.headers,
+          body: r.request.body
+        } : {
+          url: R,
+          method: "GET"
+        };
+        $(JSON.stringify(m)), fetch(m.url, {
+          method: m.method,
+          headers: m.headers,
+          body: m.body
+        }).then((u) => u.json()).then((u) => {
+          f({
+            [a]: u
+          }), C[a] = !0;
+        }).catch((u) => {
+          console.error(
+            "error fetching dynamic data",
+            JSON.stringify(r),
+            u
+          );
+        }).finally(() => {
+          v[a] = !1;
+        });
+      }
+    );
   }
-  function f() {
-    g() && window.dispatchEvent(
+  function g() {
+    b() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
           detail: {
-            state: j(t.builderContextSignal.rootState),
+            state: F(e.builderContextSignal.rootState),
             ref: {
-              name: t.model
+              name: e.model
             }
           }
         }
       )
     );
   }
-  function C(n) {
-    var e;
-    window.addEventListener("message", v), Q({
-      ...t.locale ? {
-        locale: t.locale
+  function E(n) {
+    var t;
+    window.addEventListener("message", x), Z({
+      ...e.locale ? {
+        locale: e.locale
       } : {},
-      ...t.enrich ? {
-        enrich: t.enrich
+      ...e.enrich ? {
+        enrich: e.enrich
       } : {},
-      ...t.trustedHosts ? {
-        trustedHosts: t.trustedHosts
+      ...e.trustedHosts ? {
+        trustedHosts: e.trustedHosts
       } : {},
-      modelName: (e = t.model) != null ? e : "",
-      apiKey: t.apiKey
+      modelName: (t = e.model) != null ? t : "",
+      apiKey: e.apiKey
     }), Object.values(
-      t.builderContextSignal.componentInfos
+      e.builderContextSignal.componentInfos
     ).forEach((i) => {
       var o, a;
-      if (!((o = i.models) != null && o.length) || i.models.includes(t.model)) {
-        const r = M(i);
+      if (!((o = i.models) != null && o.length) || i.models.includes(e.model)) {
+        const r = z(i);
         (a = window.parent) == null || a.postMessage(r, "*");
       }
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
-      f
+      g
     );
   }
-  function E(n) {
+  function I(n) {
     var r;
-    const e = new URL(location.href).searchParams, i = e.get("builder.preview"), o = e.get(
+    const t = new URL(location.href).searchParams, i = t.get("builder.preview"), o = t.get(
       `builder.overrides.${i}`
-    ), a = e.get("apiKey") || e.get("builder.space");
-    (i === "BUILDER_STUDIO" || i === t.model && a === t.apiKey && (!t.content || o === t.content.id)) && A({
-      model: t.model,
-      apiKey: t.apiKey,
-      apiVersion: t.builderContextSignal.apiVersion,
-      ...i === "BUILDER_STUDIO" && ((r = t.context) != null && r.symbolId) ? {
+    ), a = t.get("apiKey") || t.get("builder.space");
+    (i === "BUILDER_STUDIO" || i === e.model && a === e.apiKey && (!e.content || o === e.content.id)) && M({
+      model: e.model,
+      apiKey: e.apiKey,
+      apiVersion: e.builderContextSignal.apiVersion,
+      ...i === "BUILDER_STUDIO" && ((r = e.context) != null && r.symbolId) ? {
         query: {
-          id: t.context.symbolId
+          id: e.context.symbolId
         }
       } : {}
     }).then((d) => {
-      d && b(d);
+      d && S(d);
     });
   }
-  Z();
-  const I = P(!1);
-  return I.current || (N(), f(), I.current = !0), c(() => {
+  te();
+  const w = K(!1);
+  return w.current || (_(), g(), w.current = !0), l(() => {
     var n;
-    return (n = u.current) == null || n.addEventListener(
+    return (n = c.current) == null || n.addEventListener(
       "initeditingbldr",
-      C
+      E
     ), () => {
-      var e;
-      return (e = u.current) == null ? void 0 : e.removeEventListener(
+      var t;
+      return (t = c.current) == null ? void 0 : t.removeEventListener(
         "initeditingbldr",
-        C
+        E
       );
     };
-  }, []), c(() => {
+  }, []), l(() => {
     var n;
-    return (n = u.current) == null || n.addEventListener(
+    return (n = c.current) == null || n.addEventListener(
       "initpreviewingbldr",
-      E
+      I
     ), () => {
-      var e;
-      return (e = u.current) == null ? void 0 : e.removeEventListener(
+      var t;
+      return (t = c.current) == null ? void 0 : t.removeEventListener(
         "initpreviewingbldr",
-        E
+        I
       );
     };
-  }, []), c(() => {
-    var n, e, i;
-    if (L()) {
-      g() && !t.isNestedRender && u.current && u.current.dispatchEvent(new CustomEvent("initeditingbldr"));
-      const o = t.builderContextSignal.content && K(t.canTrack), a = z({
-        name: `builder.tests.${(n = t.builderContextSignal.content) == null ? void 0 : n.id}`,
+  }, []), l(() => {
+    var n, t, i;
+    if (T()) {
+      b() && !e.isNestedRender && c.current && c.current.dispatchEvent(new CustomEvent("initeditingbldr"));
+      const o = e.builderContextSignal.content && q(e.canTrack), a = Q({
+        name: `builder.tests.${(n = e.builderContextSignal.content) == null ? void 0 : n.id}`,
         canTrack: !0
-      }), r = (e = t.builderContextSignal.content) == null ? void 0 : e.testVariationId;
+      }), r = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId;
       if (o && r === a) {
-        const d = (i = t.builderContextSignal.content) == null ? void 0 : i.id, l = t.apiKey;
-        H({
-          apiHost: t.apiHost,
+        const d = (i = e.builderContextSignal.content) == null ? void 0 : i.id, h = e.apiKey;
+        U({
+          apiHost: e.apiHost,
           type: "impression",
           canTrack: !0,
           contentId: d,
-          apiKey: l,
+          apiKey: h,
           variationId: a !== d ? a : void 0
         });
       }
-      B() && g();
+      J() && b();
     }
-  }, []), c(() => {
-  }, [t.content]), c(() => {
-    f();
-  }, [t.builderContextSignal.rootState]), c(() => {
-    t.data && s(t.data);
-  }, [t.data]), c(() => {
-    t.locale && s({
-      locale: t.locale
+  }, []), l(() => {
+  }, [e.content]), l(() => {
+    g();
+  }, [e.builderContextSignal.rootState]), l(() => {
+    e.data && f(e.data);
+  }, [e.data]), l(() => {
+    e.locale && f({
+      locale: e.locale
     });
-  }, [t.locale]), c(() => () => {
-    L() && (window.removeEventListener("message", v), window.removeEventListener(
+  }, [e.locale]), l(() => () => {
+    T() && (window.removeEventListener("message", x), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      f
+      g
     ));
-  }, []), /* @__PURE__ */ k(O.Provider, { value: t.builderContextSignal, children: t.builderContextSignal.content || q() ? /* @__PURE__ */ k(
-    U,
+  }, []), /* @__PURE__ */ H(A.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || D() ? /* @__PURE__ */ H(
+    O,
     {
-      ref: u,
-      onClick: (n) => V(n),
-      "builder-content-id": (w = t.builderContextSignal.content) == null ? void 0 : w.id,
-      "builder-model": t.model,
-      className: Y(
-        ((y = t.content) == null ? void 0 : y.testVariationId) || ((R = t.content) == null ? void 0 : R.id)
+      ref: c,
+      onClick: (n) => j(n),
+      "builder-content-id": (k = e.builderContextSignal.content) == null ? void 0 : k.id,
+      "builder-model": e.model,
+      className: ee(
+        ((P = e.content) == null ? void 0 : P.testVariationId) || ((L = e.content) == null ? void 0 : L.id)
       ),
       style: {
-        display: !t.builderContextSignal.content && q() ? "none" : void 0
+        display: !e.builderContextSignal.content && D() ? "none" : void 0
       },
-      ...T(),
-      ...t.contentWrapperProps,
-      children: t.children
+      ...N(),
+      ...e.contentWrapperProps,
+      children: e.children
     }
   ) : null });
 }
 export {
-  yt as default
+  Le as default
 };

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

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

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

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

package/lib/browser/functions/get-processed-block.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../constants/target.cjs"),d=require("../helpers/omit.cjs"),p=require("./evaluate/evaluate.cjs"),f=require("./extract-localized-values.cjs"),g=require("./fast-clone.cjs"),m=require("./set.cjs"),y=require("./transform-block.cjs");function o(e){if(e===null||typeof e!="object")return e;if(Array.isArray(e))return e.map(n=>o(n));if(e["@type"]==="@builder.io/sdk:Element")return e;const t={};for(const n in e)n!=="meta"&&Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=o(e[n]));return t}const C=["svelte","vue","angular","qwik","solid"].includes(u.TARGET),q=e=>{if(C){const t=g.fastClone(e);return{...t,properties:{...t.properties},actions:{...t.actions}}}else{const t=o(d.omit(e,"children","meta"));return{...t,properties:{...t.properties},actions:{...t.actions},children:e.children,meta:e.meta}}},v=({block:e,context:t,localState:n,rootState:i,rootSetState:s})=>{if(!e.bindings)return e;const r=q(e);for(const c in e.bindings){const a=e.bindings[c],l=p.evaluate({code:a,localState:n,rootState:i,rootSetState:s,context:t});m.set(r,c,l)}return r};function B({block:e,context:t,localState:n,rootState:i,rootSetState:s}){let r=f.resolveLocalizedValues(e,i.locale);return r=y.transformBlock(r),v({block:r,localState:n,rootState:i,rootSetState:s,context:t})}exports.deepCloneWithConditions=o;exports.getProcessedBlock=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../constants/target.cjs"),d=require("../helpers/omit.cjs"),p=require("./evaluate/evaluate.cjs"),f=require("./extract-localized-values.cjs"),g=require("./fast-clone.cjs"),m=require("./set.cjs"),y=require("./transform-block.cjs");function o(e){if(e===null||typeof e!="object")return e;if(Array.isArray(e))return e.map(n=>o(n));if(e["@type"]==="@builder.io/sdk:Element")return e;const t={};for(const n in e)n!=="meta"&&Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=o(e[n]));return t}const C=["svelte","vue","angular","qwik","solid"].includes(u.TARGET),q=e=>{if(C){const t=g.fastClone(e);return{...t,properties:{...t.properties},actions:{...t.actions}}}else{const t=o(d.omit(e,"children","meta"));return{...t,properties:{...t.properties},actions:{...t.actions},children:e.children,meta:e.meta}}},v=({block:e,context:t,localState:n,rootState:i,rootSetState:s})=>{if(!e.bindings)return e;const r=q(e);for(const c in e.bindings){const a=e.bindings[c],l=p.evaluate({code:a,localState:n,rootState:i,rootSetState:s,context:t});m.set(r,c,l)}return r};function B({block:e,context:t,localState:n,rootState:i,rootSetState:s}){let r=y.transformBlock(e);return r=v({block:r,localState:n,rootState:i,rootSetState:s,context:t}),r=f.resolveLocalizedValues(r,i.locale),r}exports.deepCloneWithConditions=o;exports.getProcessedBlock=B;

package/lib/browser/functions/get-processed-block.mjs

@@ -72,14 +72,14 @@ function P({
   rootState: i,
   rootSetState: o
 }) {
-  let n = f(e, i.locale);
-  return n = g(n), O({
+  let n = g(e);
+  return n = O({
     block: n,
     localState: t,
     rootState: i,
     rootSetState: o,
     context: r
-  });
+  }), n = f(n, i.locale), n;
 }
 export {
   s as deepCloneWithConditions,

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

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