@builder.io/sdk-react-nextjs 0.18.1 → 0.18.2

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

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

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as k } from "react/jsx-runtime";
-import { useRef as P, useState as f, useEffect as l } from "react";
+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";
@@ -9,21 +9,23 @@ 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 z } from "../../../functions/register-component.mjs";
+import { createRegisterComponentMessage as $ } from "../../../functions/register-component.mjs";
 import { _track as H } from "../../../functions/track/index.mjs";
-import { getInteractionPropertiesForEvent as $ } from "../../../functions/track/interaction.mjs";
+import { getInteractionPropertiesForEvent as z } from "../../../functions/track/interaction.mjs";
 import { getDefaultCanTrack as K } from "../../../helpers/canTrack.mjs";
-import { postPreviewContent as G } from "../../../helpers/preview-lru-cache/set.mjs";
-import { createEditorListener as J } from "../../../helpers/subscribe-to-editor.mjs";
-import { registerInsertMenu as Q, setupBrowserForEditing as X } from "../../../scripts/init-editing.mjs";
-import { triggerAnimation as Y } from "../../block/animator.mjs";
+import { getCookieSync as G } from "../../../helpers/cookie.mjs";
+import { postPreviewContent as J } from "../../../helpers/preview-lru-cache/set.mjs";
+import { createEditorListener as Q } from "../../../helpers/subscribe-to-editor.mjs";
+import { registerInsertMenu as X, setupBrowserForEditing as Y } from "../../../scripts/init-editing.mjs";
+import { triggerAnimation as Z } from "../../block/animator.mjs";
 import { needsElementRefDivForEditing as q } from "./enable-editor.helpers.mjs";
