@builder.io/sdk-react-nextjs 0.17.1 → 0.17.2

package/lib/browser/blocks/text/text.cjs

@@ -1 +1 @@
-"use strict";const a=require("react/jsx-runtime"),i=require("../../functions/evaluate/evaluate.cjs");function l(t){const n=function(){var e;const o=t.builderContext,{context:r,localState:c,rootState:s,rootSetState:u}=o;return String(((e=t.text)==null?void 0:e.toString())||"").replace(/{{([^}]+)}}/g,(S,x)=>i.evaluate({code:x,context:r,localState:c,rootState:s,rootSetState:u}))};return a.jsx("div",{className:"builder-text",dangerouslySetInnerHTML:{__html:n()},style:{outline:"none"}})}module.exports=l;
+"use strict";const n=require("react/jsx-runtime");function r(e){var t;return n.jsx("div",{className:"builder-text",dangerouslySetInnerHTML:{__html:((t=e.text)==null?void 0:t.toString())||""},style:{outline:"none"}})}module.exports=r;

package/lib/browser/blocks/text/text.mjs

@@ -1,29 +1,11 @@
-import { jsx as a } from "react/jsx-runtime";
-import { evaluate as l } from "../../functions/evaluate/evaluate.mjs";
-function f(t) {
-  return /* @__PURE__ */ a(
+import { jsx as n } from "react/jsx-runtime";
+function o(e) {
+  var t;
+  return /* @__PURE__ */ n(
     "div",
     {
       className: "builder-text",
-      dangerouslySetInnerHTML: { __html: function() {
-        var e;
-        const o = t.builderContext, {
-          context: n,
-          localState: r,
-          rootState: c,
-          rootSetState: s
-        } = o;
-        return String(((e = t.text) == null ? void 0 : e.toString()) || "").replace(
-          /{{([^}]+)}}/g,
-          (d, x) => l({
-            code: x,
-            context: n,
-            localState: r,
-            rootState: c,
-            rootSetState: s
-          })
-        );
-      }() },
+      dangerouslySetInnerHTML: { __html: ((t = e.text) == null ? void 0 : t.toString()) || "" },
       style: {
         outline: "none"
       }
@@ -31,5 +13,5 @@ function f(t) {
   );
 }
 export {
-  f as default
+  o as default
 };

package/lib/browser/components/block/block.cjs

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),R=require("../../constants/target.cjs"),S=require("../../functions/get-block-component-options.cjs"),j=require("../../functions/get-processed-block.cjs"),P=require("../../functions/is-previewing.cjs");require("../../functions/get-fetch.cjs");const u=require("./block.helpers.cjs"),q=require("./components/block-styles.cjs"),O=require("./components/block-wrapper.cjs"),p=require("./components/component-ref/component-ref.cjs"),g=require("./components/repeated-block.cjs");function b(e){var a,C,x,h;const d=function(){return u.getRepeatItemData({block:e.block,context:e.context})},m={value:null,update:!1},c=function(){var i;if(m.value&&!m.update&&!P.isPreviewing())return m.value;const r=(i=e.block.repeat)!=null&&i.collection?e.block:j.getProcessedBlock({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context,shouldEvaluateBindings:!0});return m.value=r,m.update=!1,r},l=function(){return u.getComponent({block:c(),registeredComponents:e.registeredComponents,model:e.context.model})},f=function(){var i;return e.block.tagName==="a"||((i=c().properties)==null?void 0:i.href)||c().href?e.linkComponent||"a":e.block.tagName||"div"},B=function(){var s,k;if((s=e.block.repeat)!=null&&s.collection)return!!((k=d())!=null&&k.length);const r="hide"in c()?c().hide:!1;return("show"in c()?c().show:!0)&&!r},v=function(){var i,s;return!((i=l())!=null&&i.component)&&!d()?(s=c().children)!=null?s:[]:[]},n=function(){var r,i,s,k;return{blockChildren:(r=c().children)!=null?r:[],componentRef:(i=l())==null?void 0:i.component,componentOptions:{...S.getBlockComponentOptions(c()),...u.provideBuilderBlock(l(),c()),...u.provideBuilderContext(l(),e.context),...u.provideLinkComponent(l(),e.linkComponent),...u.provideRegisteredComponents(l(),e.registeredComponents,e.context.model)},context:e.context,linkComponent:e.linkComponent,registeredComponents:e.registeredComponents,builderBlock:c(),includeBlockProps:((s=l())==null?void 0:s.noWrap)===!0,isInteractive:!((k=l())!=null&&k.isRSC&&R.TARGET==="rsc")}};return t.jsx(t.Fragment,{children:B()?t.jsxs(t.Fragment,{children:[t.jsx(q,{block:c(),context:e.context}),(a=l())!=null&&a.noWrap?d()?t.jsx(t.Fragment,{children:(h=d())==null?void 0:h.map((o,r)=>t.jsx(g,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},r))}):t.jsx(p,{componentRef:n().componentRef,componentOptions:n().componentOptions,blockChildren:n().blockChildren,context:n().context,registeredComponents:n().registeredComponents,linkComponent:n().linkComponent,builderBlock:n().builderBlock,includeBlockProps:n().includeBlockProps,isInteractive:n().isInteractive}):t.jsx(t.Fragment,{children:d()?t.jsx(t.Fragment,{children:(x=d())==null?void 0:x.map((o,r)=>t.jsx(g,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},r))}):t.jsxs(O,{Wrapper:f(),block:c(),context:e.context,children:[t.jsx(p,{componentRef:n().componentRef,componentOptions:n().componentOptions,blockChildren:n().blockChildren,context:n().context,registeredComponents:n().registeredComponents,linkComponent:n().linkComponent,builderBlock:n().builderBlock,includeBlockProps:n().includeBlockProps,isInteractive:n().isInteractive}),(C=v())==null?void 0:C.map(o=>t.jsx(b,{block:o,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent,context:e.context},o.id))]})})]}):null})}module.exports=b;
+"use strict";const t=require("react/jsx-runtime"),v=require("../../constants/target.cjs"),S=require("../../functions/get-block-component-options.cjs"),j=require("../../functions/get-processed-block.cjs"),P=require("../../functions/is-previewing.cjs");require("../../functions/get-fetch.cjs");const m=require("./block.helpers.cjs"),q=require("./components/block-styles.cjs"),O=require("./components/block-wrapper.cjs"),p=require("./components/component-ref/component-ref.cjs"),g=require("./components/repeated-block.cjs");function b(e){var a,C,x,h;const d=function(){return m.getRepeatItemData({block:e.block,context:e.context})},u={value:null,update:!1},c=function(){var i;if(u.value&&!u.update&&!P.isPreviewing())return u.value;const r=(i=e.block.repeat)!=null&&i.collection?e.block:j.getProcessedBlock({block:e.block,localState:e.context.localState,rootState:e.context.rootState,rootSetState:e.context.rootSetState,context:e.context.context});return u.value=r,u.update=!1,r},l=function(){return m.getComponent({block:c(),registeredComponents:e.registeredComponents,model:e.context.model})},f=function(){var i;return e.block.tagName==="a"||((i=c().properties)==null?void 0:i.href)||c().href?e.linkComponent||"a":e.block.tagName||"div"},B=function(){var s,k;if((s=e.block.repeat)!=null&&s.collection)return!!((k=d())!=null&&k.length);const r="hide"in c()?c().hide:!1;return("show"in c()?c().show:!0)&&!r},R=function(){var i,s;return!((i=l())!=null&&i.component)&&!d()?(s=c().children)!=null?s:[]:[]},n=function(){var r,i,s,k;return{blockChildren:(r=c().children)!=null?r:[],componentRef:(i=l())==null?void 0:i.component,componentOptions:{...S.getBlockComponentOptions(c(),e.context),...m.provideBuilderBlock(l(),c()),...m.provideBuilderContext(l(),e.context),...m.provideLinkComponent(l(),e.linkComponent),...m.provideRegisteredComponents(l(),e.registeredComponents,e.context.model)},context:e.context,linkComponent:e.linkComponent,registeredComponents:e.registeredComponents,builderBlock:c(),includeBlockProps:((s=l())==null?void 0:s.noWrap)===!0,isInteractive:!((k=l())!=null&&k.isRSC&&v.TARGET==="rsc")}};return t.jsx(t.Fragment,{children:B()?t.jsxs(t.Fragment,{children:[t.jsx(q,{block:c(),context:e.context}),(a=l())!=null&&a.noWrap?d()?t.jsx(t.Fragment,{children:(h=d())==null?void 0:h.map((o,r)=>t.jsx(g,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},r))}):t.jsx(p,{componentRef:n().componentRef,componentOptions:n().componentOptions,blockChildren:n().blockChildren,context:n().context,registeredComponents:n().registeredComponents,linkComponent:n().linkComponent,builderBlock:n().builderBlock,includeBlockProps:n().includeBlockProps,isInteractive:n().isInteractive}):t.jsx(t.Fragment,{children:d()?t.jsx(t.Fragment,{children:(x=d())==null?void 0:x.map((o,r)=>t.jsx(g,{repeatContext:o.context,block:o.block,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},r))}):t.jsxs(O,{Wrapper:f(),block:c(),context:e.context,children:[t.jsx(p,{componentRef:n().componentRef,componentOptions:n().componentOptions,blockChildren:n().blockChildren,context:n().context,registeredComponents:n().registeredComponents,linkComponent:n().linkComponent,builderBlock:n().builderBlock,includeBlockProps:n().includeBlockProps,isInteractive:n().isInteractive}),(C=R())==null?void 0:C.map(o=>t.jsx(b,{block:o,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent,context:e.context},o.id))]})})]}):null})}module.exports=b;

