@builder.io/sdk-react-nextjs 0.20.1 → 0.22.0

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

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

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

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

package/lib/edge/components/live-edit.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const o=require("react/jsx-runtime"),u=require("react"),s=require("../context/builder.context.cjs"),d=require("../helpers/find-block.cjs");function x(t){function e(){return d.findBlockById(c.content,t.id)}function r(){var n,i;return((i=(n=e==null?void 0:e())==null?void 0:n.component)==null?void 0:i.options)||{}}const c=u.useContext(s);return o.jsx(t.Wrapper,{...r(),attributes:t.attributes,children:t.children})}module.exports=x;

package/lib/edge/components/live-edit.mjs

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as u } from "react/jsx-runtime";
+import { useContext as c } from "react";
+import f from "../context/builder.context.mjs";
+import { findBlockById as m } from "../helpers/find-block.mjs";
+function x(t) {
+  function n() {
+    return m(r.content, t.id);
+  }
+  function i() {
+    var e, o;
+    return ((o = (e = n == null ? void 0 : n()) == null ? void 0 : e.component) == null ? void 0 : o.options) || {};
+  }
+  const r = c(f);
+  return /* @__PURE__ */ u(t.Wrapper, { ...i(), attributes: t.attributes, children: t.children });
+}
+export {
+  x as default
+};

package/lib/edge/constants/builder-registered-components.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const o=require("./target.cjs");require("../functions/evaluate/edge-runtime/edge-runtime.cjs");require("../helpers/user-attributes.cjs");require("../functions/get-fetch.cjs");const n=require("../blocks/button/component-info.cjs"),e=require("../blocks/button/button.cjs"),t=require("../blocks/columns/component-info.cjs"),r=require("../blocks/columns/columns.cjs"),c=require("../blocks/fragment/component-info.cjs"),i=require("../blocks/fragment/fragment.cjs"),s=require("../blocks/image/component-info.cjs"),m=require("../blocks/image/image.cjs"),p=require("../blocks/personalization-container/component-info.cjs"),u=require("../blocks/personalization-container/helpers.cjs"),q=require("../blocks/personalization-container/personalization-container.cjs"),f=require("../blocks/section/component-info.cjs"),I=require("../blocks/section/section.cjs"),a=require("../blocks/slot/component-info.cjs"),l=require("../blocks/slot/slot.cjs"),g=require("../blocks/symbol/component-info.cjs"),$=require("../blocks/symbol/symbol.cjs"),S=require("../blocks/text/component-info.cjs"),d=require("../blocks/text/text.cjs"),C=require("./extra-components.cjs"),R=()=>[{component:e,...n.componentInfo},{component:r,...t.componentInfo},{component:i,...c.componentInfo},{component:m,...s.componentInfo},{component:I,...f.componentInfo},{component:l,...a.componentInfo},{component:$,...g.componentInfo},{component:d,...S.componentInfo},...u.SDKS_SUPPORTING_PERSONALIZATION.includes(o.TARGET)?[{component:q,...p.componentInfo}]:[],...C.getExtraComponents()];exports.getDefaultRegisteredComponents=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("./target.cjs");require("../functions/evaluate/edge-runtime/edge-runtime.cjs");require("../helpers/user-attributes.cjs");require("../functions/get-fetch.cjs");require("../context/builder.context.cjs");const o=require("../blocks/button/component-info.cjs"),n=require("../blocks/button/button.cjs"),t=require("../blocks/columns/component-info.cjs"),r=require("../blocks/columns/columns.cjs"),c=require("../blocks/fragment/component-info.cjs"),i=require("../blocks/fragment/fragment.cjs"),s=require("../blocks/image/component-info.cjs"),m=require("../blocks/image/image.cjs"),u=require("../blocks/personalization-container/component-info.cjs"),p=require("../blocks/personalization-container/helpers.cjs"),q=require("../blocks/personalization-container/personalization-container.cjs"),f=require("../blocks/section/component-info.cjs"),I=require("../blocks/section/section.cjs"),a=require("../blocks/slot/component-info.cjs"),l=require("../blocks/slot/slot.cjs"),g=require("../blocks/symbol/component-info.cjs"),$=require("../blocks/symbol/symbol.cjs"),S=require("../blocks/text/component-info.cjs"),d=require("../blocks/text/text.cjs"),C=require("./extra-components.cjs"),R=()=>[{component:n,...o.componentInfo},{component:r,...t.componentInfo},{component:i,...c.componentInfo},{component:m,...s.componentInfo},{component:I,...f.componentInfo},{component:l,...a.componentInfo},{component:$,...g.componentInfo},{component:d,...S.componentInfo},...p.SDKS_SUPPORTING_PERSONALIZATION.includes(e.TARGET)?[{component:q,...u.componentInfo}]:[],...C.getExtraComponents()];exports.getDefaultRegisteredComponents=R;

