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

package/lib/node/components/block/block.helpers.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../functions/evaluate/evaluate.cjs"),l=({block:t,registeredComponents:r})=>{var o;const e=(o=t.component)==null?void 0:o.name;if(!e)return null;const n=r[e];if(n)return n;console.warn(`
-      Could not find a registered component named "${e}". 
-      If you registered it, is the file that registered it imported by the file that needs to render it?`)},p=({block:t,context:r})=>{const{repeat:e,...n}=t;if(!(e!=null&&e.collection))return;const o=s.evaluate({code:e.collection,localState:r.localState,rootState:r.rootState,rootSetState:r.rootSetState,context:r.context});if(!Array.isArray(o))return;const i=e.collection.split(".").pop(),d=e.itemName||(i?i+"Item":"item");return o.map((u,a)=>({context:{...r,localState:{...r.localState,$index:a,$item:u,[d]:u,[`$${d}Index`]:a}},block:n}))},m=(t,r)=>{var e;return(e=t==null?void 0:t.shouldReceiveBuilderProps)!=null&&e.builderLinkComponent?{builderLinkComponent:r}:{}},c=(t,r)=>{var e;return(e=t==null?void 0:t.shouldReceiveBuilderProps)!=null&&e.builderComponents?{builderComponents:r}:{}},v=(t,r)=>{var e;return(e=t==null?void 0:t.shouldReceiveBuilderProps)!=null&&e.builderBlock?{builderBlock:r}:{}},C=(t,r)=>{var e;return(e=t==null?void 0:t.shouldReceiveBuilderProps)!=null&&e.builderContext?{builderContext:r}:{}};exports.getComponent=l;exports.getRepeatItemData=p;exports.provideBuilderBlock=v;exports.provideBuilderContext=C;exports.provideLinkComponent=m;exports.provideRegisteredComponents=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../functions/evaluate/evaluate.cjs"),l=(e,t)=>e?t?e.models&&e.models.length>0&&!e.models.includes(t):!1:!0,p=({block:e,registeredComponents:t,model:r})=>{var i;const o=(i=e.component)==null?void 0:i.name;if(!o)return null;const n=t[o];if(!n||l(n,r)){console.warn(`
+      Could not find a registered component named "${o}". 
+      If you registered it, is the file that registered it imported by the file that needs to render it?`);return}else return n},m=({block:e,context:t})=>{const{repeat:r,...o}=e;if(!(r!=null&&r.collection))return;const n=a.evaluate({code:r.collection,localState:t.localState,rootState:t.rootState,rootSetState:t.rootSetState,context:t.context});if(!Array.isArray(n))return;const i=r.collection.split(".").pop(),s=r.itemName||(i?i+"Item":"item");return n.map((d,u)=>({context:{...t,localState:{...t.localState,$index:u,$item:d,[s]:d,[`$${s}Index`]:u}},block:o}))},c=(e,t)=>{var r;return(r=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&r.builderLinkComponent?{builderLinkComponent:t}:{}},f=(e,t,r)=>{var o;return(o=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&o.builderComponents?{builderComponents:Object.fromEntries(Object.entries(t).filter(([i,s])=>!l(s,r)))}:{}},v=(e,t)=>{var r;return(r=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&r.builderBlock?{builderBlock:t}:{}},C=(e,t)=>{var r;return(r=e==null?void 0:e.shouldReceiveBuilderProps)!=null&&r.builderContext?{builderContext:t}:{}};exports.getComponent=p;exports.getRepeatItemData=m;exports.provideBuilderBlock=v;exports.provideBuilderContext=C;exports.provideLinkComponent=c;exports.provideRegisteredComponents=f;

package/lib/node/components/block/block.helpers.mjs

@@ -1,77 +1,80 @@
 import { evaluate as a } from "../../functions/evaluate/evaluate.mjs";
-const m = ({
-  block: t,
-  registeredComponents: r
+const l = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, c = ({
+  block: e,
+  registeredComponents: t,
+  model: r
 }) => {
-  var o;
-  const e = (o = t.component) == null ? void 0 : o.name;
-  if (!e)
+  var i;
+  const o = (i = e.component) == null ? void 0 : i.name;
+  if (!o)
     return null;
-  const n = r[e];
-  if (n)
-    return n;
-  console.warn(`
-      Could not find a registered component named "${e}". 
+  const n = t[o];
+  if (!n || l(n, r)) {
+    console.warn(`
+      Could not find a registered component named "${o}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, c = ({
-  block: t,
-  context: r
+    return;
+  } else
+    return n;
+}, f = ({
+  block: e,
+  context: t
 }) => {
   const {
-    repeat: e,
-    ...n
-  } = t;
-  if (!(e != null && e.collection))
+    repeat: r,
+    ...o
+  } = e;
+  if (!(r != null && r.collection))
     return;
-  const o = a({
-    code: e.collection,
-    localState: r.localState,
-    rootState: r.rootState,
-    rootSetState: r.rootSetState,
-    context: r.context
+  const n = a({
+    code: r.collection,
+    localState: t.localState,
+    rootState: t.rootState,
+    rootSetState: t.rootSetState,
+    context: t.context
   });
-  if (!Array.isArray(o))
+  if (!Array.isArray(n))
     return;
-  const i = e.collection.split(".").pop(), d = e.itemName || (i ? i + "Item" : "item");
-  return o.map((s, u) => ({
+  const i = r.collection.split(".").pop(), s = r.itemName || (i ? i + "Item" : "item");
+  return n.map((d, u) => ({
     context: {
-      ...r,
+      ...t,
       localState: {
-        ...r.localState,
+        ...t.localState,
         $index: u,
-        $item: s,
-        [d]: s,
-        [`$${d}Index`]: u
+        $item: d,
+        [s]: d,
+        [`$${s}Index`]: u
       }
     },
-    block: n
+    block: o
   }));
-}, f = (t, r) => {
-  var e;
-  return (e = t == null ? void 0 : t.shouldReceiveBuilderProps) != null && e.builderLinkComponent ? {
-    builderLinkComponent: r
+}, C = (e, t) => {
+  var r;
+  return (r = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && r.builderLinkComponent ? {
+    builderLinkComponent: t
   } : {};
-}, v = (t, r) => {
-  var e;
-  return (e = t == null ? void 0 : t.shouldReceiveBuilderProps) != null && e.builderComponents ? {
-    builderComponents: r
+}, v = (e, t, r) => {
+  var o;
+  return (o = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && o.builderComponents ? {
+    builderComponents: Object.fromEntries(Object.entries(t).filter(([i, s]) => !l(s, r)))
   } : {};
-}, C = (t, r) => {
-  var e;
-  return (e = t == null ? void 0 : t.shouldReceiveBuilderProps) != null && e.builderBlock ? {
-    builderBlock: r
+}, h = (e, t) => {
+  var r;
+  return (r = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && r.builderBlock ? {
+    builderBlock: t
   } : {};
-}, S = (t, r) => {
-  var e;
-  return (e = t == null ? void 0 : t.shouldReceiveBuilderProps) != null && e.builderContext ? {
-    builderContext: r
+}, R = (e, t) => {
+  var r;
+  return (r = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && r.builderContext ? {
+    builderContext: t
   } : {};
 };
 export {
-  m as getComponent,
-  c as getRepeatItemData,
-  C as provideBuilderBlock,
-  S as provideBuilderContext,
-  f as provideLinkComponent,
+  c as getComponent,
+  f as getRepeatItemData,
+  h as provideBuilderBlock,
+  R as provideBuilderContext,
+  C as provideLinkComponent,
   v as provideRegisteredComponents
 };

package/lib/node/components/block/block.mjs

@@ -1,4 +1,4 @@
-import { jsx as r, Fragment as u, jsxs as h } from "react/jsx-runtime";
+import { jsx as l, Fragment as u, jsxs as h } from "react/jsx-runtime";
 import { TARGET as v } from "../../constants/target.mjs";
 import { getBlockComponentOptions as S } from "../../functions/get-block-component-options.mjs";
 import { getProcessedBlock as P } from "../../functions/get-processed-block.mjs";
@@ -7,10 +7,10 @@ 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 b from "./components/component-ref/component-ref.mjs";
-import x from "./components/repeated-block.mjs";
+import x from "./components/component-ref/component-ref.mjs";
+import b from "./components/repeated-block.mjs";
 function N(e) {
-  var a, p, C, f;
+  var a, C, p, f;
   const d = function() {
     return O({
       block: e.block,
@@ -32,10 +32,11 @@ function N(e) {
       shouldEvaluateBindings: !0
     });
     return s.value = c, s.update = !1, c;
-  }, l = function() {
+  }, r = function() {
     return w({
       block: t(),
-      registeredComponents: e.registeredComponents
+      registeredComponents: e.registeredComponents,
+      model: e.context.model
     });
   }, g = function() {
     var i;
@@ -48,34 +49,35 @@ function N(e) {
     return ("show" in t() ? t().show : !0) && !c;
   }, R = function() {
     var i, m;
-    return !((i = l()) != null && i.component) && !d() ? (m = t().children) != null ? m : [] : [];
+    return !((i = r()) != null && i.component) && !d() ? (m = t().children) != null ? m : [] : [];
   }, o = function() {
     var c, i, m, k;
     return {
       blockChildren: (c = t().children) != null ? c : [],
-      componentRef: (i = l()) == null ? void 0 : i.component,
+      componentRef: (i = r()) == null ? void 0 : i.component,
       componentOptions: {
         ...S(t()),
-        ...W(l(), t()),
-        ...T(l(), e.context),
-        ...L(l(), e.linkComponent),
+        ...W(r(), t()),
+        ...T(r(), e.context),
+        ...L(r(), e.linkComponent),
         ...U(
-          l(),
-          e.registeredComponents
+          r(),
+          e.registeredComponents,
+          e.context.model
         )
       },
       context: e.context,
       linkComponent: e.linkComponent,
       registeredComponents: e.registeredComponents,
       builderBlock: t(),
-      includeBlockProps: ((m = l()) == null ? void 0 : m.noWrap) === !0,
-      isInteractive: !((k = l()) != null && k.isRSC && v === "rsc")
+      includeBlockProps: ((m = r()) == null ? void 0 : m.noWrap) === !0,
+      isInteractive: !((k = r()) != null && k.isRSC && v === "rsc")
     };
   };
-  return /* @__PURE__ */ r(u, { children: B() ? /* @__PURE__ */ h(u, { children: [
-    /* @__PURE__ */ r(j, { block: t(), context: e.context }),
-    (a = l()) != null && a.noWrap ? d() ? /* @__PURE__ */ r(u, { children: (f = d()) == null ? void 0 : f.map((n, c) => /* @__PURE__ */ r(
-      x,
+  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(
+      b,
       {
         repeatContext: n.context,
         block: n.block,
@@ -83,8 +85,8 @@ function N(e) {
         linkComponent: e.linkComponent
       },
       c
-    )) }) : /* @__PURE__ */ r(
-      b,
+    )) }) : /* @__PURE__ */ l(
+      x,
       {
         componentRef: o().componentRef,
         componentOptions: o().componentOptions,
@@ -96,8 +98,8 @@ function N(e) {
         includeBlockProps: o().includeBlockProps,
         isInteractive: o().isInteractive
       }
-    ) : /* @__PURE__ */ r(u, { children: d() ? /* @__PURE__ */ r(u, { children: (C = d()) == null ? void 0 : C.map((n, c) => /* @__PURE__ */ r(
-      x,
+    ) : /* @__PURE__ */ l(u, { children: d() ? /* @__PURE__ */ l(u, { children: (p = d()) == null ? void 0 : p.map((n, c) => /* @__PURE__ */ l(
+      b,
       {
         repeatContext: n.context,
         block: n.block,
@@ -112,8 +114,8 @@ function N(e) {
         block: t(),
         context: e.context,
         children: [
-          /* @__PURE__ */ r(
-            b,
+          /* @__PURE__ */ l(
+            x,
             {
               componentRef: o().componentRef,
               componentOptions: o().componentOptions,
@@ -126,7 +128,7 @@ function N(e) {
               isInteractive: o().isInteractive
             }
           ),
-          (p = R()) == null ? void 0 : p.map((n) => /* @__PURE__ */ r(
+          (C = R()) == null ? void 0 : C.map((n) => /* @__PURE__ */ l(
             N,
             {
               block: n,

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../constants/target.cjs"),t=require("../../../functions/is-editing.cjs"),n=require("../../../functions/is-previewing.cjs"),e=["svelte","qwik","vue"],r=()=>e.includes(i.TARGET)&&(t.isEditing()||n.isPreviewing());exports.SDKS_USING_ELEMENT_REF_APPROACH=e;exports.needsElementRefDivForEditing=r;

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

@@ -0,0 +1,8 @@
+import { TARGET as i } from "../../../constants/target.mjs";
+import { isEditing as e } from "../../../functions/is-editing.mjs";
+import { isPreviewing as r } from "../../../functions/is-previewing.mjs";
+const t = ["svelte", "qwik", "vue"], m = () => t.includes(i) && (e() || r());
+export {
+  t as SDKS_USING_ELEMENT_REF_APPROACH,
+  m as needsElementRefDivForEditing
+};