package/lib/browser/components/block/block.mjs

@@ -6,10 +6,10 @@ import { isPreviewing as I } from "../../functions/is-previewing.mjs";
 import "../../functions/get-fetch.mjs";
 import { getRepeatItemData as O, getComponent as w, provideBuilderBlock as W, provideBuilderContext as T, provideLinkComponent as L, provideRegisteredComponents as U } from "./block.helpers.mjs";
 import j from "./components/block-styles.mjs";
-import E from "./components/block-wrapper.mjs";
+import N from "./components/block-wrapper.mjs";
 import x from "./components/component-ref/component-ref.mjs";
 import b from "./components/repeated-block.mjs";
-function N(e) {
+function y(e) {
   var a, C, p, f;
   const d = function() {
     return O({
@@ -19,7 +19,7 @@ function N(e) {
   }, s = {
     value: null,
     update: !1
-  }, t = function() {
+  }, n = function() {
     var i;
     if (s.value && !s.update && !I())
       return s.value;
@@ -28,36 +28,35 @@ function N(e) {
       localState: e.context.localState,
       rootState: e.context.rootState,
       rootSetState: e.context.rootSetState,
-      context: e.context.context,
-      shouldEvaluateBindings: !0
+      context: e.context.context
     });
     return s.value = c, s.update = !1, c;
   }, r = function() {
     return w({
-      block: t(),
+      block: n(),
       registeredComponents: e.registeredComponents,
       model: e.context.model
     });
   }, g = function() {
     var i;
-    return e.block.tagName === "a" || ((i = t().properties) == null ? void 0 : i.href) || t().href ? e.linkComponent || "a" : e.block.tagName || "div";
+    return e.block.tagName === "a" || ((i = n().properties) == null ? void 0 : i.href) || n().href ? e.linkComponent || "a" : e.block.tagName || "div";
   }, B = function() {
     var m, k;
     if ((m = e.block.repeat) != null && m.collection)
       return !!((k = d()) != null && k.length);
-    const c = "hide" in t() ? t().hide : !1;
-    return ("show" in t() ? t().show : !0) && !c;
+    const c = "hide" in n() ? n().hide : !1;
+    return ("show" in n() ? n().show : !0) && !c;
   }, R = function() {
     var i, m;
-    return !((i = r()) != null && i.component) && !d() ? (m = t().children) != null ? m : [] : [];
+    return !((i = r()) != null && i.component) && !d() ? (m = n().children) != null ? m : [] : [];
   }, o = function() {
     var c, i, m, k;
     return {
-      blockChildren: (c = t().children) != null ? c : [],
+      blockChildren: (c = n().children) != null ? c : [],
       componentRef: (i = r()) == null ? void 0 : i.component,
       componentOptions: {
-        ...S(t()),
-        ...W(r(), t()),
+        ...S(n(), e.context),
+        ...W(r(), n()),
         ...T(r(), e.context),
         ...L(r(), e.linkComponent),
         ...U(
@@ -69,18 +68,18 @@ function N(e) {
       context: e.context,
       linkComponent: e.linkComponent,
       registeredComponents: e.registeredComponents,
-      builderBlock: t(),
+      builderBlock: n(),
       includeBlockProps: ((m = r()) == null ? void 0 : m.noWrap) === !0,
       isInteractive: !((k = r()) != null && k.isRSC && v === "rsc")
     };
   };
   return /* @__PURE__ */ l(u, { children: B() ? /* @__PURE__ */ h(u, { children: [
-    /* @__PURE__ */ l(j, { block: t(), context: e.context }),
-    (a = r()) != null && a.noWrap ? d() ? /* @__PURE__ */ l(u, { children: (f = d()) == null ? void 0 : f.map((n, c) => /* @__PURE__ */ l(
+    /* @__PURE__ */ l(j, { block: n(), context: e.context }),
+    (a = r()) != null && a.noWrap ? d() ? /* @__PURE__ */ l(u, { children: (f = d()) == null ? void 0 : f.map((t, c) => /* @__PURE__ */ l(
       b,
       {
-        repeatContext: n.context,
-        block: n.block,
+        repeatContext: t.context,
+        block: t.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
@@ -98,20 +97,20 @@ function N(e) {
         includeBlockProps: o().includeBlockProps,
         isInteractive: o().isInteractive
       }
-    ) : /* @__PURE__ */ l(u, { children: d() ? /* @__PURE__ */ l(u, { children: (p = d()) == null ? void 0 : p.map((n, c) => /* @__PURE__ */ l(
+    ) : /* @__PURE__ */ l(u, { children: d() ? /* @__PURE__ */ l(u, { children: (p = d()) == null ? void 0 : p.map((t, c) => /* @__PURE__ */ l(
       b,
       {
-        repeatContext: n.context,
-        block: n.block,
+        repeatContext: t.context,
+        block: t.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
       c
     )) }) : /* @__PURE__ */ h(
-      E,
+      N,
       {
         Wrapper: g(),
-        block: t(),
+        block: n(),
         context: e.context,
         children: [
           /* @__PURE__ */ l(
@@ -128,15 +127,15 @@ function N(e) {
               isInteractive: o().isInteractive
             }
           ),
-          (C = R()) == null ? void 0 : C.map((n) => /* @__PURE__ */ l(
-            N,
+          (C = R()) == null ? void 0 : C.map((t) => /* @__PURE__ */ l(
+            y,
             {
-              block: n,
+              block: t,
               registeredComponents: e.registeredComponents,
               linkComponent: e.linkComponent,
               context: e.context
             },
-            n.id
+            t.id
           ))
         ]
       }
@@ -144,5 +143,5 @@ function N(e) {
   ] }) : null });
 }
 export {
-  N as default
+  y as default
 };

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

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

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

@@ -1,16 +1,16 @@
 "use client";
-import { jsx as P } from "react/jsx-runtime";
-import { useRef as y, useState as m, useEffect as d } from "react";
-import D from "../../../context/builder.context.mjs";
-import { evaluate as F } from "../../../functions/evaluate/evaluate.mjs";
-import { fastClone as U } from "../../../functions/fast-clone.mjs";
-import { fetchOneEntry as _ } from "../../../functions/get-content/index.mjs";
-import { isBrowser as H } from "../../../functions/is-browser.mjs";
+import { jsx as k } from "react/jsx-runtime";
+import { useRef as P, useState as s, useEffect as l } from "react";
+import O from "../../../context/builder.context.mjs";
+import { evaluate as W } from "../../../functions/evaluate/evaluate.mjs";
+import { fastClone as j } from "../../../functions/fast-clone.mjs";
+import { fetchOneEntry as A } from "../../../functions/get-content/index.mjs";
+import { isBrowser as L } from "../../../functions/is-browser.mjs";
 import { isEditing as f } from "../../../functions/is-editing.mjs";
-import { isPreviewing as O } from "../../../functions/is-previewing.mjs";
-import { logFetch as B } from "../../../functions/log-fetch.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 { _track as L } from "../../../functions/track/index.mjs";
+import { _track as H } from "../../../functions/track/index.mjs";
 import { getInteractionPropertiesForEvent as $ } from "../../../functions/track/interaction.mjs";
 import { getDefaultCanTrack as K } from "../../../helpers/canTrack.mjs";
 import { postPreviewContent as G } from "../../../helpers/preview-lru-cache/set.mjs";
@@ -20,37 +20,37 @@ import { triggerAnimation as Y } 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) {
-  var w, R, k;
-  const l = y(null);
+function we(e) {
+  var R, w, y;
+  const c = P(null);
   function g(n) {
-    var r, i;
+    var i, a;
     const t = {
       ...e.builderContextSignal.rootState,
       ...n
     };
-    e.builderContextSignal.rootSetState ? (i = (r = e.builderContextSignal).rootSetState) == null || i.call(r, t) : e.builderContextSignal.rootState = t;
+    e.builderContextSignal.rootSetState ? (a = (i = e.builderContextSignal).rootSetState) == null || a.call(i, t) : e.builderContextSignal.rootState = t;
   }
   function b(n) {
-    var r, i, a, o, u;
+    var i, a, r, o, d;
     const t = {
       ...e.builderContextSignal.content,
       ...n,
       data: {
-        ...(r = e.builderContextSignal.content) == null ? void 0 : r.data,
+        ...(i = e.builderContextSignal.content) == null ? void 0 : i.data,
         ...n == null ? void 0 : n.data
       },
       meta: {
-        ...(i = e.builderContextSignal.content) == null ? void 0 : i.meta,
+        ...(a = e.builderContextSignal.content) == null ? void 0 : a.meta,
         ...n == null ? void 0 : n.meta,
-        breakpoints: ((a = n == null ? void 0 : n.meta) == null ? void 0 : a.breakpoints) || ((u = (o = e.builderContextSignal.content) == null ? void 0 : o.meta) == null ? void 0 : u.breakpoints)
+        breakpoints: ((r = n == null ? void 0 : n.meta) == null ? void 0 : r.breakpoints) || ((d = (o = e.builderContextSignal.content) == null ? void 0 : o.meta) == null ? void 0 : d.breakpoints)
       }
     };
     G({
       value: t,
       key: t.id
     }).then(() => {
-      j.refresh();
+      M.refresh();
     });
   }
   function T() {
@@ -59,20 +59,20 @@ function Re(e) {
       "aria-hidden": !0
     };
   }
-  const [V, ee] = m(
+  const [D, ee] = s(
     () => e.contentWrapper || "div"
   );
-  function S(n) {
+  function v(n) {
     return J({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
         configureSdk: (t) => {
-          var a;
-          const { breakpoints: r, contentId: i } = t;
-          !i || i !== ((a = e.builderContextSignal.content) == null ? void 0 : a.id) || r && b({
+          var r;
+          const { breakpoints: i, contentId: a } = t;
+          !a || a !== ((r = e.builderContextSignal.content) == null ? void 0 : r.id) || i && b({
             meta: {
-              breakpoints: r
+              breakpoints: i
             }
           });
         },
@@ -85,36 +85,36 @@ function Re(e) {
       }
     })(n);
   }
-  const [h, te] = m(() => ({})), [v, ne] = m(() => ({})), [x, M] = m(() => !1);
-  function N(n) {
-    var t, r;
+  const [h, te] = s(() => ({})), [S, ne] = s(() => ({})), [x, U] = s(() => !1);
+  function V(n) {
+    var t, i;
     if (e.builderContextSignal.content) {
-      const i = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, a = (r = e.builderContextSignal.content) == null ? void 0 : r.id;
-      L({
+      const a = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, r = (i = e.builderContextSignal.content) == null ? void 0 : i.id;
+      H({
         apiHost: e.apiHost,
         type: "click",
         canTrack: K(e.canTrack),
-        contentId: a,
+        contentId: r,
         apiKey: e.apiKey,
-        variationId: i !== a ? i : void 0,
+        variationId: a !== r ? a : void 0,
         ...$(n),
         unique: !x
       });
     }
-    x || M(!0);
+    x || U(!0);
   }
-  function W() {
-    var t, r, i;
-    const n = (i = (r = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : r.httpRequests) != null ? i : {};
-    Object.entries(n).forEach(([a, o]) => {
-      if (!o || v[a] || h[a] && !f())
+  function _() {
+    var t, i, a;
+    const n = (a = (i = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : i.httpRequests) != null ? a : {};
+    Object.entries(n).forEach(([r, o]) => {
+      if (!o || S[r] || h[r] && !f())
         return;
-      v[a] = !0;
-      const u = o.replace(
+      S[r] = !0;
+      const d = o.replace(
         /{{([^}]+)}}/g,
-        (c, A) => String(
-          F({
-            code: A,
+        (u, N) => String(
+          W({
+            code: N,
             context: e.context || {},
             localState: void 0,
             rootState: e.builderContextSignal.rootState,
@@ -122,24 +122,24 @@ function Re(e) {
           })
         )
       );
-      B(u), fetch(u).then((c) => c.json()).then((c) => {
+      F(d), fetch(d).then((u) => u.json()).then((u) => {
         g({
-          [a]: c
-        }), h[a] = !0;
-      }).catch((c) => {
-        console.error("error fetching dynamic data", o, c);
+          [r]: u
+        }), h[r] = !0;
+      }).catch((u) => {
+        console.error("error fetching dynamic data", o, u);
       }).finally(() => {
-        v[a] = !1;
+        S[r] = !1;
       });
     });
   }
-  function s() {
+  function m() {
     f() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
           detail: {
-            state: U(e.builderContextSignal.rootState),
+            state: j(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -149,7 +149,7 @@ function Re(e) {
     );
   }
   function C(n) {
-    window.addEventListener("message", S), Q(), X({
+    window.addEventListener("message", v), Q(), X({
       ...e.locale ? {
         locale: e.locale
       } : {},
@@ -162,92 +162,98 @@ function Re(e) {
     }), Object.values(
       e.builderContextSignal.componentInfos
     ).forEach((t) => {
-      var r, i;
-      if (!e.model || !((r = t.models) != null && r.length) || t.models.includes(e.model)) {
-        const a = z(t);
-        (i = window.parent) == null || i.postMessage(a, "*");
+      var i, a;
+      if (!e.model || !((i = t.models) != null && i.length) || t.models.includes(e.model)) {
+        const r = z(t);
+        (a = window.parent) == null || a.postMessage(r, "*");
       }
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
-      s
+      m
     );
   }
   function E(n) {
-    const t = new URL(location.href).searchParams, r = t.get("builder.preview"), i = t.get(
-      `builder.overrides.${r}`
-    ), a = t.get("apiKey") || t.get("builder.space");
-    r === e.model && a === e.apiKey && (!e.content || i === e.content.id) && _({
-      model: e.model,
+    var o;
+    const t = new URL(location.href).searchParams, i = t.get("builder.preview"), a = t.get(
+      `builder.overrides.${i}`
+    ), r = t.get("apiKey") || t.get("builder.space");
+    (i === "BUILDER_STUDIO" || i === e.model && r === e.apiKey && (!e.content || a === e.content.id)) && A({
+      model: e.model || "",
       apiKey: e.apiKey,
-      apiVersion: e.builderContextSignal.apiVersion
-    }).then((o) => {
-      o && b(o);
+      apiVersion: e.builderContextSignal.apiVersion,
+      ...i === "BUILDER_STUDIO" && ((o = e.context) != null && o.symbolId) ? {
+        query: {
+          id: e.context.symbolId
+        }
+      } : {}
+    }).then((d) => {
+      d && b(d);
     });
   }
-  const j = p(), I = y(!1);
-  return I.current || (W(), s(), I.current = !0), d(() => {
+  const M = p(), I = P(!1);
+  return I.current || (_(), m(), I.current = !0), l(() => {
     var n;
-    return (n = l.current) == null || n.addEventListener(
+    return (n = c.current) == null || n.addEventListener(
       "initeditingbldr",
       C
     ), () => {
       var t;
-      return (t = l.current) == null ? void 0 : t.removeEventListener(
+      return (t = c.current) == null ? void 0 : t.removeEventListener(
         "initeditingbldr",
         C
       );
     };
-  }, []), d(() => {
+  }, []), l(() => {
     var n;
-    return (n = l.current) == null || n.addEventListener(
+    return (n = c.current) == null || n.addEventListener(
       "initpreviewingbldr",
       E
     ), () => {
       var t;
-      return (t = l.current) == null ? void 0 : t.removeEventListener(
+      return (t = c.current) == null ? void 0 : t.removeEventListener(
         "initpreviewingbldr",
         E
       );
     };
-  }, []), d(() => {
+  }, []), l(() => {
     var n, t;
-    if (H()) {
-      if (f() && !e.isNestedRender && l.current && l.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && K(e.canTrack)) {
-        const i = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, a = (t = e.builderContextSignal.content) == null ? void 0 : t.id, o = e.apiKey;
-        L({
+    if (L()) {
+      if (f() && !e.isNestedRender && c.current && c.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && K(e.canTrack)) {
+        const a = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, r = (t = e.builderContextSignal.content) == null ? void 0 : t.id, o = e.apiKey;
+        H({
           apiHost: e.apiHost,
           type: "impression",
           canTrack: !0,
-          contentId: a,
+          contentId: r,
           apiKey: o,
-          variationId: i !== a ? i : void 0
+          variationId: a !== r ? a : void 0
         });
       }
-      O() && f();
+      B() && f();
     }
-  }, []), d(() => {
-  }, [e.content]), d(() => {
-    s();
-  }, [e.builderContextSignal.rootState]), d(() => {
+  }, []), l(() => {
+  }, [e.content]), l(() => {
+    m();
+  }, [e.builderContextSignal.rootState]), l(() => {
     e.data && g(e.data);
-  }, [e.data]), d(() => {
+  }, [e.data]), l(() => {
     e.locale && g({
       locale: e.locale
     });
-  }, [e.locale]), d(() => () => {
-    H() && (window.removeEventListener("message", S), window.removeEventListener(
+  }, [e.locale]), l(() => () => {
+    L() && (window.removeEventListener("message", v), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      s
+      m
     ));
-  }, []), /* @__PURE__ */ P(D.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || q() ? /* @__PURE__ */ P(
-    V,
+  }, []), /* @__PURE__ */ k(O.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || q() ? /* @__PURE__ */ k(
+    D,
     {
-      ref: l,
-      onClick: (n) => N(n),
-      "builder-content-id": (w = e.builderContextSignal.content) == null ? void 0 : w.id,
+      ref: c,
+      onClick: (n) => V(n),
+      "builder-content-id": (R = e.builderContextSignal.content) == null ? void 0 : R.id,
       "builder-model": e.model,
       className: Z(
-        ((R = e.content) == null ? void 0 : R.testVariationId) || ((k = e.content) == null ? void 0 : k.id)
+        ((w = e.content) == null ? void 0 : w.testVariationId) || ((y = e.content) == null ? void 0 : y.id)
       ),
       style: {
         display: !e.builderContextSignal.content && q() ? "none" : void 0
@@ -259,5 +265,5 @@ function Re(e) {
   ) : null });
 }
 export {
-  Re as default
+  we as default
 };

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

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

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

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

package/lib/browser/functions/get-block-component-options.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(o){var t;return{...(t=o.component)==null?void 0:t.options,...o.options}}exports.getBlockComponentOptions=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./evaluate/evaluate.cjs");function i(t,e){var o;return{...(o=t.component)==null?void 0:o.options,...t.options,...r(t,e)}}const r=(t,e)=>{var o,n;if(((o=t.component)==null?void 0:o.name)==="Text"&&((n=t.component.options)!=null&&n.text)&&typeof t.component.options.text=="string")return{...t.component.options,text:t.component.options.text.replace(/{{([^}]+)}}/g,(s,p)=>a.evaluate({code:p,context:e,localState:e.localState,rootState:e.rootState,rootSetState:e.rootSetState}))}};exports.getBlockComponentOptions=i;

package/lib/browser/functions/get-block-component-options.mjs

@@ -1,10 +1,26 @@
-function t(o) {
-  var n;
+import { evaluate as a } from "./evaluate/evaluate.mjs";
+function s(t, o) {
+  var e;
   return {
-    ...(n = o.component) == null ? void 0 : n.options,
-    ...o.options
+    ...(e = t.component) == null ? void 0 : e.options,
+    ...t.options,
+    ...r(t, o)
   };
 }
+const r = (t, o) => {
+  var e, n;
+  if (((e = t.component) == null ? void 0 : e.name) === "Text" && ((n = t.component.options) != null && n.text) && typeof t.component.options.text == "string")
+    return {
+      ...t.component.options,
+      text: t.component.options.text.replace(/{{([^}]+)}}/g, (i, p) => a({
+        code: p,
+        context: o,
+        localState: o.localState,
+        rootState: o.rootState,
+        rootSetState: o.rootSetState
+      }))
+    };
+};
 export {
-  t as getBlockComponentOptions
+  s as getBlockComponentOptions
 };