package/lib/edge/constants/builder-registered-components.mjs

@@ -4,6 +4,7 @@ import { TARGET as o } from "./target.mjs";
 import "../functions/evaluate/edge-runtime/edge-runtime.mjs";
 import "../helpers/user-attributes.mjs";
 import "../functions/get-fetch.mjs";
+import "../context/builder.context.mjs";
 import { componentInfo as n } from "../blocks/button/component-info.mjs";
 import m from "../blocks/button/button.mjs";
 import { componentInfo as t } from "../blocks/columns/component-info.mjs";
@@ -24,7 +25,7 @@ import g from "../blocks/symbol/symbol.mjs";
 import { componentInfo as T } from "../blocks/text/component-info.mjs";
 import u from "../blocks/text/text.mjs";
 import { getExtraComponents as P } from "./extra-components.mjs";
-const J = () => [{
+const M = () => [{
   component: m,
   ...n
 }, {
@@ -53,5 +54,5 @@ const J = () => [{
   ...c
 }] : [], ...P()];
 export {
-  J as getDefaultRegisteredComponents
+  M as getDefaultRegisteredComponents
 };

package/lib/edge/constants/extra-components.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../blocks/custom-code/component-info.cjs"),o=require("../blocks/custom-code/custom-code.cjs"),n=require("../blocks/embed/component-info.cjs"),t=require("../blocks/embed/embed.cjs");require("react/jsx-runtime");require("react");require("../functions/evaluate/edge-runtime/edge-runtime.cjs");require("../helpers/user-attributes.cjs");require("../functions/get-fetch.cjs");const r=require("../blocks/img/component-info.cjs"),c=require("../blocks/img/img.cjs"),i=require("../blocks/video/component-info.cjs"),m=require("../blocks/video/video.cjs"),u=()=>[{component:o,...e.componentInfo},{component:t,...n.componentInfo},{component:c,...r.componentInfo},{component:m,...i.componentInfo}];exports.getExtraComponents=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../blocks/custom-code/component-info.cjs"),o=require("../blocks/custom-code/custom-code.cjs"),n=require("../blocks/embed/component-info.cjs"),r=require("../blocks/embed/embed.cjs");require("react/jsx-runtime");require("react");require("../functions/evaluate/edge-runtime/edge-runtime.cjs");require("../helpers/user-attributes.cjs");require("../functions/get-fetch.cjs");require("../context/builder.context.cjs");const t=require("../blocks/img/component-info.cjs"),c=require("../blocks/img/img.cjs"),i=require("../blocks/video/component-info.cjs"),m=require("../blocks/video/video.cjs"),u=()=>[{component:o,...e.componentInfo},{component:r,...n.componentInfo},{component:c,...t.componentInfo},{component:m,...i.componentInfo}];exports.getExtraComponents=u;

package/lib/edge/constants/extra-components.mjs

@@ -7,11 +7,12 @@ import "react";
 import "../functions/evaluate/edge-runtime/edge-runtime.mjs";
 import "../helpers/user-attributes.mjs";
 import "../functions/get-fetch.mjs";
+import "../context/builder.context.mjs";
 import { componentInfo as p } from "../blocks/img/component-info.mjs";
 import r from "../blocks/img/img.mjs";
 import { componentInfo as e } from "../blocks/video/component-info.mjs";
 import f from "../blocks/video/video.mjs";
-const V = () => [{
+const h = () => [{
   component: m,
   ...o
 }, {
@@ -25,5 +26,5 @@ const V = () => [{
   ...e
 }];
 export {
-  V as getExtraComponents
+  h as getExtraComponents
 };

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

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