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

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

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

package/lib/browser/functions/log-fetch.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../helpers/logger.cjs");function t(o){var e;typeof process!="undefined"&&((e=process.env)!=null&&e.DEBUG)&&String(process.env.DEBUG)=="true"&&r.logger.log(o)}exports.logFetch=t;

package/lib/browser/functions/log-fetch.mjs

@@ -0,0 +1,8 @@
+import { logger as r } from "../helpers/logger.mjs";
+function t(o) {
+  var e;
+  typeof process != "undefined" && ((e = process.env) != null && e.DEBUG) && String(process.env.DEBUG) == "true" && r.log(o);
+}
+export {
+  t as logFetch
+};

package/lib/browser/functions/register-component.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=t=>({type:"builder.registerComponent",data:r(t)}),s=t=>{const n=t.toString().trim();return`return (${!n.startsWith("function")&&!n.startsWith("(")?"function ":""}${n}).apply(this, arguments)`};function r(t){return JSON.parse(JSON.stringify(t,(n,e)=>typeof e=="function"?s(e):e))}exports.createRegisterComponentMessage=i;exports.serializeIncludingFunctions=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=t=>({type:"builder.registerComponent",data:r(t)}),s=t=>{const n=t.toString().trim(),e=/^[a-zA-Z0-9_]+\s*=>/i.test(n);return`return (${!n.startsWith("function")&&!n.startsWith("(")&&!e?"function ":""}${n}).apply(this, arguments)`};function r(t){return JSON.parse(JSON.stringify(t,(n,e)=>typeof e=="function"?s(e):e))}exports.createRegisterComponentMessage=i;exports.serializeIncludingFunctions=r;

package/lib/browser/functions/register-component.mjs

