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

package/lib/browser/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";
@@ -6,11 +6,11 @@ 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 b from "./components/component-ref/component-ref.mjs";
-import x from "./components/repeated-block.mjs";
-function N(e) {
-  var a, p, C, f;
+import N from "./components/block-wrapper.mjs";
+import x from "./components/component-ref/component-ref.mjs";
+import b from "./components/repeated-block.mjs";
+function y(e) {
+  var a, C, p, f;
   const d = function() {
     return O({
       block: e.block,
@@ -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,63 +28,64 @@ 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;
-  }, l = function() {
+  }, r = function() {
     return w({
-      block: t(),
-      registeredComponents: e.registeredComponents
+      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 = l()) != 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 : [],
-      componentRef: (i = l()) == null ? void 0 : i.component,
+      blockChildren: (c = n().children) != null ? c : [],
+      componentRef: (i = r()) == null ? void 0 : i.component,
       componentOptions: {
-        ...S(t()),
-        ...W(l(), t()),
-        ...T(l(), e.context),
-        ...L(l(), e.linkComponent),
+        ...S(n(), e.context),
+        ...W(r(), n()),
+        ...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")
+      builderBlock: n(),
+      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: 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
       },
       c
-    )) }) : /* @__PURE__ */ r(
-      b,
+    )) }) : /* @__PURE__ */ l(
+      x,
       {
         componentRef: o().componentRef,
         componentOptions: o().componentOptions,
@@ -96,24 +97,24 @@ 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((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__ */ r(
-            b,
+          /* @__PURE__ */ l(
+            x,
             {
               componentRef: o().componentRef,
               componentOptions: o().componentOptions,
@@ -126,15 +127,15 @@ function N(e) {
               isInteractive: o().isInteractive
             }
           ),
-          (p = R()) == null ? void 0 : p.map((n) => /* @__PURE__ */ r(
-            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
           ))
         ]
       }
@@ -142,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 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 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.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/browser/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
+};