-import { getWrapperClassName as Z } from "./styles.helpers.mjs";
-import { useRouter as p } from "next/navigation";
-function Re(e) {
+import { getWrapperClassName as p } from "./styles.helpers.mjs";
+import { useRouter as ee } from "next/navigation";
+function ke(e) {
   var y, R, w;
-  const c = P(null);
-  function m(n) {
+  const u = P(null);
+  m(() => !1);
+  function s(n) {
     var i, r;
     const t = {
       ...e.builderContextSignal.rootState,
@@ -46,7 +48,7 @@ function Re(e) {
         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({
+    J({
       value: t,
       key: t.id
     }).then(() => {
@@ -59,11 +61,11 @@ function Re(e) {
       "aria-hidden": !0
     };
   }
-  const [U, ee] = f(
+  const [U, te] = m(
     () => e.contentWrapper || "div"
   );
   function v(n) {
-    return J({
+    return Q({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
@@ -77,19 +79,19 @@ function Re(e) {
           });
         },
         animation: (t) => {
-          Y(t);
+          Z(t);
         },
         contentUpdate: (t) => {
           b(t);
         },
         stateUpdate: (t) => {
-          m(t);
+          s(t);
         }
       }
     })(n);
   }
-  const [h, te] = f(() => ({})), [S, ne] = f(() => ({})), [x, D] = f(() => !1);
-  function N(n) {
+  const [h, ne] = m(() => ({})), [S, ie] = m(() => ({})), [x, D] = m(() => !1);
+  function V(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;
@@ -100,13 +102,13 @@ function Re(e) {
         contentId: a,
         apiKey: e.apiKey,
         variationId: r !== a ? r : void 0,
-        ...$(n),
+        ...z(n),
         unique: !x
       });
     }
     x || D(!0);
   }
-  function V() {
+  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]) => {
@@ -115,7 +117,7 @@ function Re(e) {
       S[a] = !0;
       const d = o.replace(
         /{{([^}]+)}}/g,
-        (u, M) => String(
+        (l, M) => String(
           W({
             code: M,
             context: e.context || {},
@@ -125,18 +127,18 @@ function Re(e) {
           })
         )
       );
-      F(d), fetch(d).then((u) => u.json()).then((u) => {
-        m({
-          [a]: u
+      F(d), fetch(d).then((l) => l.json()).then((l) => {
+        s({
+          [a]: l
         }), h[a] = !0;
-      }).catch((u) => {
-        console.error("error fetching dynamic data", o, u);
+      }).catch((l) => {
+        console.error("error fetching dynamic data", o, l);
       }).finally(() => {
         S[a] = !1;
       });
     });
   }
-  function s() {
+  function f() {
     g() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
@@ -153,7 +155,7 @@ function Re(e) {
   }
   function C(n) {
     var t;
-    window.addEventListener("message", v), Q(), X({
+    window.addEventListener("message", v), X(), Y({
       ...e.locale ? {
         locale: e.locale
       } : {},
@@ -170,12 +172,12 @@ function Re(e) {
     ).forEach((i) => {
       var r, a;
       if (!((r = i.models) != null && r.length) || i.models.includes(e.model)) {
-        const o = z(i);
+        const o = $(i);
         (a = window.parent) == null || a.postMessage(o, "*");
       }
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
-      s
+      f
     );
   }
   function E(n) {
@@ -196,69 +198,74 @@ function Re(e) {
       d && b(d);
     });
   }
-  const _ = p(), I = P(!1);
-  return I.current || (V(), s(), I.current = !0), l(() => {
+  const _ = ee(), I = P(!1);
+  return I.current || (N(), f(), I.current = !0), c(() => {
     var n;
-    return (n = c.current) == null || n.addEventListener(
+    return (n = u.current) == null || n.addEventListener(
       "initeditingbldr",
       C
     ), () => {
       var t;
-      return (t = c.current) == null ? void 0 : t.removeEventListener(
+      return (t = u.current) == null ? void 0 : t.removeEventListener(
         "initeditingbldr",
         C
       );
     };
-  }, []), l(() => {
+  }, []), c(() => {
     var n;
-    return (n = c.current) == null || n.addEventListener(
+    return (n = u.current) == null || n.addEventListener(
       "initpreviewingbldr",
       E
     ), () => {
       var t;
-      return (t = c.current) == null ? void 0 : t.removeEventListener(
+      return (t = u.current) == null ? void 0 : t.removeEventListener(
         "initpreviewingbldr",
         E
       );
     };
-  }, []), l(() => {
-    var n, t;
+  }, []), c(() => {
+    var n, t, i;
     if (L()) {
-      if (g() && !e.isNestedRender && c.current && c.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && K(e.canTrack)) {
-        const r = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, a = (t = e.builderContextSignal.content) == null ? void 0 : t.id, o = e.apiKey;
+      g() && !e.isNestedRender && u.current && u.current.dispatchEvent(new CustomEvent("initeditingbldr"));
+      const r = e.builderContextSignal.content && K(e.canTrack), a = G({
+        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, l = e.apiKey;
         H({
           apiHost: e.apiHost,
           type: "impression",
           canTrack: !0,
-          contentId: a,
-          apiKey: o,
-          variationId: r !== a ? r : void 0
+          contentId: d,
+          apiKey: l,
+          variationId: a !== d ? a : void 0
         });
       }
       B() && g();
     }
-  }, []), l(() => {
-  }, [e.content]), l(() => {
-    s();
-  }, [e.builderContextSignal.rootState]), l(() => {
-    e.data && m(e.data);
-  }, [e.data]), l(() => {
-    e.locale && m({
+  }, []), c(() => {
+  }, [e.content]), c(() => {
+    f();
+  }, [e.builderContextSignal.rootState]), c(() => {
+    e.data && s(e.data);
+  }, [e.data]), c(() => {
+    e.locale && s({
       locale: e.locale
     });
-  }, [e.locale]), l(() => () => {
+  }, [e.locale]), c(() => () => {
     L() && (window.removeEventListener("message", v), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      s
+      f
     ));
   }, []), /* @__PURE__ */ k(O.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || q() ? /* @__PURE__ */ k(
     U,
     {
-      ref: c,
-      onClick: (n) => N(n),
+      ref: u,
+      onClick: (n) => V(n),
       "builder-content-id": (y = e.builderContextSignal.content) == null ? void 0 : y.id,
       "builder-model": e.model,
-      className: Z(
+      className: p(
         ((R = e.content) == null ? void 0 : R.testVariationId) || ((w = e.content) == null ? void 0 : w.id)
       ),
       style: {
@@ -271,5 +278,5 @@ function Re(e) {
   ) : null });
 }
 export {
-  Re as default
+  ke as default
 };

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as k } from "react/jsx-runtime";
-import { useRef as P, useState as f, useEffect as l } from "react";
+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";
@@ -9,21 +9,23 @@ 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 z } from "../../../functions/register-component.mjs";
+import { createRegisterComponentMessage as $ } from "../../../functions/register-component.mjs";
 import { _track as H } from "../../../functions/track/index.mjs";
-import { getInteractionPropertiesForEvent as $ } from "../../../functions/track/interaction.mjs";
+import { getInteractionPropertiesForEvent as z } from "../../../functions/track/interaction.mjs";
 import { getDefaultCanTrack as K } from "../../../helpers/canTrack.mjs";
-import { postPreviewContent as G } from "../../../helpers/preview-lru-cache/set.mjs";
-import { createEditorListener as J } from "../../../helpers/subscribe-to-editor.mjs";
-import { registerInsertMenu as Q, setupBrowserForEditing as X } from "../../../scripts/init-editing.mjs";
-import { triggerAnimation as Y } from "../../block/animator.mjs";
+import { getCookieSync as G } from "../../../helpers/cookie.mjs";
+import { postPreviewContent as J } from "../../../helpers/preview-lru-cache/set.mjs";
+import { createEditorListener as Q } from "../../../helpers/subscribe-to-editor.mjs";
+import { registerInsertMenu as X, setupBrowserForEditing as Y } from "../../../scripts/init-editing.mjs";
+import { triggerAnimation as Z } from "../../block/animator.mjs";
 import { needsElementRefDivForEditing as q } from "./enable-editor.helpers.mjs";
-import { getWrapperClassName as Z } from "./styles.helpers.mjs";
-import { useRouter as p } from "next/navigation";
-function Re(e) {
+import { getWrapperClassName as p } from "./styles.helpers.mjs";
+import { useRouter as ee } from "next/navigation";
+function ke(e) {
   var y, R, w;
-  const c = P(null);
-  function m(n) {
+  const u = P(null);
+  m(() => !1);
+  function s(n) {
     var i, r;
     const t = {
       ...e.builderContextSignal.rootState,
@@ -46,7 +48,7 @@ function Re(e) {
         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({
+    J({
       value: t,
       key: t.id
     }).then(() => {
@@ -59,11 +61,11 @@ function Re(e) {
       "aria-hidden": !0
     };
   }
-  const [U, ee] = f(
+  const [U, te] = m(
     () => e.contentWrapper || "div"
   );
   function v(n) {
-    return J({
+    return Q({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
@@ -77,19 +79,19 @@ function Re(e) {
           });
         },
         animation: (t) => {
-          Y(t);
+          Z(t);
         },
         contentUpdate: (t) => {
           b(t);
         },
         stateUpdate: (t) => {
-          m(t);
+          s(t);
         }
       }
     })(n);
   }
-  const [h, te] = f(() => ({})), [S, ne] = f(() => ({})), [x, D] = f(() => !1);
-  function N(n) {
+  const [h, ne] = m(() => ({})), [S, ie] = m(() => ({})), [x, D] = m(() => !1);
+  function V(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;
@@ -100,13 +102,13 @@ function Re(e) {
         contentId: a,
         apiKey: e.apiKey,
         variationId: r !== a ? r : void 0,
-        ...$(n),
+        ...z(n),
         unique: !x
       });
     }
     x || D(!0);
   }
-  function V() {
+  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]) => {
@@ -115,7 +117,7 @@ function Re(e) {
       S[a] = !0;
       const d = o.replace(
         /{{([^}]+)}}/g,
-        (u, M) => String(
+        (l, M) => String(
           W({
             code: M,
             context: e.context || {},
@@ -125,18 +127,18 @@ function Re(e) {
           })
         )
       );
-      F(d), fetch(d).then((u) => u.json()).then((u) => {
-        m({
-          [a]: u
+      F(d), fetch(d).then((l) => l.json()).then((l) => {
+        s({
+          [a]: l
         }), h[a] = !0;
-      }).catch((u) => {
-        console.error("error fetching dynamic data", o, u);
+      }).catch((l) => {
+        console.error("error fetching dynamic data", o, l);
       }).finally(() => {
         S[a] = !1;
       });
     });
   }
-  function s() {
+  function f() {
     g() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
@@ -153,7 +155,7 @@ function Re(e) {
   }
   function C(n) {
     var t;
-    window.addEventListener("message", v), Q(), X({
+    window.addEventListener("message", v), X(), Y({
       ...e.locale ? {
         locale: e.locale
       } : {},
@@ -170,12 +172,12 @@ function Re(e) {
     ).forEach((i) => {
       var r, a;
       if (!((r = i.models) != null && r.length) || i.models.includes(e.model)) {
-        const o = z(i);
+        const o = $(i);
         (a = window.parent) == null || a.postMessage(o, "*");
       }
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
-      s
+      f
     );
   }
   function E(n) {
@@ -196,69 +198,74 @@ function Re(e) {
       d && b(d);
     });
   }
-  const _ = p(), I = P(!1);
-  return I.current || (V(), s(), I.current = !0), l(() => {
+  const _ = ee(), I = P(!1);
+  return I.current || (N(), f(), I.current = !0), c(() => {
     var n;
-    return (n = c.current) == null || n.addEventListener(
+    return (n = u.current) == null || n.addEventListener(
       "initeditingbldr",
       C
     ), () => {
       var t;
-      return (t = c.current) == null ? void 0 : t.removeEventListener(
+      return (t = u.current) == null ? void 0 : t.removeEventListener(
         "initeditingbldr",
         C
       );
     };
-  }, []), l(() => {
+  }, []), c(() => {
     var n;
-    return (n = c.current) == null || n.addEventListener(
+    return (n = u.current) == null || n.addEventListener(
       "initpreviewingbldr",
       E
     ), () => {
       var t;
-      return (t = c.current) == null ? void 0 : t.removeEventListener(
+      return (t = u.current) == null ? void 0 : t.removeEventListener(
         "initpreviewingbldr",
         E
       );
     };
-  }, []), l(() => {
-    var n, t;
+  }, []), c(() => {
+    var n, t, i;
     if (L()) {
-      if (g() && !e.isNestedRender && c.current && c.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && K(e.canTrack)) {
-        const r = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, a = (t = e.builderContextSignal.content) == null ? void 0 : t.id, o = e.apiKey;
+      g() && !e.isNestedRender && u.current && u.current.dispatchEvent(new CustomEvent("initeditingbldr"));
+      const r = e.builderContextSignal.content && K(e.canTrack), a = G({
+        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, l = e.apiKey;
         H({
           apiHost: e.apiHost,
           type: "impression",
           canTrack: !0,
-          contentId: a,
-          apiKey: o,
-          variationId: r !== a ? r : void 0
+          contentId: d,
+          apiKey: l,
+          variationId: a !== d ? a : void 0
         });
       }
       B() && g();
     }
-  }, []), l(() => {
-  }, [e.content]), l(() => {
-    s();
-  }, [e.builderContextSignal.rootState]), l(() => {
-    e.data && m(e.data);
-  }, [e.data]), l(() => {
-    e.locale && m({
+  }, []), c(() => {
+  }, [e.content]), c(() => {
+    f();
+  }, [e.builderContextSignal.rootState]), c(() => {
+    e.data && s(e.data);
+  }, [e.data]), c(() => {
+    e.locale && s({
       locale: e.locale
     });
-  }, [e.locale]), l(() => () => {
+  }, [e.locale]), c(() => () => {
     L() && (window.removeEventListener("message", v), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      s
+      f
     ));
   }, []), /* @__PURE__ */ k(O.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || q() ? /* @__PURE__ */ k(
     U,
     {
-      ref: c,
-      onClick: (n) => N(n),
+      ref: u,
+      onClick: (n) => V(n),
       "builder-content-id": (y = e.builderContextSignal.content) == null ? void 0 : y.id,
       "builder-model": e.model,
-      className: Z(
+      className: p(
         ((R = e.content) == null ? void 0 : R.testVariationId) || ((w = e.content) == null ? void 0 : w.id)
       ),
       style: {
@@ -271,5 +278,5 @@ function Re(e) {
   ) : null });
 }
 export {
-  Re as default
+  ke as default
 };

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as k } from "react/jsx-runtime";
-import { useRef as P, useState as f, useEffect as l } from "react";
+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";
@@ -9,21 +9,23 @@ 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 z } from "../../../functions/register-component.mjs";
+import { createRegisterComponentMessage as $ } from "../../../functions/register-component.mjs";
 import { _track as H } from "../../../functions/track/index.mjs";
-import { getInteractionPropertiesForEvent as $ } from "../../../functions/track/interaction.mjs";
+import { getInteractionPropertiesForEvent as z } from "../../../functions/track/interaction.mjs";
 import { getDefaultCanTrack as K } from "../../../helpers/canTrack.mjs";
-import { postPreviewContent as G } from "../../../helpers/preview-lru-cache/set.mjs";
-import { createEditorListener as J } from "../../../helpers/subscribe-to-editor.mjs";
-import { registerInsertMenu as Q, setupBrowserForEditing as X } from "../../../scripts/init-editing.mjs";
-import { triggerAnimation as Y } from "../../block/animator.mjs";
+import { getCookieSync as G } from "../../../helpers/cookie.mjs";
+import { postPreviewContent as J } from "../../../helpers/preview-lru-cache/set.mjs";
+import { createEditorListener as Q } from "../../../helpers/subscribe-to-editor.mjs";
+import { registerInsertMenu as X, setupBrowserForEditing as Y } from "../../../scripts/init-editing.mjs";
+import { triggerAnimation as Z } from "../../block/animator.mjs";
 import { needsElementRefDivForEditing as q } from "./enable-editor.helpers.mjs";
-import { getWrapperClassName as Z } from "./styles.helpers.mjs";
-import { useRouter as p } from "next/navigation";
-function Re(e) {
+import { getWrapperClassName as p } from "./styles.helpers.mjs";
+import { useRouter as ee } from "next/navigation";
+function ke(e) {
   var y, R, w;
-  const c = P(null);
-  function m(n) {
+  const u = P(null);
+  m(() => !1);
+  function s(n) {
     var i, r;
     const t = {
       ...e.builderContextSignal.rootState,
@@ -46,7 +48,7 @@ function Re(e) {
         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({
+    J({
       value: t,
       key: t.id
     }).then(() => {
@@ -59,11 +61,11 @@ function Re(e) {
       "aria-hidden": !0
     };
   }
-  const [U, ee] = f(
+  const [U, te] = m(
     () => e.contentWrapper || "div"
   );
   function v(n) {
-    return J({
+    return Q({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
@@ -77,19 +79,19 @@ function Re(e) {
           });
         },
         animation: (t) => {
-          Y(t);
+          Z(t);
         },
         contentUpdate: (t) => {
           b(t);
         },
         stateUpdate: (t) => {
-          m(t);
+          s(t);
         }
       }
     })(n);
   }
-  const [h, te] = f(() => ({})), [S, ne] = f(() => ({})), [x, D] = f(() => !1);
-  function N(n) {
+  const [h, ne] = m(() => ({})), [S, ie] = m(() => ({})), [x, D] = m(() => !1);
+  function V(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;
@@ -100,13 +102,13 @@ function Re(e) {
         contentId: a,
         apiKey: e.apiKey,
         variationId: r !== a ? r : void 0,
-        ...$(n),
+        ...z(n),
         unique: !x
       });
     }
     x || D(!0);
   }
-  function V() {
+  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]) => {
@@ -115,7 +117,7 @@ function Re(e) {
       S[a] = !0;
       const d = o.replace(
         /{{([^}]+)}}/g,
-        (u, M) => String(
+        (l, M) => String(
           W({
             code: M,
             context: e.context || {},
@@ -125,18 +127,18 @@ function Re(e) {
           })
         )
       );
-      F(d), fetch(d).then((u) => u.json()).then((u) => {
-        m({
-          [a]: u
+      F(d), fetch(d).then((l) => l.json()).then((l) => {
+        s({
+          [a]: l
         }), h[a] = !0;
-      }).catch((u) => {
-        console.error("error fetching dynamic data", o, u);
+      }).catch((l) => {
+        console.error("error fetching dynamic data", o, l);
       }).finally(() => {
         S[a] = !1;
       });
     });
   }
-  function s() {
+  function f() {
     g() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
@@ -153,7 +155,7 @@ function Re(e) {
   }
   function C(n) {
     var t;
-    window.addEventListener("message", v), Q(), X({
+    window.addEventListener("message", v), X(), Y({
       ...e.locale ? {
         locale: e.locale
       } : {},
@@ -170,12 +172,12 @@ function Re(e) {
     ).forEach((i) => {
       var r, a;
       if (!((r = i.models) != null && r.length) || i.models.includes(e.model)) {
-        const o = z(i);
+        const o = $(i);
         (a = window.parent) == null || a.postMessage(o, "*");
       }
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
-      s
+      f
     );
   }
   function E(n) {
@@ -196,69 +198,74 @@ function Re(e) {
       d && b(d);
     });
   }
-  const _ = p(), I = P(!1);
-  return I.current || (V(), s(), I.current = !0), l(() => {
+  const _ = ee(), I = P(!1);
+  return I.current || (N(), f(), I.current = !0), c(() => {
     var n;
-    return (n = c.current) == null || n.addEventListener(
+    return (n = u.current) == null || n.addEventListener(
       "initeditingbldr",
       C
     ), () => {
       var t;
-      return (t = c.current) == null ? void 0 : t.removeEventListener(
+      return (t = u.current) == null ? void 0 : t.removeEventListener(
         "initeditingbldr",
         C
       );
     };
-  }, []), l(() => {
+  }, []), c(() => {
     var n;
-    return (n = c.current) == null || n.addEventListener(
+    return (n = u.current) == null || n.addEventListener(
       "initpreviewingbldr",
       E
     ), () => {
       var t;
-      return (t = c.current) == null ? void 0 : t.removeEventListener(
+      return (t = u.current) == null ? void 0 : t.removeEventListener(
         "initpreviewingbldr",
         E
       );
     };
-  }, []), l(() => {
-    var n, t;
+  }, []), c(() => {
+    var n, t, i;
     if (L()) {
-      if (g() && !e.isNestedRender && c.current && c.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && K(e.canTrack)) {
-        const r = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, a = (t = e.builderContextSignal.content) == null ? void 0 : t.id, o = e.apiKey;
+      g() && !e.isNestedRender && u.current && u.current.dispatchEvent(new CustomEvent("initeditingbldr"));
+      const r = e.builderContextSignal.content && K(e.canTrack), a = G({
+        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, l = e.apiKey;
         H({
           apiHost: e.apiHost,
           type: "impression",
           canTrack: !0,
-          contentId: a,
-          apiKey: o,
-          variationId: r !== a ? r : void 0
+          contentId: d,
+          apiKey: l,
+          variationId: a !== d ? a : void 0
         });
       }
       B() && g();
     }
-  }, []), l(() => {
-  }, [e.content]), l(() => {
-    s();
-  }, [e.builderContextSignal.rootState]), l(() => {
-    e.data && m(e.data);
-  }, [e.data]), l(() => {
-    e.locale && m({
+  }, []), c(() => {
+  }, [e.content]), c(() => {
+    f();
+  }, [e.builderContextSignal.rootState]), c(() => {
+    e.data && s(e.data);
+  }, [e.data]), c(() => {
+    e.locale && s({
       locale: e.locale
     });
-  }, [e.locale]), l(() => () => {
+  }, [e.locale]), c(() => () => {
     L() && (window.removeEventListener("message", v), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      s
+      f
     ));
   }, []), /* @__PURE__ */ k(O.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || q() ? /* @__PURE__ */ k(
     U,
     {
-      ref: c,
-      onClick: (n) => N(n),
+      ref: u,
+      onClick: (n) => V(n),
       "builder-content-id": (y = e.builderContextSignal.content) == null ? void 0 : y.id,
       "builder-model": e.model,
-      className: Z(
+      className: p(
         ((R = e.content) == null ? void 0 : R.testVariationId) || ((w = e.content) == null ? void 0 : w.id)
       ),
       style: {
@@ -271,5 +278,5 @@ function Re(e) {
   ) : null });
 }
 export {
-  Re as default
+  ke as default
 };

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

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

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

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

package/package.json

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

package/types/cjs/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.18.1";
+export declare const SDK_VERSION = "0.18.2";

package/types/esm/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.18.1";
+export declare const SDK_VERSION = "0.18.2";