@@ -1,14 +1,14 @@
-const s = (t) => ({
+const o = (t) => ({
   type: "builder.registerComponent",
   data: i(t)
-}), r = (t) => {
-  const n = t.toString().trim();
-  return `return (${!n.startsWith("function") && !n.startsWith("(") ? "function " : ""}${n}).apply(this, arguments)`;
+}), e = (t) => {
+  const n = t.toString().trim(), r = /^[a-zA-Z0-9_]+\s*=>/i.test(n);
+  return `return (${!n.startsWith("function") && !n.startsWith("(") && !r ? "function " : ""}${n}).apply(this, arguments)`;
 };
 function i(t) {
-  return JSON.parse(JSON.stringify(t, (n, e) => typeof e == "function" ? r(e) : e));
+  return JSON.parse(JSON.stringify(t, (n, r) => typeof r == "function" ? e(r) : r));
 }
 export {
-  s as createRegisterComponentMessage,
+  o as createRegisterComponentMessage,
   i as serializeIncludingFunctions
 };

package/lib/browser/functions/track/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../constants/target.cjs"),a=require("../../helpers/logger.cjs"),c=require("../../helpers/sdk-headers.cjs"),d=require("../../helpers/sessionId.cjs"),u=require("../../helpers/visitorId.cjs"),g=require("../is-browser.cjs"),l=require("../is-editing.cjs"),y=require("./helpers.cjs"),I=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await d.getSessionId({canTrack:e}),r=u.getVisitorId({canTrack:e});return{sessionId:t,visitorId:r}},k=async({type:e,canTrack:t,apiKey:r,metadata:i,...o})=>({type:e,data:{...o,metadata:{url:location.href,...i},...await I({canTrack:t}),userAttributes:y.getUserAttributes(),ownerId:r}});async function s({apiHost:e,...t}){if(!t.apiKey){a.logger.error("Missing API key for track call. Please provide your API key.");return}return!t.canTrack||l.isEditing()||!(g.isBrowser()||n.TARGET==="reactNative")?void 0:fetch(`${e||"https://cdn.builder.io"}/api/v1/track`,{method:"POST",body:JSON.stringify({events:[await k(t)]}),headers:{"content-type":"application/json",...c.getSdkHeaders()},mode:"cors"}).catch(i=>{console.error("Failed to track: ",i)})}const f=e=>s({...e,canTrack:!0});exports._track=s;exports.track=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../constants/target.cjs"),a=require("../../helpers/logger.cjs"),c=require("../../helpers/sdk-headers.cjs"),d=require("../../helpers/sessionId.cjs"),u=require("../../helpers/visitorId.cjs"),l=require("../is-browser.cjs"),g=require("../is-editing.cjs"),y=require("../log-fetch.cjs"),I=require("./helpers.cjs"),k=async({canTrack:e})=>{if(!e)return{visitorId:void 0,sessionId:void 0};const t=await d.getSessionId({canTrack:e}),r=u.getVisitorId({canTrack:e});return{sessionId:t,visitorId:r}},f=async({type:e,canTrack:t,apiKey:r,metadata:s,...i})=>({type:e,data:{...i,metadata:{url:location.href,...s},...await k({canTrack:t}),userAttributes:I.getUserAttributes(),ownerId:r}});async function o({apiHost:e,...t}){if(!t.apiKey){a.logger.error("Missing API key for track call. Please provide your API key.");return}if(!t.canTrack||g.isEditing()||!(l.isBrowser()||n.TARGET==="reactNative"))return;const s=`${e||"https://cdn.builder.io"}/api/v1/track`;return y.logFetch(s),fetch(s,{method:"POST",body:JSON.stringify({events:[await f(t)]}),headers:{"content-type":"application/json",...c.getSdkHeaders()},mode:"cors"}).catch(i=>{console.error("Failed to track: ",i)})}const v=e=>o({...e,canTrack:!0});exports._track=o;exports.track=v;

package/lib/browser/functions/track/index.mjs

@@ -1,12 +1,13 @@
-import { TARGET as a } from "../../constants/target.mjs";
-import { logger as s } from "../../helpers/logger.mjs";
+import { TARGET as s } from "../../constants/target.mjs";
+import { logger as a } from "../../helpers/logger.mjs";
 import { getSdkHeaders as n } from "../../helpers/sdk-headers.mjs";
 import { getSessionId as c } from "../../helpers/sessionId.mjs";
 import { getVisitorId as d } from "../../helpers/visitorId.mjs";
 import { isBrowser as m } from "../is-browser.mjs";
 import { isEditing as f } from "../is-editing.mjs";
-import { getUserAttributes as p } from "./helpers.mjs";
-const u = async ({
+import { logFetch as p } from "../log-fetch.mjs";
+import { getUserAttributes as u } from "./helpers.mjs";
+const l = async ({
   canTrack: t
 }) => {
   if (!t)
@@ -23,7 +24,7 @@ const u = async ({
     sessionId: r,
     visitorId: e
   };
-}, l = async ({
+}, g = async ({
   type: t,
   canTrack: r,
   apiKey: e,
@@ -37,10 +38,10 @@ const u = async ({
       url: location.href,
       ...o
     },
-    ...await u({
+    ...await l({
       canTrack: r
     }),
-    userAttributes: p(),
+    userAttributes: u(),
     ownerId: e
   }
 });
@@ -49,28 +50,31 @@ async function y({
   ...r
 }) {
   if (!r.apiKey) {
-    s.error("Missing API key for track call. Please provide your API key.");
+    a.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  return !r.canTrack || f() || !(m() || a === "reactNative") ? void 0 : fetch(`${t || "https://cdn.builder.io"}/api/v1/track`, {
+  if (!r.canTrack || f() || !(m() || s === "reactNative"))
+    return;
+  const o = `${t || "https://cdn.builder.io"}/api/v1/track`;
+  return p(o), fetch(o, {
     method: "POST",
     body: JSON.stringify({
-      events: [await l(r)]
+      events: [await g(r)]
     }),
     headers: {
       "content-type": "application/json",
       ...n()
     },
     mode: "cors"
-  }).catch((o) => {
-    console.error("Failed to track: ", o);
+  }).catch((i) => {
+    console.error("Failed to track: ", i);
   });
 }
-const E = (t) => y({
+const T = (t) => y({
   ...t,
   canTrack: !0
 });
 export {
   y as _track,
-  E as track
+  T as track
 };

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

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

package/lib/edge/components/blocks/blocks-wrapper.cjs

@@ -1,4 +1,4 @@
-"use client";"use strict";const l=require("react/jsx-runtime"),c=require("react"),i=require("../../functions/is-editing.cjs");function d(e){const r=c.useRef(null);function s(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function a(){var t,n;i.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}function o(){var t,n;i.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}return c.useEffect(()=>{},[]),l.jsxs(l.Fragment,{children:[l.jsx(e.BlocksWrapper,{ref:r,className:s()+" props-blocks-wrapper-43ec7ac8","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>a(),onMouseEnter:t=>o(),onKeyPress:t=>a(),...e.BlocksWrapperProps,children:e.children}),l.jsx("style",{children:`.props-blocks-wrapper-43ec7ac8 {
+"use client";"use strict";const a=require("react/jsx-runtime"),l=require("react"),s=require("../../functions/is-editing.cjs");function d(e){const c=l.useRef(null);function o(){var t;return["builder-blocks",(t=e.blocks)!=null&&t.length?"":"no-blocks",e.classNameProp].filter(Boolean).join(" ")}function i(){if(!e.path)return;const t="component.options.";return e.path.startsWith(t)?e.path:`${t}${e.path||""}`}function r(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:i()}},"*"))}function u(){var t,n;s.isEditing()&&!((t=e.blocks)!=null&&t.length)&&((n=window.parent)==null||n.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:i()}},"*"))}return l.useEffect(()=>{},[]),a.jsxs(a.Fragment,{children:[a.jsx(e.BlocksWrapper,{ref:c,className:o()+" props-blocks-wrapper-215a41e0","builder-path":i(),"builder-parent-id":e.parent,style:e.styleProp,onClick:t=>r(),onMouseEnter:t=>u(),onKeyPress:t=>r(),...e.BlocksWrapperProps,children:e.children}),a.jsx("style",{children:`.props-blocks-wrapper-215a41e0 {
   display: flex;
   flex-direction: column;
   align-items: stretch;

package/lib/edge/components/blocks/blocks-wrapper.mjs

@@ -1,10 +1,10 @@
 "use client";
-import { jsxs as s, Fragment as d, jsx as a } from "react/jsx-runtime";
-import { useRef as u, useEffect as f } from "react";
-import { isEditing as r } from "../../functions/is-editing.mjs";
-function h(e) {
-  const c = u(null);
-  function i() {
+import { jsxs as d, Fragment as u, jsx as r } from "react/jsx-runtime";
+import { useRef as f, useEffect as h } from "react";
+import { isEditing as i } from "../../functions/is-editing.mjs";
+function b(e) {
+  const o = f(null);
+  function c() {
     var t;
     return [
       "builder-blocks",
@@ -12,50 +12,56 @@ function h(e) {
       e.classNameProp
     ].filter(Boolean).join(" ");
   }
+  function a() {
+    if (!e.path)
+      return;
+    const t = "component.options.";
+    return e.path.startsWith(t) ? e.path : `${t}${e.path || ""}`;
+  }
   function l() {
     var t, n;
-    r() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
+    i() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
       {
         type: "builder.clickEmptyBlocks",
         data: {
           parentElementId: e.parent,
-          dataPath: e.path
+          dataPath: a()
         }
       },
       "*"
     ));
   }
-  function o() {
+  function s() {
     var t, n;
-    r() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
+    i() && !((t = e.blocks) != null && t.length) && ((n = window.parent) == null || n.postMessage(
       {
         type: "builder.hoverEmptyBlocks",
         data: {
           parentElementId: e.parent,
-          dataPath: e.path
+          dataPath: a()
         }
       },
       "*"
     ));
   }
-  return f(() => {
-  }, []), /* @__PURE__ */ s(d, { children: [
-    /* @__PURE__ */ a(
+  return h(() => {
+  }, []), /* @__PURE__ */ d(u, { children: [
+    /* @__PURE__ */ r(
       e.BlocksWrapper,
       {
-        ref: c,
-        className: i() + " props-blocks-wrapper-43ec7ac8",
-        "builder-path": e.path,
+        ref: o,
+        className: c() + " props-blocks-wrapper-215a41e0",
+        "builder-path": a(),
         "builder-parent-id": e.parent,
         style: e.styleProp,
         onClick: (t) => l(),
-        onMouseEnter: (t) => o(),
+        onMouseEnter: (t) => s(),
         onKeyPress: (t) => l(),
         ...e.BlocksWrapperProps,
         children: e.children
       }
     ),
-    /* @__PURE__ */ a("style", { children: `.props-blocks-wrapper-43ec7ac8 {
+    /* @__PURE__ */ r("style", { children: `.props-blocks-wrapper-215a41e0 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -63,5 +69,5 @@ function h(e) {
   ] });
 }
 export {
-  h as default
+  b as default
 };

package/lib/edge/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"),U=require("../../../functions/register-component.cjs"),P=require("../../../functions/track/index.cjs"),O=require("../../../functions/track/interaction.cjs"),y=require("../../../helpers/canTrack.cjs"),F=require("../../../helpers/preview-lru-cache/set.cjs"),$=require("../../../helpers/subscribe-to-editor.cjs"),H=require("../../../scripts/init-editing.cjs"),z=require("../../block/animator.cjs"),G=require("./styles.helpers.cjs"),J=require("next/navigation");function Q(e){var q,w,I;const d=o.useRef(null);function f(n){var a,i;const t={...e.builderContextSignal.rootState,...n};e.builderContextSignal.rootSetState?(i=(a=e.builderContextSignal).rootSetState)==null||i.call(a,t):e.builderContextSignal.rootState=t}function b(n){var a,i,r,c,u;const t={...e.builderContextSignal.content,...n,data:{...(a=e.builderContextSignal.content)==null?void 0:a.data,...n==null?void 0:n.data},meta:{...(i=e.builderContextSignal.content)==null?void 0:i.meta,...n==null?void 0:n.meta,breakpoints:((r=n==null?void 0:n.meta)==null?void 0:r.breakpoints)||((u=(c=e.builderContextSignal.content)==null?void 0:c.meta)==null?void 0:u.breakpoints)}};F.postPreviewContent({value:t,key:t.id}).then(()=>{V.refresh()})}function L(){return e.showContent?{}:{hidden:!0,"aria-hidden":!0}}const[K,X]=o.useState(()=>e.contentWrapper||"div");function S(n){return $.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:t=>{var r;const{breakpoints:a,contentId:i}=t;!i||i!==((r=e.builderContextSignal.content)==null?void 0:r.id)||a&&b({meta:{breakpoints:a}})},animation:t=>{z.triggerAnimation(t)},contentUpdate:t=>{b(t)}}})(n)}const[v,Y]=o.useState(()=>({})),[m,Z]=o.useState(()=>({})),[h,T]=o.useState(()=>!1);function _(n){var t,a;if(e.builderContextSignal.content){const i=(t=e.builderContextSignal.content)==null?void 0:t.testVariationId,r=(a=e.builderContextSignal.content)==null?void 0:a.id;P._track({apiHost:e.apiHost,type:"click",canTrack:y.getDefaultCanTrack(e.canTrack),contentId:r,apiKey:e.apiKey,variationId:i!==r?i:void 0,...O.getInteractionPropertiesForEvent(n),unique:!h})}h||T(!0)}function j(){var t,a,i;const n=(i=(a=(t=e.builderContextSignal.content)==null?void 0:t.data)==null?void 0:a.httpRequests)!=null?i:{};Object.entries(n).forEach(([r,c])=>{if(!c||m[r]||v[r]&&!g.isEditing())return;m[r]=!0;const u=c.replace(/{{([^}]+)}}/g,(s,M)=>String(W.evaluate({code:M,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})));fetch(u).then(s=>s.json()).then(s=>{f({[r]:s}),v[r]=!0}).catch(s=>{console.error("error fetching dynamic data",c,s)}).finally(()=>{m[r]=!1})})}function l(){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 a=U.createRegisterComponentMessage(t);(i=window.parent)==null||i.postMessage(a,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",l)}function x(n){const t=new URL(location.href).searchParams,a=t.get("builder.preview"),i=t.get(`builder.overrides.${a}`),r=t.get("apiKey")||t.get("builder.space");a===e.model&&r===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=J.useRouter(),C=o.useRef(!1);return C.current||(j(),l(),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(R.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,r=(t=e.builderContextSignal.content)==null?void 0:t.id,c=e.apiKey;P._track({apiHost:e.apiHost,type:"impression",canTrack:!0,contentId:r,apiKey:c,variationId:i!==r?i:void 0})}D.isPreviewing()&&g.isEditing()}},[]),o.useEffect(()=>{},[e.content]),o.useEffect(()=>{l()},[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",l))},[]),k.jsx(N.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?k.jsx(K,{ref:d,onClick:n=>_(n),"builder-content-id":(q=e.builderContextSignal.content)==null?void 0:q.id,"builder-model":e.model,className:G.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=Q;
+"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;