@builder.io/sdk-react-nextjs 0.18.8 → 0.18.10

package/lib/browser/functions/get-content/generate-content-url.mjs

@@ -1,59 +1,59 @@
-import { flatten as U, flattenMongoQuery as E, unflatten as F } from "../../helpers/flatten.mjs";
+import { flatten as w, flattenMongoQuery as E, unflatten as F } from "../../helpers/flatten.mjs";
 import { normalizeSearchParams as O } from "../../helpers/search/search.mjs";
 import { DEFAULT_API_VERSION as J } from "../../types/api-version.mjs";
 import { getBuilderSearchParamsFromWindow as L } from "../get-builder-search-params/index.mjs";
 import { isBrowser as R } from "../is-browser.mjs";
-const w = (t) => typeof t == "number" && !isNaN(t) && t >= 0, _ = (t) => {
+const y = (t) => typeof t == "number" && !isNaN(t) && t >= 0, _ = (t) => {
   const {
     limit: a = 30,
     userAttributes: r,
-    query: h,
-    model: y,
-    apiKey: u,
-    enrich: d,
-    locale: A,
+    query: u,
+    model: A,
+    apiKey: d,
+    enrich: P,
+    locale: N,
     apiVersion: o = J,
-    fields: P,
-    omit: N,
-    offset: c,
-    cacheSeconds: l,
-    staleCacheSeconds: f,
-    sort: S,
-    includeUnpublished: p,
+    fields: S,
+    omit: c,
+    offset: l,
+    cacheSeconds: f,
+    staleCacheSeconds: m,
+    sort: p,
+    includeUnpublished: b,
     apiHost: v
   } = t;
-  if (!u)
+  if (!d)
     throw new Error("Missing API key");
   if (!["v3"].includes(o))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${o}'`);
-  const k = a !== 1, I = v || "https://cdn.builder.io", e = new URL(`${I}/api/${o}/content/${y}`);
-  e.searchParams.set("apiKey", u), e.searchParams.set("limit", String(a)), e.searchParams.set("noTraverse", String(k)), e.searchParams.set("includeRefs", String(!0));
-  const m = A || (r == null ? void 0 : r.locale);
+  const k = a !== 1, I = v || "https://cdn.builder.io", e = new URL(`${I}/api/${o}/content/${A}`);
+  e.searchParams.set("apiKey", d), e.searchParams.set("limit", String(a)), e.searchParams.set("noTraverse", String(k)), e.searchParams.set("includeRefs", String(!0));
+  const h = N || (r == null ? void 0 : r.locale);
   let i = r || {};
-  if (m && (e.searchParams.set("locale", m), i = {
-    locale: m,
+  if (h && (e.searchParams.set("locale", h), i = {
+    locale: h,
     ...i
-  }), d && e.searchParams.set("enrich", String(d)), e.searchParams.set("omit", N || "meta.componentsUsed"), P && e.searchParams.set("fields", P), Number.isFinite(c) && c > -1 && e.searchParams.set("offset", String(Math.floor(c))), typeof p == "boolean" && e.searchParams.set("includeUnpublished", String(p)), l && w(l) && e.searchParams.set("cacheSeconds", String(l)), f && w(f) && e.searchParams.set("staleCacheSeconds", String(f)), S) {
-    const s = U({
-      sort: S
+  }), P && e.searchParams.set("enrich", String(P)), e.searchParams.set("omit", c != null ? c : "meta.componentsUsed"), S && e.searchParams.set("fields", S), Number.isFinite(l) && l > -1 && e.searchParams.set("offset", String(Math.floor(l))), typeof b == "boolean" && e.searchParams.set("includeUnpublished", String(b)), f && y(f) && e.searchParams.set("cacheSeconds", String(f)), m && y(m) && e.searchParams.set("staleCacheSeconds", String(m)), p) {
+    const s = w({
+      sort: p
     });
     for (const n in s)
       e.searchParams.set(n, JSON.stringify(s[n]));
   }
-  const b = {
+  const g = {
     ...L(),
     ...O(t.options || {})
   };
   i = {
     ...i,
-    ...$(b)
+    ...$(g)
   };
-  const g = U(b);
-  for (const s in g)
-    e.searchParams.set(s, String(g[s]));
-  if (Object.keys(i).length > 0 && e.searchParams.set("userAttributes", JSON.stringify(i)), h) {
+  const U = w(g);
+  for (const s in U)
+    e.searchParams.set(s, String(U[s]));
+  if (Object.keys(i).length > 0 && e.searchParams.set("userAttributes", JSON.stringify(i)), u) {
     const s = E({
-      query: h
+      query: u
     });
     for (const n in s)
       e.searchParams.set(n, JSON.stringify(s[n]));

package/lib/browser/helpers/preview-lru-cache/set.cjs

@@ -1 +1 @@
-"use server";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./init.cjs");async function i({key:e,value:t}){return n.init(),globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e,t),{[e]:t}}exports.postPreviewContent=i;
+"use server";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("next/cache"),r=require("./init.cjs");async function o({key:e,value:t,url:i}){r.init(),globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e,t),n.revalidatePath(i)}exports.postPreviewContent=o;

package/lib/browser/helpers/preview-lru-cache/set.mjs

@@ -1,11 +1,13 @@
 "use server";
-import { init as e } from "./init.mjs";
-async function o({
+import { revalidatePath as r } from "next/cache";
+import { init as i } from "./init.mjs";
+async function a({
   key: t,
-  value: r
+  value: e,
+  url: o
 }) {
-  return e(), globalThis._BUILDER_PREVIEW_LRU_CACHE.set(t, r), { [t]: r };
+  i(), globalThis._BUILDER_PREVIEW_LRU_CACHE.set(t, e), r(o);
 }
 export {
-  o as postPreviewContent
+  a as postPreviewContent
 };

package/lib/edge/blocks/columns/columns.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),W=require("../../components/blocks/blocks.cjs"),j=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),q=require("../../components/inlined-styles.cjs"),z=require("../../constants/device-sizes.cjs"),B=require("../../functions/get-class-prop-name.cjs"),p=require("../../functions/get-style.cjs"),A=require("./helpers.cjs");function N(e){var f,g;const a=function(){return typeof e.space=="number"?e.space||0:20},s=function(){return e.columns||[]},u=function(){return e.stackColumnsAt||"tablet"},y=function(t){return t.link?e.builderLinkComponent||"a":"div"},S=function(t){var i;return((i=s()[t])==null?void 0:i.width)||100/s().length},x=function(t){const i=S(t),l=a()*(s().length-1)*(i/100);return`calc(${i}% - ${l}px)`},c=function({stackedStyle:t,desktopStyle:i}){return u()==="tablet"?t:i},m=function({stackedStyle:t,desktopStyle:i}){return u()==="never"?i:t},d=function(){return e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column"},C=function(){return{"--flex-dir":d(),"--flex-dir-tablet":c({stackedStyle:d(),desktopStyle:"row"})}},v=function(t){const i=t===0?0:a(),l=x(t),r=`${i}px`,k="100%",h=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:l,["marginLeft"]:r,"--column-width-mobile":m({stackedStyle:k,desktopStyle:l}),"--column-margin-left-mobile":m({stackedStyle:h,desktopStyle:r}),"--column-width-tablet":c({stackedStyle:k,desktopStyle:l}),"--column-margin-left-tablet":c({stackedStyle:h,desktopStyle:r})}},b=function(t){var l,r;return z.getSizesForBreakpoints(((r=(l=e.builderContext.content)==null?void 0:l.meta)==null?void 0:r.breakpoints)||{})[t].max},w=function(){const t=`.${e.builderBlock.id}-breakpoints > .builder-column`;return`
+"use strict";const o=require("react/jsx-runtime"),W=require("../../components/blocks/blocks.cjs"),j=require("../../components/dynamic-renderer/dynamic-renderer.cjs"),q=require("../../components/inlined-styles.cjs"),z=require("../../constants/device-sizes.cjs"),B=require("../../functions/get-class-prop-name.cjs"),p=require("../../functions/get-style.cjs"),A=require("./helpers.cjs");function N(e){var g,f;const a=function(){return typeof e.space=="number"?e.space||0:20},s=function(){return e.columns||[]},u=function(){return e.stackColumnsAt||"tablet"},y=function(t){return t.link?e.builderLinkComponent||"a":"div"},S=function(t){var i;return((i=s()[t])==null?void 0:i.width)||100/s().length},x=function(t){const i=S(t),l=a()*(s().length-1)*(i/100);return`calc(${i}% - ${l}px)`},c=function({stackedStyle:t,desktopStyle:i}){return u()==="tablet"?t:i},d=function({stackedStyle:t,desktopStyle:i}){return u()==="never"?i:t},m=function(){return e.stackColumnsAt==="never"?"row":e.reverseColumnsWhenStacked?"column-reverse":"column"},C=function(){return{"--flex-dir":m(),"--flex-dir-tablet":c({stackedStyle:m(),desktopStyle:"row"})}},v=function(t){const i=t===0?0:a(),l=x(t),r=`${i}px`,h="100%",k=0;return{...{display:"flex",flexDirection:"column",alignItems:"stretch"},width:l,["marginLeft"]:r,"--column-width-mobile":d({stackedStyle:h,desktopStyle:l}),"--column-margin-left-mobile":d({stackedStyle:k,desktopStyle:r}),"--column-width-tablet":c({stackedStyle:h,desktopStyle:l}),"--column-margin-left-tablet":c({stackedStyle:k,desktopStyle:r})}},b=function(t){var l,r;return z.getSizesForBreakpoints(((r=(l=e.builderContext.content)==null?void 0:l.meta)==null?void 0:r.breakpoints)||{})[t].max},w=function(){const t=`.${e.builderBlock.id}-breakpoints > .builder-column`;return`
         @media (max-width: ${b("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
@@ -22,7 +22,8 @@
             margin-left: var(--column-margin-left-mobile) !important;
           }
         },
-      `},$=function(t,i){return{...t.link?{href:t.link}:{},[B.getClassPropName()]:"builder-column",style:p.mapStyleObjToStrIfNeeded(v(i))}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:A.getColumnsClass((f=e.builderBlock)==null?void 0:f.id)+" div-1aff548e",style:C(),children:[o.jsx(q,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(g=e.columns)==null?void 0:g.map((n,t)=>o.jsx(j,{TagName:y(n),actionAttributes:{},attributes:$(n,t),children:o.jsx(W,{path:`columns.${t}.blocks`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:n.blocks,styleProp:{flexGrow:"1"}})},t))]}),o.jsx("style",{children:`.div-1aff548e {
+      `},$=function(t,i){return{...t.link?{href:t.link}:{},[B.getClassPropName()]:"builder-column",style:p.mapStyleObjToStrIfNeeded(v(i))}};return o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:A.getColumnsClass((g=e.builderBlock)==null?void 0:g.id)+" div-3cd4dbac",style:C(),children:[o.jsx(q,{id:"builderio-columns",styles:w(),nonce:e.builderContext.nonce}),(f=e.columns)==null?void 0:f.map((n,t)=>o.jsx(j,{TagName:y(n),actionAttributes:{},attributes:$(n,t),children:o.jsx(W,{path:`columns.${t}.blocks`,parent:e.builderBlock.id,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent,blocks:n.blocks,styleProp:{flexGrow:"1"}})},t))]}),o.jsx("style",{children:`.div-3cd4dbac {
   display: flex;
   line-height: normal;
+  height: 100%;
 }`})]})}module.exports=N;

package/lib/edge/blocks/columns/columns.mjs

@@ -7,7 +7,7 @@ import { getClassPropName as N } from "../../functions/get-class-prop-name.mjs";
 import { mapStyleObjToStrIfNeeded as T } from "../../functions/get-style.mjs";
 import { getColumnsClass as D } from "./helpers.mjs";
 function q(e) {
-  var b, g;
+  var f, g;
   const a = function() {
     return typeof e.space == "number" ? e.space || 0 : 20;
   }, s = function() {
@@ -69,7 +69,7 @@ function q(e) {
         desktopStyle: o
       })
     };
-  }, f = function(t) {
+  }, b = function(t) {
     var l, o;
     return L(
       ((o = (l = e.builderContext.content) == null ? void 0 : l.meta) == null ? void 0 : o.breakpoints) || {}
@@ -77,7 +77,7 @@ function q(e) {
   }, p = function() {
     const t = `.${e.builderBlock.id}-breakpoints > .builder-column`;
     return `
-        @media (max-width: ${f("medium")}px) {
+        @media (max-width: ${b("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -89,7 +89,7 @@ function q(e) {
           }
         }
 
-        @media (max-width: ${f("small")}px) {
+        @media (max-width: ${b("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -114,7 +114,7 @@ function q(e) {
     /* @__PURE__ */ y(
       "div",
       {
-        className: D((b = e.builderBlock) == null ? void 0 : b.id) + " div-1aff548e",
+        className: D((f = e.builderBlock) == null ? void 0 : f.id) + " div-3cd4dbac",
         style: v(),
         children: [
           /* @__PURE__ */ r(
@@ -151,9 +151,10 @@ function q(e) {
         ]
       }
     ),
-    /* @__PURE__ */ r("style", { children: `.div-1aff548e {
+    /* @__PURE__ */ r("style", { children: `.div-3cd4dbac {
   display: flex;
   line-height: normal;
+  height: 100%;
 }` })
   ] });
 }

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

@@ -1 +1 @@
-"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;
+"use client";"use strict";const R=require("react/jsx-runtime"),o=require("react"),j=require("../../../context/builder.context.cjs"),B=require("../../../functions/evaluate/evaluate.cjs"),F=require("../../../functions/fast-clone.cjs"),N=require("../../../functions/get-content/index.cjs"),k=require("../../../functions/is-browser.cjs"),f=require("../../../functions/is-editing.cjs"),M=require("../../../functions/is-previewing.cjs"),O=require("../../../functions/log-fetch.cjs"),W=require("../../../functions/register-component.cjs"),y=require("../../../functions/track/index.cjs"),A=require("../../../functions/track/interaction.cjs"),P=require("../../../helpers/canTrack.cjs"),$=require("../../../helpers/cookie.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,w;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)}};z.postPreviewContent({value:t,key:t.id,url:window.location.pathname})}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(()=>({})),[E,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,...A.getInteractionPropertiesForEvent(n),unique:!E})}E||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,V)=>String(B.evaluate({code:V,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})));O.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:F.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}function h(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=W.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))&&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)})}X.useRouter();const C=o.useRef(!1);return C.current||(U(),g(),C.current=!0),o.useEffect(()=>{var n;return(n=s.current)==null||n.addEventListener("initeditingbldr",h),()=>{var t;return(t=s.current)==null?void 0:t.removeEventListener("initeditingbldr",h)}},[]),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(k.isBrowser()){f.isEditing()&&!e.isNestedRender&&s.current&&s.current.dispatchEvent(new CustomEvent("initeditingbldr"));const r=e.builderContextSignal.content&&P.getDefaultCanTrack(e.canTrack),a=$.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})}M.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(()=>()=>{k.isBrowser()&&(window.removeEventListener("message",S),window.removeEventListener("builder:component:stateChangeListenerActivated",g))},[]),R.jsx(j.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content||H.needsElementRefDivForEditing()?R.jsx(T,{ref:s,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)||((w=e.content)==null?void 0:w.id)),style:{display:!e.builderContextSignal.content&&H.needsElementRefDivForEditing()?"none":void 0},...K(),...e.contentWrapperProps,children:e.children}):null})}module.exports=Y;

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

@@ -1,138 +1,137 @@
 "use client";
 import { jsx as k } from "react/jsx-runtime";
 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";
-import { fetchOneEntry as A } from "../../../functions/get-content/index.mjs";
+import M from "../../../context/builder.context.mjs";
+import { evaluate as O } from "../../../functions/evaluate/evaluate.mjs";
+import { fastClone as W } from "../../../functions/fast-clone.mjs";
+import { fetchOneEntry as j } from "../../../functions/get-content/index.mjs";
 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 $ } from "../../../functions/register-component.mjs";
+import { isPreviewing as A } from "../../../functions/is-previewing.mjs";
+import { logFetch as B } from "../../../functions/log-fetch.mjs";
+import { createRegisterComponentMessage as F } from "../../../functions/register-component.mjs";
 import { _track as H } from "../../../functions/track/index.mjs";
-import { getInteractionPropertiesForEvent as z } from "../../../functions/track/interaction.mjs";
+import { getInteractionPropertiesForEvent as $ } from "../../../functions/track/interaction.mjs";
 import { getDefaultCanTrack as K } from "../../../helpers/canTrack.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 { getCookieSync as z } from "../../../helpers/cookie.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 { needsElementRefDivForEditing as q } from "./enable-editor.helpers.mjs";
-import { getWrapperClassName as p } from "./styles.helpers.mjs";
-import { useRouter as ee } from "next/navigation";
-function ke(e) {
-  var y, R, w;
+import { getWrapperClassName as Z } from "./styles.helpers.mjs";
+import { useRouter as p } from "next/navigation";
+function Rt(t) {
+  var w, y, R;
   const u = P(null);
   m(() => !1);
   function s(n) {
-    var i, r;
-    const t = {
-      ...e.builderContextSignal.rootState,
+    var i, o;
+    const e = {
+      ...t.builderContextSignal.rootState,
       ...n
     };
-    e.builderContextSignal.rootSetState ? (r = (i = e.builderContextSignal).rootSetState) == null || r.call(i, t) : e.builderContextSignal.rootState = t;
+    t.builderContextSignal.rootSetState ? (o = (i = t.builderContextSignal).rootSetState) == null || o.call(i, e) : t.builderContextSignal.rootState = e;
   }
   function b(n) {
-    var i, r, a, o, d;
-    const t = {
-      ...e.builderContextSignal.content,
+    var i, o, a, r, d;
+    const e = {
+      ...t.builderContextSignal.content,
       ...n,
       data: {
-        ...(i = e.builderContextSignal.content) == null ? void 0 : i.data,
+        ...(i = t.builderContextSignal.content) == null ? void 0 : i.data,
         ...n == null ? void 0 : n.data
       },
       meta: {
-        ...(r = e.builderContextSignal.content) == null ? void 0 : r.meta,
+        ...(o = t.builderContextSignal.content) == null ? void 0 : o.meta,
         ...n == null ? void 0 : n.meta,
-        breakpoints: ((a = n == null ? void 0 : n.meta) == null ? void 0 : a.breakpoints) || ((d = (o = e.builderContextSignal.content) == null ? void 0 : o.meta) == null ? void 0 : d.breakpoints)
+        breakpoints: ((a = n == null ? void 0 : n.meta) == null ? void 0 : a.breakpoints) || ((d = (r = t.builderContextSignal.content) == null ? void 0 : r.meta) == null ? void 0 : d.breakpoints)
       }
     };
-    J({
-      value: t,
-      key: t.id
-    }).then(() => {
-      _.refresh();
+    G({
+      value: e,
+      key: e.id,
+      url: window.location.pathname
     });
   }
   function T() {
-    return e.showContent ? {} : {
+    return t.showContent ? {} : {
       hidden: !0,
       "aria-hidden": !0
     };
   }
-  const [U, te] = m(
-    () => e.contentWrapper || "div"
+  const [U, tt] = m(
+    () => t.contentWrapper || "div"
   );
   function v(n) {
-    return Q({
-      model: e.model,
-      trustedHosts: e.trustedHosts,
+    return J({
+      model: t.model,
+      trustedHosts: t.trustedHosts,
       callbacks: {
-        configureSdk: (t) => {
+        configureSdk: (e) => {
           var a;
-          const { breakpoints: i, contentId: r } = t;
-          !r || r !== ((a = e.builderContextSignal.content) == null ? void 0 : a.id) || i && b({
+          const { breakpoints: i, contentId: o } = e;
+          !o || o !== ((a = t.builderContextSignal.content) == null ? void 0 : a.id) || i && b({
             meta: {
               breakpoints: i
             }
           });
         },
-        animation: (t) => {
-          Z(t);
+        animation: (e) => {
+          Y(e);
         },
-        contentUpdate: (t) => {
-          b(t);
+        contentUpdate: (e) => {
+          b(e);
         },
-        stateUpdate: (t) => {
-          s(t);
+        stateUpdate: (e) => {
+          s(e);
         }
       }
     })(n);
   }
-  const [h, ne] = m(() => ({})), [S, ie] = m(() => ({})), [x, D] = m(() => !1);
+  const [h, et] = m(() => ({})), [S, nt] = 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;
+    var e, i;
+    if (t.builderContextSignal.content) {
+      const o = (e = t.builderContextSignal.content) == null ? void 0 : e.testVariationId, a = (i = t.builderContextSignal.content) == null ? void 0 : i.id;
       H({
-        apiHost: e.apiHost,
+        apiHost: t.apiHost,
         type: "click",
-        canTrack: K(e.canTrack),
+        canTrack: K(t.canTrack),
         contentId: a,
-        apiKey: e.apiKey,
-        variationId: r !== a ? r : void 0,
-        ...z(n),
+        apiKey: t.apiKey,
+        variationId: o !== a ? o : void 0,
+        ...$(n),
         unique: !x
       });
     }
     x || D(!0);
   }
   function N() {
-    var t, i, r;
-    const n = (r = (i = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : i.httpRequests) != null ? r : {};
-    Object.entries(n).forEach(([a, o]) => {
-      if (!o || S[a] || h[a] && !g())
+    var e, i, o;
+    const n = (o = (i = (e = t.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : i.httpRequests) != null ? o : {};
+    Object.entries(n).forEach(([a, r]) => {
+      if (!r || S[a] || h[a] && !g())
         return;
       S[a] = !0;
-      const d = o.replace(
+      const d = r.replace(
         /{{([^}]+)}}/g,
-        (l, M) => String(
-          W({
-            code: M,
-            context: e.context || {},
+        (l, _) => String(
+          O({
+            code: _,
+            context: t.context || {},
             localState: void 0,
-            rootState: e.builderContextSignal.rootState,
-            rootSetState: e.builderContextSignal.rootSetState
+            rootState: t.builderContextSignal.rootState,
+            rootSetState: t.builderContextSignal.rootSetState
           })
         )
       );
-      F(d), fetch(d).then((l) => l.json()).then((l) => {
+      B(d), fetch(d).then((l) => l.json()).then((l) => {
         s({
           [a]: l
         }), h[a] = !0;
       }).catch((l) => {
-        console.error("error fetching dynamic data", o, l);
+        console.error("error fetching dynamic data", r, l);
       }).finally(() => {
         S[a] = !1;
       });
@@ -144,9 +143,9 @@ function ke(e) {
         "builder:component:stateChange",
         {
           detail: {
-            state: j(e.builderContextSignal.rootState),
+            state: W(t.builderContextSignal.rootState),
             ref: {
-              name: e.model
+              name: t.model
             }
           }
         }
@@ -154,26 +153,26 @@ function ke(e) {
     );
   }
   function C(n) {
-    var t;
-    window.addEventListener("message", v), X(), Y({
-      ...e.locale ? {
-        locale: e.locale
+    var e;
+    window.addEventListener("message", v), Q(), X({
+      ...t.locale ? {
+        locale: t.locale
       } : {},
-      ...e.enrich ? {
-        enrich: e.enrich
+      ...t.enrich ? {
+        enrich: t.enrich
       } : {},
-      ...e.trustedHosts ? {
-        trustedHosts: e.trustedHosts
+      ...t.trustedHosts ? {
+        trustedHosts: t.trustedHosts
       } : {},
-      modelName: (t = e.model) != null ? t : "",
-      apiKey: e.apiKey
+      modelName: (e = t.model) != null ? e : "",
+      apiKey: t.apiKey
     }), Object.values(
-      e.builderContextSignal.componentInfos
+      t.builderContextSignal.componentInfos
     ).forEach((i) => {
-      var r, a;
-      if (!((r = i.models) != null && r.length) || i.models.includes(e.model)) {
-        const o = $(i);
-        (a = window.parent) == null || a.postMessage(o, "*");
+      var o, a;
+      if (!((o = i.models) != null && o.length) || i.models.includes(t.model)) {
+        const r = F(i);
+        (a = window.parent) == null || a.postMessage(r, "*");
       }
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
@@ -181,32 +180,33 @@ function ke(e) {
     );
   }
   function E(n) {
-    var o;
-    const t = new URL(location.href).searchParams, i = t.get("builder.preview"), r = t.get(
+    var r;
+    const e = new URL(location.href).searchParams, i = e.get("builder.preview"), o = e.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)) && A({
-      model: e.model,
-      apiKey: e.apiKey,
-      apiVersion: e.builderContextSignal.apiVersion,
-      ...i === "BUILDER_STUDIO" && ((o = e.context) != null && o.symbolId) ? {
+    ), a = e.get("apiKey") || e.get("builder.space");
+    (i === "BUILDER_STUDIO" || i === t.model && a === t.apiKey && (!t.content || o === t.content.id)) && j({
+      model: t.model,
+      apiKey: t.apiKey,
+      apiVersion: t.builderContextSignal.apiVersion,
+      ...i === "BUILDER_STUDIO" && ((r = t.context) != null && r.symbolId) ? {
         query: {
-          id: e.context.symbolId
+          id: t.context.symbolId
         }
       } : {}
     }).then((d) => {
       d && b(d);
     });
   }
-  const _ = ee(), I = P(!1);
+  p();
+  const I = P(!1);
   return I.current || (N(), f(), I.current = !0), c(() => {
     var n;
     return (n = u.current) == null || n.addEventListener(
       "initeditingbldr",
       C
     ), () => {
-      var t;
-      return (t = u.current) == null ? void 0 : t.removeEventListener(
+      var e;
+      return (e = u.current) == null ? void 0 : e.removeEventListener(
         "initeditingbldr",
         C
       );
@@ -217,24 +217,24 @@ function ke(e) {
       "initpreviewingbldr",
       E
     ), () => {
-      var t;
-      return (t = u.current) == null ? void 0 : t.removeEventListener(
+      var e;
+      return (e = u.current) == null ? void 0 : e.removeEventListener(
         "initpreviewingbldr",
         E
       );
     };
   }, []), c(() => {
-    var n, t, i;
+    var n, e, i;
     if (L()) {
-      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}`,
+      g() && !t.isNestedRender && u.current && u.current.dispatchEvent(new CustomEvent("initeditingbldr"));
+      const o = t.builderContextSignal.content && K(t.canTrack), a = z({
+        name: `builder.tests.${(n = t.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;
+      }), r = (e = t.builderContextSignal.content) == null ? void 0 : e.testVariationId;
+      if (o && r === a) {
+        const d = (i = t.builderContextSignal.content) == null ? void 0 : i.id, l = t.apiKey;
         H({
-          apiHost: e.apiHost,
+          apiHost: t.apiHost,
           type: "impression",
           canTrack: !0,
           contentId: d,
@@ -242,41 +242,41 @@ function ke(e) {
           variationId: a !== d ? a : void 0
         });
       }
-      B() && g();
+      A() && g();
     }
   }, []), c(() => {
-  }, [e.content]), c(() => {
+  }, [t.content]), c(() => {
     f();
-  }, [e.builderContextSignal.rootState]), c(() => {
-    e.data && s(e.data);
-  }, [e.data]), c(() => {
-    e.locale && s({
-      locale: e.locale
+  }, [t.builderContextSignal.rootState]), c(() => {
+    t.data && s(t.data);
+  }, [t.data]), c(() => {
+    t.locale && s({
+      locale: t.locale
     });
-  }, [e.locale]), c(() => () => {
+  }, [t.locale]), c(() => () => {
     L() && (window.removeEventListener("message", v), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       f
     ));
-  }, []), /* @__PURE__ */ k(O.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || q() ? /* @__PURE__ */ k(
+  }, []), /* @__PURE__ */ k(M.Provider, { value: t.builderContextSignal, children: t.builderContextSignal.content || q() ? /* @__PURE__ */ k(
     U,
     {
       ref: u,
       onClick: (n) => V(n),
-      "builder-content-id": (y = e.builderContextSignal.content) == null ? void 0 : y.id,
-      "builder-model": e.model,
-      className: p(
-        ((R = e.content) == null ? void 0 : R.testVariationId) || ((w = e.content) == null ? void 0 : w.id)
+      "builder-content-id": (w = t.builderContextSignal.content) == null ? void 0 : w.id,
+      "builder-model": t.model,
+      className: Z(
+        ((y = t.content) == null ? void 0 : y.testVariationId) || ((R = t.content) == null ? void 0 : R.id)
       ),
       style: {
-        display: !e.builderContextSignal.content && q() ? "none" : void 0
+        display: !t.builderContextSignal.content && q() ? "none" : void 0
       },
       ...T(),
-      ...e.contentWrapperProps,
-      children: e.children
+      ...t.contentWrapperProps,
+      children: t.children
     }
   ) : null });
 }
 export {
-  ke as default
+  Rt as default
 };

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

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