@builder.io/sdk-react-nextjs 0.16.3 → 0.16.4

package/lib/browser/blocks-exports.mjs

@@ -3,15 +3,15 @@ var Ae = Object.defineProperty;
 var Ve = (e, t, n) => t in e ? Ae(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var ee = (e, t, n) => (Ve(e, typeof t != "symbol" ? t + "" : t, n), n);
 import { jsx as l, Fragment as C, jsxs as E } from "react/jsx-runtime";
-import { TARGET as M, isEditing as V, isBrowser as L, getUserAttributes as $e, checkIsDefined as z, logger as J, init as Fe, getDefaultCanTrack as q, _track as ue, isPreviewing as Le, createEditorListener as Oe, fetch as De, registerInsertMenu as je, setupBrowserForEditing as He, createRegisterComponentMessage as Me, fetchOneEntry as ke, serializeComponentInfo as me, handleABTestingSync as Ue } from "./server-entry-b8ecec52.js";
-import { useRef as ie, useState as A, useEffect as R, createContext as _e } from "react";
+import { TARGET as M, isEditing as V, isBrowser as L, getUserAttributes as $e, checkIsDefined as z, logger as J, init as Fe, getDefaultCanTrack as q, _track as ue, isPreviewing as Le, createEditorListener as Oe, fetch as De, registerInsertMenu as je, setupBrowserForEditing as He, createRegisterComponentMessage as Me, fetchOneEntry as ke, serializeComponentInfo as me, handleABTestingSync as Ue } from "./server-entry-3336d7c2.js";
+import { useEffect as R, useRef as ie, useState as A, createContext as _e } from "react";
 import { useRouter as Ke } from "next/navigation";
 import "lru-cache";
 const ze = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), qe = (e) => typeof e == "string" && ze.has(e.toLowerCase());
 function oe(e) {
   return /* @__PURE__ */ l(C, { children: qe(e.TagName) ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(C, { children: typeof e.TagName == "string" ? /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
 }
-const j = () => {
+const H = () => {
   switch (M) {
     case "react":
     case "reactNative":
@@ -29,7 +29,7 @@ function Ye(e) {
   function t() {
     return {
       ...e.attributes,
-      [j()]: `${e.link ? "" : "builder-button"} ${e.attributes[j()] || ""}`,
+      [H()]: `${e.link ? "" : "builder-button"} ${e.attributes[H()] || ""}`,
       ...e.link ? {
         href: e.link,
         target: e.openLinkInNewTab ? "_blank" : void 0,
@@ -75,7 +75,7 @@ const Qe = ({
   getUserAttributes: () => $e()
 }), Xe = (e, {
   isExpression: t = !0
-}) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, he = ({
+}) => /* we disable this for cases where we definitely don't want a return */ t && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) ? `return (${e});` : e, fe = ({
   code: e,
   builder: t,
   context: n,
@@ -131,7 +131,7 @@ const et = () => {
     return !1;
   const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (i = process.env.NODE_OPTIONS) == null ? void 0 : i.includes("--no-node-snapshot");
   return e && t && !n ? (J.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
-}, tt = (e) => (L() || et(), he(e)), N = class N {
+}, tt = (e) => (L() || et(), fe(e)), N = class N {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -151,7 +151,7 @@ const et = () => {
 };
 ee(N, "cacheLimit", 20), ee(N, "cache", /* @__PURE__ */ new Map());
 let F = N;
-function H({
+function O({
   code: e,
   context: t,
   localState: n,
@@ -218,7 +218,7 @@ const it = ({
     }
   };
   for (const c in e.bindings) {
-    const s = e.bindings[c], d = H({
+    const s = e.bindings[c], d = O({
       code: s,
       localState: n,
       rootState: i,
@@ -322,7 +322,7 @@ const ct = ({
   } = e;
   if (!(n != null && n.collection))
     return;
-  const o = H({
+  const o = O({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -382,7 +382,7 @@ const ct = ({
     default: 991,
     max: 1200
   }
-}, fe = (e, t = Te) => `@media (max-width: ${t[e].max}px)`, Re = ({
+}, he = (e, t = Te) => `@media (max-width: ${t[e].max}px)`, Re = ({
   small: e,
   medium: t
 }) => {
@@ -419,7 +419,7 @@ function Q(e) {
     }
   );
 }
-function ht(e) {
+function ft(e) {
   const t = function() {
     const o = Y({
       block: e.block,
@@ -431,7 +431,7 @@ function ht(e) {
     });
     return z(o.hide) ? !o.hide : z(o.show) ? o.show : !0;
   }, n = function() {
-    var v, y, p;
+    var x, y, p;
     const o = Y({
       block: e.block,
       localState: e.context.localState,
@@ -440,24 +440,24 @@ function ht(e) {
       context: e.context.context,
       shouldEvaluateBindings: !0
     }), a = o.responsiveStyles, r = e.context.content, c = Re(
-      ((v = r == null ? void 0 : r.meta) == null ? void 0 : v.breakpoints) || {}
+      ((x = r == null ? void 0 : r.meta) == null ? void 0 : x.breakpoints) || {}
     ), s = a == null ? void 0 : a.large, d = a == null ? void 0 : a.medium, m = a == null ? void 0 : a.small, u = o.id;
     if (!u)
       return "";
-    const f = s ? _({
+    const h = s ? _({
       className: u,
       styles: s
     }) : "", w = d ? _({
       className: u,
       styles: d,
-      mediaQuery: fe(
+      mediaQuery: he(
         "medium",
         c
       )
     }) : "", I = m ? _({
       className: u,
       styles: m,
-      mediaQuery: fe(
+      mediaQuery: he(
         "small",
         c
       )
@@ -477,7 +477,7 @@ function ht(e) {
       }) || "";
     }
     return [
-      f,
+      h,
       w,
       I,
       P
@@ -492,10 +492,10 @@ function ht(e) {
     }
   ) }) : null });
 }
-function ft(e) {
+function ht(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const gt = (e) => `on${ft(e)}`, bt = (e, t) => (n) => H({
+const gt = (e) => `on${ht(e)}`, bt = (e, t) => (n) => O({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -531,7 +531,7 @@ function yt({
 }) {
   return e;
 }
-const vt = (e) => ({
+const xt = (e) => ({
   href: e.href
 });
 function ce({
@@ -540,14 +540,14 @@ function ce({
 }) {
   var i;
   const n = {
-    ...vt(e),
+    ...xt(e),
     ...e.properties,
     "builder-id": e.id,
     style: rt({
       block: e,
       context: t
     }),
-    [j()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
+    [H()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
   };
   return yt({
     properties: n,
@@ -576,7 +576,7 @@ function St(e) {
     }
   );
 }
-function xt(e) {
+function vt(e) {
   function t() {
     return e.includeBlockProps ? {
       ...ce({
@@ -626,7 +626,7 @@ const pt = ({
 };
 function ge(e) {
   var n;
-  const t = e.isInteractive ? xt : e.componentRef;
+  const t = e.isInteractive ? vt : e.componentRef;
   return /* @__PURE__ */ l(C, { children: e.componentRef ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(
     t,
     {
@@ -679,8 +679,8 @@ function G(e) {
       context: e.context
     });
   }, i = function() {
-    var f;
-    return (f = e.block.repeat) != null && f.collection ? e.block : Y({
+    var h;
+    return (h = e.block.repeat) != null && h.collection ? e.block : Y({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -695,15 +695,15 @@ function G(e) {
     var I, b;
     if ((I = e.block.repeat) != null && I.collection)
       return !!((b = n()) != null && b.length);
-    const f = "hide" in i() ? i().hide : !1;
-    return ("show" in i() ? i().show : !0) && !f;
+    const h = "hide" in i() ? i().hide : !1;
+    return ("show" in i() ? i().show : !0) && !h;
   }, r = function() {
     var w, I;
     return !((w = t()) != null && w.component) && !n() ? (I = i().children) != null ? I : [] : [];
   }, c = function() {
-    var f, w, I, b;
+    var h, w, I, b;
     return {
-      blockChildren: (f = i().children) != null ? f : [],
+      blockChildren: (h = i().children) != null ? h : [],
       componentRef: (w = t()) == null ? void 0 : w.component,
       componentOptions: {
         ...Je(i()),
@@ -724,7 +724,7 @@ function G(e) {
     };
   };
   return /* @__PURE__ */ l(C, { children: a() ? /* @__PURE__ */ E(C, { children: [
-    /* @__PURE__ */ l(ht, { block: e.block, context: e.context }),
+    /* @__PURE__ */ l(ft, { block: e.block, context: e.context }),
     (s = t()) != null && s.noWrap ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(
       ge,
       {
@@ -738,7 +738,7 @@ function G(e) {
         includeBlockProps: c().includeBlockProps,
         isInteractive: c().isInteractive
       }
-    ) }) : /* @__PURE__ */ l(C, { children: n() ? /* @__PURE__ */ l(C, { children: (m = n()) == null ? void 0 : m.map((u, f) => /* @__PURE__ */ l(
+    ) }) : /* @__PURE__ */ l(C, { children: n() ? /* @__PURE__ */ l(C, { children: (m = n()) == null ? void 0 : m.map((u, h) => /* @__PURE__ */ l(
       kt,
       {
         repeatContext: u.context,
@@ -746,7 +746,7 @@ function G(e) {
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
-      f
+      h
     )) }) : /* @__PURE__ */ E(
       St,
       {
@@ -890,7 +890,7 @@ function It(e) {
       })
     };
   }, u = function(y) {
-    const p = y === 0 ? 0 : t, T = r(y), W = `${p}px`, O = "100%", D = 0;
+    const p = y === 0 ? 0 : t, T = r(y), W = `${p}px`, D = "100%", j = 0;
     return {
       ...{
         display: "flex",
@@ -900,23 +900,23 @@ function It(e) {
       width: T,
       ["marginLeft"]: W,
       "--column-width-mobile": s({
-        stackedStyle: O,
+        stackedStyle: D,
         desktopStyle: T
       }),
       "--column-margin-left-mobile": s({
-        stackedStyle: D,
+        stackedStyle: j,
         desktopStyle: W
       }),
       "--column-width-tablet": c({
-        stackedStyle: O,
+        stackedStyle: D,
         desktopStyle: T
       }),
       "--column-margin-left-tablet": c({
-        stackedStyle: D,
+        stackedStyle: j,
         desktopStyle: W
       })
     };
-  }, f = function(y) {
+  }, h = function(y) {
     var T, W;
     return Re(
       ((W = (T = e.builderContext.content) == null ? void 0 : T.meta) == null ? void 0 : W.breakpoints) || {}
@@ -924,7 +924,7 @@ function It(e) {
   }, w = function() {
     const y = `.${e.builderBlock.id}-breakpoints > .builder-column`;
     return `
-        @media (max-width: ${f("medium")}px) {
+        @media (max-width: ${h("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -936,7 +936,7 @@ function It(e) {
           }
         }
 
-        @media (max-width: ${f("small")}px) {
+        @media (max-width: ${h("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -953,7 +953,7 @@ function It(e) {
       ...y.link ? {
         href: y.link
       } : {},
-      [j()]: "builder-column",
+      [H()]: "builder-column",
       style: Ie(u(p))
     };
   };
@@ -972,12 +972,12 @@ function It(e) {
               nonce: e.builderContext.nonce
             }
           ),
-          (P = e.columns) == null ? void 0 : P.map((v, y) => /* @__PURE__ */ l(
+          (P = e.columns) == null ? void 0 : P.map((x, y) => /* @__PURE__ */ l(
             oe,
             {
-              TagName: o(v),
+              TagName: o(x),
               actionAttributes: {},
-              attributes: I(v, y),
+              attributes: I(x, y),
               children: /* @__PURE__ */ l(
                 le,
                 {
@@ -989,7 +989,7 @@ function It(e) {
                   context: e.builderContext,
                   registeredComponents: e.builderComponents,
                   linkComponent: e.builderLinkComponent,
-                  blocks: v.blocks
+                  blocks: x.blocks
                 }
               )
             },
@@ -1040,14 +1040,14 @@ function te(e) {
 function Pt(e) {
   var o, a, r, c, s, d;
   function t() {
-    var f;
+    var h;
     const u = e.image || e.src;
     if (!u || // We can auto add srcset for cdn.builder.io and shopify
     // images, otherwise you can supply this prop manually
     !(u.match(/builder\.io/) || u.match(/cdn\.shopify\.com/)))
       return e.srcset;
     if (!e.noWebp) {
-      if (e.srcset && ((f = e.image) != null && f.includes("builder.io/api/v1/image"))) {
+      if (e.srcset && ((h = e.image) != null && h.includes("builder.io/api/v1/image"))) {
         if (!e.srcset.includes(e.image.split("?")[0]))
           return console.debug("Removed given srcset"), te(u);
       } else if (e.image && !e.srcset)
@@ -1069,7 +1069,8 @@ function Pt(e) {
     };
     return e.aspectRatio ? m : void 0;
   }
-  return /* @__PURE__ */ E(C, { children: [
+  return R(() => {
+  }, []), /* @__PURE__ */ E(C, { children: [
     /* @__PURE__ */ E(C, { children: [
       /* @__PURE__ */ E("picture", { children: [
         n() ? /* @__PURE__ */ l("source", { type: "image/webp", srcSet: n() }) : null,
@@ -1085,7 +1086,7 @@ function Pt(e) {
               objectFit: e.backgroundSize || "cover",
               ...i()
             },
-            className: "builder-image" + (e.className ? " " + e.className : "") + " img-56bbd606",
+            className: "builder-image" + (e.className ? " " + e.className : "") + " img-2d6925f2",
             src: e.image,
             srcSet: t(),
             sizes: e.sizes
@@ -1095,23 +1096,23 @@ function Pt(e) {
       e.aspectRatio && !((a = (o = e.builderBlock) == null ? void 0 : o.children) != null && a.length && e.fitContent) ? /* @__PURE__ */ l(
         "div",
         {
-          className: "builder-image-sizer div-56bbd606",
+          className: "builder-image-sizer div-2d6925f2",
           style: {
             paddingTop: e.aspectRatio * 100 + "%"
           }
         }
       ) : null,
       (c = (r = e.builderBlock) == null ? void 0 : r.children) != null && c.length && e.fitContent ? /* @__PURE__ */ l(C, { children: e.children }) : null,
-      !e.fitContent && ((d = (s = e.builderBlock) == null ? void 0 : s.children) != null && d.length) ? /* @__PURE__ */ l("div", { className: "div-56bbd606-2", children: e.children }) : null
+      !e.fitContent && ((d = (s = e.builderBlock) == null ? void 0 : s.children) != null && d.length) ? /* @__PURE__ */ l("div", { className: "div-2d6925f2-2", children: e.children }) : null
     ] }),
-    /* @__PURE__ */ l("style", { children: `.img-56bbd606 {
+    /* @__PURE__ */ l("style", { children: `.img-2d6925f2 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-56bbd606 {
+}.div-2d6925f2 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-56bbd606-2 {
+}.div-2d6925f2-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1419,8 +1420,8 @@ const Wt = {
           let u = !1;
           m.onload = () => {
             u = !0, s(m);
-          }, m.addEventListener("error", (f) => {
-            console.warn("Image load failed", f.error), d(f.error);
+          }, m.addEventListener("error", (h) => {
+            console.warn("Image load failed", h.error), d(h.error);
           }), m.src = r, setTimeout(() => {
             u || d(new Error("Image load timed out"));
           }, c);
@@ -1621,7 +1622,8 @@ const Ot = {
   }
 }, Dt = {
   shouldReceiveBuilderProps: {
-    builderBlock: !1
+    builderBlock: !1,
+    builderContext: !0
   },
   name: "Text",
   static: !0,
@@ -1642,12 +1644,30 @@ const Ot = {
   }
 };
 function jt(e) {
-  var t;
   return /* @__PURE__ */ l(
     "div",
     {
       className: "builder-text",
-      dangerouslySetInnerHTML: { __html: ((t = e.text) == null ? void 0 : t.toString()) || "" },
+      dangerouslySetInnerHTML: { __html: function() {
+        var s;
+        const i = e.builderContext, {
+          context: o,
+          localState: a,
+          rootState: r,
+          rootSetState: c
+        } = i;
+        return String(((s = e.text) == null ? void 0 : s.toString()) || "").replace(
+          /{{([^}]+)}}/g,
+          (d, m) => O({
+            code: m,
+            context: o,
+            localState: a,
+            rootState: r,
+            rootSetState: c,
+            enableCache: !1
+          })
+        );
+      }() },
       style: {
         outline: "none"
       }
@@ -1741,13 +1761,13 @@ function zt(e) {
       const u = d[m];
       if (u.src && !n.includes(u.src)) {
         n.push(u.src);
-        const f = document.createElement("script");
-        f.async = !0, f.src = u.src, document.head.appendChild(f);
+        const h = document.createElement("script");
+        h.async = !0, h.src = u.src, document.head.appendChild(h);
       } else if (Kt(u) && !o.includes(u.innerText))
         try {
           o.push(u.innerText), new Function(u.innerText)();
-        } catch (f) {
-          console.warn("`Embed`: Error running script:", f);
+        } catch (h) {
+          console.warn("`Embed`: Error running script:", h);
         }
     }
   }
@@ -2148,7 +2168,7 @@ const rn = _e({
   BlocksWrapperProps: {},
   nonce: ""
 });
-function ve(e) {
+function xe(e) {
   return Math.round(e * 1e3) / 1e3;
 }
 const cn = (e, t, n = !0) => {
@@ -2169,7 +2189,7 @@ const cn = (e, t, n = !0) => {
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = ve(i / n.width), r = ve(o / n.height);
+  const n = t.getBoundingClientRect(), i = e.clientX - n.left, o = e.clientY - n.top, a = xe(i / n.width), r = xe(o / n.height);
   return {
     x: a,
     y: r
@@ -2197,7 +2217,7 @@ async function dn({
 }) {
   return Fe(), globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e, t), { [e]: t };
 }
-function xe(e, ...t) {
+function ve(e, ...t) {
   const n = Object(e);
   for (let i = 1; i < arguments.length; i++) {
     const o = arguments[i];
@@ -2211,27 +2231,27 @@ function un(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
 function mn(e, t) {
-  const n = hn(e), i = getComputedStyle(t), o = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, r = [o, a];
+  const n = fn(e), i = getComputedStyle(t), o = e.steps[0].styles, a = e.steps[e.steps.length - 1].styles, r = [o, a];
   for (const c of r)
     for (const s of n)
       s in c || (c[s] = i[s]);
 }
-function hn(e) {
+function fn(e) {
   const t = [];
   for (const n of e.steps)
     for (const i in n.styles)
       t.indexOf(i) === -1 && t.push(i);
   return t;
 }
-function fn(e) {
+function hn(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
     un(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    mn(e, n), n.style.transition = "none", n.style.transitionDelay = "0", xe(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${re(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), xe(n.style, e.steps[1].styles), setTimeout(() => {
+    mn(e, n), n.style.transition = "none", n.style.transitionDelay = "0", ve(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${re(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), ve(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
@@ -2271,7 +2291,7 @@ font-weight: ${c};
 }, yn = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", vn = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", xn = `
 .builder-button {
   all: unset;
 }
@@ -2288,21 +2308,21 @@ font-weight: ${c};
   text-align: inherit;
   font-family: inherit;
 }
-`, Sn = (e) => e ? "" : vn, xn = (e) => `variant-${e}`;
+`, Sn = (e) => e ? "" : xn, vn = (e) => `variant-${e}`;
 function pn(e) {
-  var W, O, D, X, Z, se, de;
+  var W, D, j, X, Z, se, de;
   const t = ie(null);
   function n(g) {
-    var S, x;
-    const h = {
+    var S, v;
+    const f = {
       ...e.builderContextSignal.rootState,
       ...g
     };
-    e.builderContextSignal.rootSetState ? (x = (S = e.builderContextSignal).rootSetState) == null || x.call(S, h) : e.builderContextSignal.rootState = h;
+    e.builderContextSignal.rootSetState ? (v = (S = e.builderContextSignal).rootSetState) == null || v.call(S, f) : e.builderContextSignal.rootState = f;
   }
   function i(g) {
-    var S, x, k, B, U;
-    const h = {
+    var S, v, k, B, U;
+    const f = {
       ...e.builderContextSignal.content,
       ...g,
       data: {
@@ -2310,14 +2330,14 @@ function pn(e) {
         ...g == null ? void 0 : g.data
       },
       meta: {
-        ...(x = e.builderContextSignal.content) == null ? void 0 : x.meta,
+        ...(v = e.builderContextSignal.content) == null ? void 0 : v.meta,
         ...g == null ? void 0 : g.meta,
         breakpoints: ((k = g == null ? void 0 : g.meta) == null ? void 0 : k.breakpoints) || ((U = (B = e.builderContextSignal.content) == null ? void 0 : B.meta) == null ? void 0 : U.breakpoints)
       }
     };
     dn({
-      value: h,
-      key: h.id
+      value: f,
+      key: f.id
     }).then(() => {
       T.refresh();
     });
@@ -2336,28 +2356,28 @@ function pn(e) {
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
-        configureSdk: (h) => {
+        configureSdk: (f) => {
           var k;
-          const { breakpoints: S, contentId: x } = h;
-          !x || x !== ((k = e.builderContextSignal.content) == null ? void 0 : k.id) || S && i({
+          const { breakpoints: S, contentId: v } = f;
+          !v || v !== ((k = e.builderContextSignal.content) == null ? void 0 : k.id) || S && i({
             meta: {
               breakpoints: S
             }
           });
         },
-        animation: (h) => {
-          fn(h);
+        animation: (f) => {
+          hn(f);
         },
-        contentUpdate: (h) => {
-          i(h);
+        contentUpdate: (f) => {
+          i(f);
         }
       }
     })(g);
   }
   function s() {
-    var h, S;
-    const g = (S = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : S.jsCode;
-    g && H({
+    var f, S;
+    const g = (S = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : S.jsCode;
+    g && O({
       code: g,
       context: e.context || {},
       localState: void 0,
@@ -2369,17 +2389,17 @@ function pn(e) {
       enableCache: !1
     });
   }
-  const [d, m] = A(() => ({})), [u, f] = A(() => ({})), [w, I] = A(() => !1);
+  const [d, m] = A(() => ({})), [u, h] = A(() => ({})), [w, I] = A(() => !1);
   function b(g) {
-    var h, S;
+    var f, S;
     if (e.builderContextSignal.content) {
-      const x = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId, k = (S = e.builderContextSignal.content) == null ? void 0 : S.id;
+      const v = (f = e.builderContextSignal.content) == null ? void 0 : f.testVariationId, k = (S = e.builderContextSignal.content) == null ? void 0 : S.id;
       ue({
         type: "click",
         canTrack: q(e.canTrack),
         contentId: k,
         apiKey: e.apiKey,
-        variationId: x !== k ? x : void 0,
+        variationId: v !== k ? v : void 0,
         ...sn(g),
         unique: !w
       });
@@ -2387,8 +2407,8 @@ function pn(e) {
     w || I(!0);
   }
   function P() {
-    var h, S, x;
-    const g = (x = (S = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : S.httpRequests) != null ? x : {};
+    var f, S, v;
+    const g = (v = (S = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : S.httpRequests) != null ? v : {};
     Object.entries(g).forEach(([k, B]) => {
       if (!B || u[k] || d[k] && !V())
         return;
@@ -2396,7 +2416,7 @@ function pn(e) {
       const U = B.replace(
         /{{([^}]+)}}/g,
         ($, Ne) => String(
-          H({
+          O({
             code: Ne,
             context: e.context || {},
             localState: void 0,
@@ -2417,7 +2437,7 @@ function pn(e) {
       });
     });
   }
-  function v() {
+  function x() {
     V() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
@@ -2445,20 +2465,20 @@ function pn(e) {
       } : {}
     }), Object.values(
       e.builderContextSignal.componentInfos
-    ).forEach((h) => {
-      var x;
-      const S = Me(h);
-      (x = window.parent) == null || x.postMessage(S, "*");
+    ).forEach((f) => {
+      var v;
+      const S = Me(f);
+      (v = window.parent) == null || v.postMessage(S, "*");
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
-      v
+      x
     );
   }
   function p(g) {
-    const h = new URL(location.href).searchParams, S = h.get("builder.preview"), x = h.get(
+    const f = new URL(location.href).searchParams, S = f.get("builder.preview"), v = f.get(
       `builder.overrides.${S}`
-    ), k = h.get("apiKey") || h.get("builder.space");
-    S === e.model && k === e.apiKey && (!e.content || x === e.content.id) && ke({
+    ), k = f.get("apiKey") || f.get("builder.space");
+    S === e.model && k === e.apiKey && (!e.content || v === e.content.id) && ke({
       model: e.model,
       apiKey: e.apiKey,
       apiVersion: e.builderContextSignal.apiVersion
@@ -2473,8 +2493,8 @@ function pn(e) {
       "initeditingbldr",
       y
     ), () => {
-      var h;
-      return (h = t.current) == null ? void 0 : h.removeEventListener(
+      var f;
+      return (f = t.current) == null ? void 0 : f.removeEventListener(
         "initeditingbldr",
         y
       );
@@ -2485,23 +2505,23 @@ function pn(e) {
       "initpreviewingbldr",
       p
     ), () => {
-      var h;
-      return (h = t.current) == null ? void 0 : h.removeEventListener(
+      var f;
+      return (f = t.current) == null ? void 0 : f.removeEventListener(
         "initpreviewingbldr",
         p
       );
     };
   }, []), R(() => {
-    var g, h;
+    var g, f;
     if (L()) {
       if (V() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && q(e.canTrack)) {
-        const x = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId, k = (h = e.builderContextSignal.content) == null ? void 0 : h.id, B = e.apiKey;
+        const v = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId, k = (f = e.builderContextSignal.content) == null ? void 0 : f.id, B = e.apiKey;
         ue({
           type: "impression",
           canTrack: !0,
           contentId: k,
           apiKey: B,
-          variationId: x !== k ? x : void 0
+          variationId: v !== k ? v : void 0
         });
       }
       Le() && V();
@@ -2509,14 +2529,14 @@ function pn(e) {
   }, []), R(() => {
     e.apiKey || J.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), s(), P(), v();
+    ), s(), P(), x();
   }, []), R(() => {
   }, [e.content]), R(() => {
     s();
-  }, [(O = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : O.jsCode]), R(() => {
+  }, [(D = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : D.jsCode]), R(() => {
     P();
-  }, [(X = (D = e.builderContextSignal.content) == null ? void 0 : D.data) == null ? void 0 : X.httpRequests]), R(() => {
-    v();
+  }, [(X = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : X.httpRequests]), R(() => {
+    x();
   }, [e.builderContextSignal.rootState]), R(() => {
     e.data && n(e.data);
   }, [e.data]), R(() => {
@@ -2526,7 +2546,7 @@ function pn(e) {
   }, [e.locale]), R(() => () => {
     L() && (window.removeEventListener("message", c), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      v
+      x
     ));
   }, []), /* @__PURE__ */ l(rn.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ l(
     a,
@@ -2537,7 +2557,7 @@ function pn(e) {
       "builder-model": e.model,
       ...o(),
       ...e.contentWrapperProps,
-      className: xn(
+      className: vn(
         ((se = e.content) == null ? void 0 : se.testVariationId) || ((de = e.content) == null ? void 0 : de.id)
       ),
       children: e.children
@@ -2593,7 +2613,7 @@ const Cn = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function pe(e) {
-  var o, a, r, c, s, d, m, u, f, w, I;
+  var o, a, r, c, s, d, m, u, h, w, I;
   const t = an({
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
     variationId: (o = e.content) == null ? void 0 : o.testVariationId,
@@ -2603,11 +2623,11 @@ function pe(e) {
     ...ye(),
     ...((r = e.customComponents) == null ? void 0 : r.filter(({ models: b }) => !(b != null && b.length) || !e.model ? !0 : b.includes(e.model))) || []
   ].reduce(
-    (b, { component: P, ...v }) => ({
+    (b, { component: P, ...x }) => ({
       ...b,
-      [v.name]: {
+      [x.name]: {
         component: P,
-        ...me(v)
+        ...me(x)
       }
     }),
     {}
@@ -2631,9 +2651,9 @@ function pe(e) {
       ...ye(),
       ...((c = e.customComponents) == null ? void 0 : c.filter(({ models: b }) => !(b != null && b.length) || !e.model ? !0 : b.includes(e.model))) || []
     ].reduce(
-      (b, { component: P, ...v }) => ({
+      (b, { component: P, ...x }) => ({
         ...b,
-        [v.name]: me(v)
+        [x.name]: me(x)
       }),
       {}
     ),
@@ -2675,7 +2695,7 @@ function pe(e) {
             isNestedRender: e.isNestedRender,
             contentId: (s = i.content) == null ? void 0 : s.id,
             cssCode: (m = (d = i.content) == null ? void 0 : d.data) == null ? void 0 : m.cssCode,
-            customFonts: (f = (u = i.content) == null ? void 0 : u.data) == null ? void 0 : f.customFonts
+            customFonts: (h = (u = i.content) == null ? void 0 : u.data) == null ? void 0 : h.customFonts
           }
         ),
         /* @__PURE__ */ l(
@@ -2823,12 +2843,12 @@ async function Rn(e) {
   }, n = function() {
     return "div";
   }, i = function() {
-    var u, f;
+    var u, h;
     return [
-      e.attributes[j()],
+      e.attributes[H()],
       "builder-symbol",
       (u = e.symbol) != null && u.inline ? "builder-inline-symbol" : void 0,
-      (f = e.symbol) != null && f.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
+      (h = e.symbol) != null && h.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }, o = ((a = e.symbol) == null ? void 0 : a.content) || await Tn({
     symbol: e.symbol,