@builder.io/sdk-react 2.0.2 → 2.0.5

package/lib/node/blocks-exports.mjs

@@ -2,15 +2,15 @@
 var He = Object.defineProperty;
 var qe = (e, t, n) => t in e ? He(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var ie = (e, t, n) => (qe(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { jsx as s, Fragment as R, jsxs as P } from "react/jsx-runtime";
-import { TARGET as K, checkIsDefined as Y, logger as Z, isBrowser as G, fastClone as de, isEditing as $, registerInsertMenu as Ke, setupBrowserForEditing as ze, createRegisterComponentMessage as _e, getDefaultCanTrack as Q, _track as he, isPreviewing as Je, fetchOneEntry as Ie, createEditorListener as Ye, fetch as Ge, serializeComponentInfo as ge, handleABTestingSync as Qe } from "./server-entry-5ebd1c9b.js";
-import { createContext as we, useState as T, useEffect as V, useContext as be, useRef as ee, createElement as Re } from "react";
-import { getFunctionArguments as Xe, runInNode as Ze, parseCode as et, getBuilderGlobals as tt, set as Ee } from "./node-runtime-0f3a5df1.js";
+import { jsx as s, Fragment as R, jsxs as V } from "react/jsx-runtime";
+import { TARGET as K, checkIsDefined as Y, logger as Z, isBrowser as G, isEditing as $, registerInsertMenu as Ke, setupBrowserForEditing as ze, createRegisterComponentMessage as _e, getDefaultCanTrack as Q, _track as he, isPreviewing as Je, fetchOneEntry as Ie, createEditorListener as Ye, fetch as Ge, serializeComponentInfo as ge, handleABTestingSync as Qe } from "./server-entry-0c6c220c.js";
+import { createContext as we, useState as T, useEffect as P, useContext as be, useRef as ee, createElement as Re } from "react";
+import { getFunctionArguments as Xe, runInNode as Ze, parseCode as et, getBuilderGlobals as tt, fastClone as de, set as Ee } from "./node-runtime-ce5c71e5.js";
 const nt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), it = (e) => typeof e == "string" && nt.has(e.toLowerCase());
 function ue(e) {
   return /* @__PURE__ */ s(R, { children: it(e.TagName) ? /* @__PURE__ */ s(R, { children: /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ s(R, { children: typeof e.TagName == "string" ? /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
 }
-const H = () => {
+const q = () => {
   switch (K) {
     case "react":
     case "reactNative":
@@ -28,7 +28,7 @@ function ot(e) {
   function t() {
     return {
       ...e.attributes,
-      [H()]: `${e.link ? "" : "builder-button"} ${e.attributes[H()] || ""}`,
+      [q()]: `${e.link ? "" : "builder-button"} ${e.attributes[q()] || ""}`,
       ...e.link ? {
         href: e.link,
         target: e.openLinkInNewTab ? "_blank" : void 0,
@@ -146,7 +146,7 @@ const st = () => {
 };
 ie(L, "cacheLimit", 20), ie(L, "cache", /* @__PURE__ */ new Map());
 let M = L;
-function q({
+function U({
   code: e,
   context: t,
   localState: n,
@@ -170,19 +170,19 @@ function q({
     localState: n
   };
   if (r) {
-    const u = M.getCacheKey(c), f = M.getCachedValue(u);
+    const d = M.getCacheKey(c), f = M.getCachedValue(d);
     if (f)
       return f.value;
   }
   try {
-    const u = ct(c);
+    const d = ct(c);
     if (r) {
       const f = M.getCacheKey(c);
-      M.setCachedValue(f, u);
+      M.setCachedValue(f, d);
     }
-    return u;
-  } catch (u) {
-    Z.error("Failed code evaluation: " + u.message, {
+    return d;
+  } catch (d) {
+    Z.error("Failed code evaluation: " + d.message, {
       code: e
     });
     return;
@@ -207,7 +207,7 @@ const dt = ({
     }
   };
   for (const r in e.bindings) {
-    const c = e.bindings[r], u = q({
+    const c = e.bindings[r], d = U({
       code: c,
       localState: n,
       rootState: i,
@@ -215,7 +215,7 @@ const dt = ({
       context: t,
       enableCache: !0
     });
-    Ee(a, r, u);
+    Ee(a, r, d);
   }
   return a;
 };
@@ -243,13 +243,13 @@ function ut(e, t, n = {}) {
     r = n.leading === !1 ? 0 : Date.now(), a = null, l = e.apply(i, o), a || (i = o = null);
   };
   return function() {
-    const u = Date.now();
-    !r && n.leading === !1 && (r = u);
-    const f = t - (u - r);
-    return i = this, o = arguments, f <= 0 || f > t ? (a && (clearTimeout(a), a = null), r = u, l = e.apply(i, o), a || (i = o = null)) : !a && n.trailing !== !1 && (a = setTimeout(c, f)), l;
+    const d = Date.now();
+    !r && n.leading === !1 && (r = d);
+    const f = t - (d - r);
+    return i = this, o = arguments, f <= 0 || f > t ? (a && (clearTimeout(a), a = null), r = d, l = e.apply(i, o), a || (i = o = null)) : !a && n.trailing !== !1 && (a = setTimeout(c, f)), l;
   };
 }
-function U(e, ...t) {
+function H(e, ...t) {
   const n = Object(e);
   for (let i = 1; i < arguments.length; i++) {
     const o = arguments[i];
@@ -293,8 +293,8 @@ function Ne(e) {
     return;
   }
   Array.from(t).forEach((n) => {
-    Ae(e, n), n.style.transition = "none", n.style.transitionDelay = "0", U(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${te(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), U(n.style, e.steps[1].styles), setTimeout(() => {
+    Ae(e, n), n.style.transition = "none", n.style.transitionDelay = "0", H(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${te(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), H(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
     });
@@ -311,23 +311,23 @@ function ht(e) {
     let i = !1, o = !1;
     function l() {
       !i && r(n) ? (i = !0, o = !0, setTimeout(() => {
-        U(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", a), setTimeout(() => {
+        H(n.style, e.steps[1].styles), e.repeat || document.removeEventListener("scroll", a), setTimeout(() => {
           o = !1, e.repeat || (n.style.transition = "", n.style.transitionDelay = "");
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
-      })) : e.repeat && i && !o && !r(n) && (i = !1, U(n.style, e.steps[0].styles));
+      })) : e.repeat && i && !o && !r(n) && (i = !1, H(n.style, e.steps[0].styles));
     }
     const a = ut(l, 200, {
       leading: !1
     });
     function r(f) {
-      const d = f.getBoundingClientRect(), m = window.innerHeight, y = (e.thresholdPercent || 0) / 100 * m;
-      return d.bottom > y && d.top < m - y;
+      const u = f.getBoundingClientRect(), m = window.innerHeight, y = (e.thresholdPercent || 0) / 100 * m;
+      return u.bottom > y && u.top < m - y;
     }
     const c = e.steps[0].styles;
-    function u() {
-      U(n.style, c);
+    function d() {
+      H(n.style, c);
     }
-    u(), setTimeout(() => {
+    d(), setTimeout(() => {
       n.style.transition = `all ${e.duration}s ${te(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s");
     }), document.addEventListener("scroll", a, {
       capture: !0,
@@ -410,7 +410,7 @@ const yt = ({
   } = e;
   if (!(n != null && n.collection))
     return;
-  const o = q({
+  const o = U({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -421,15 +421,15 @@ const yt = ({
   if (!Array.isArray(o))
     return;
   const l = n.collection.split(".").pop(), a = n.itemName || (l ? l + "Item" : "item");
-  return o.map((c, u) => ({
+  return o.map((c, d) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
-        $index: u,
+        $index: d,
         $item: c,
         [a]: c,
-        [`$${a}Index`]: u
+        [`$${a}Index`]: d
       }
     },
     block: i
@@ -530,10 +530,10 @@ function Tt(e) {
       shouldEvaluateBindings: !0
     }), o = i.responsiveStyles, l = e.context.content, a = De(
       ((p = l == null ? void 0 : l.meta) == null ? void 0 : p.breakpoints) || {}
-    ), r = o == null ? void 0 : o.large, c = o == null ? void 0 : o.medium, u = o == null ? void 0 : o.small, f = i.id;
+    ), r = o == null ? void 0 : o.large, c = o == null ? void 0 : o.medium, d = o == null ? void 0 : o.small, f = i.id;
     if (!f)
       return "";
-    const d = r ? _({
+    const u = r ? _({
       className: f,
       styles: r
     }) : "", m = c ? _({
@@ -543,9 +543,9 @@ function Tt(e) {
         "medium",
         a
       )
-    }) : "", g = u ? _({
+    }) : "", g = d ? _({
       className: f,
-      styles: u,
+      styles: d,
       mediaQuery: pe(
         "small",
         a
@@ -566,7 +566,7 @@ function Tt(e) {
       }) || "";
     }
     return [
-      d,
+      u,
       m,
       g,
       C
@@ -584,7 +584,7 @@ function Tt(e) {
 function It(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const wt = (e) => `on${It(e)}`, Rt = (e, t) => (n) => q({
+const wt = (e) => `on${It(e)}`, Rt = (e, t) => (n) => U({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -636,7 +636,7 @@ function fe({
       block: e,
       context: t
     }),
-    [H()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
+    [q()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
   };
   return Et({
     properties: n,
@@ -757,7 +757,7 @@ function Nt(e) {
   ) });
 }
 function z(e) {
-  var c, u, f;
+  var c, d, f;
   function t() {
     return yt({
       block: e.block,
@@ -772,8 +772,8 @@ function z(e) {
     });
   }
   function i() {
-    var d;
-    return (d = e.block.repeat) != null && d.collection ? e.block : X({
+    var u;
+    return (u = e.block.repeat) != null && u.collection ? e.block : X({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -790,17 +790,17 @@ function z(e) {
     var g, y;
     if ((g = e.block.repeat) != null && g.collection)
       return !!((y = n == null ? void 0 : n()) != null && y.length);
-    const d = "hide" in i() ? i().hide : !1;
-    return ("show" in i() ? i().show : !0) && !d;
+    const u = "hide" in i() ? i().hide : !1;
+    return ("show" in i() ? i().show : !0) && !u;
   }
   function a() {
     var m, g;
     return !((m = t == null ? void 0 : t()) != null && m.component) && !n() ? (g = i().children) != null ? g : [] : [];
   }
   function r() {
-    var d, m, g, y;
+    var u, m, g, y;
     return {
-      blockChildren: (d = i().children) != null ? d : [],
+      blockChildren: (u = i().children) != null ? u : [],
       componentRef: (m = t == null ? void 0 : t()) == null ? void 0 : m.component,
       componentOptions: {
         ...at(i()),
@@ -820,15 +820,15 @@ function z(e) {
       isInteractive: !((y = t == null ? void 0 : t()) != null && y.isRSC)
     };
   }
-  return V(() => {
-    const d = i().id, m = i().animations;
-    m && d && mt(
+  return P(() => {
+    const u = i().id, m = i().animations;
+    m && u && mt(
       m.map((g) => ({
         ...g,
-        elementId: d
+        elementId: u
       }))
     );
-  }, []), /* @__PURE__ */ s(R, { children: l() ? /* @__PURE__ */ P(R, { children: [
+  }, []), /* @__PURE__ */ s(R, { children: l() ? /* @__PURE__ */ V(R, { children: [
     /* @__PURE__ */ s(Tt, { block: e.block, context: e.context }),
     (c = t == null ? void 0 : t()) != null && c.noWrap ? /* @__PURE__ */ s(R, { children: /* @__PURE__ */ s(
       ye,
@@ -843,16 +843,16 @@ function z(e) {
         includeBlockProps: r().includeBlockProps,
         isInteractive: r().isInteractive
       }
-    ) }) : /* @__PURE__ */ s(R, { children: n() ? /* @__PURE__ */ s(R, { children: (f = n()) == null ? void 0 : f.map((d, m) => /* @__PURE__ */ s(
+    ) }) : /* @__PURE__ */ s(R, { children: n() ? /* @__PURE__ */ s(R, { children: (f = n()) == null ? void 0 : f.map((u, m) => /* @__PURE__ */ s(
       Nt,
       {
-        repeatContext: d.context,
-        block: d.block,
+        repeatContext: u.context,
+        block: u.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
       m
-    )) }) : /* @__PURE__ */ P(
+    )) }) : /* @__PURE__ */ V(
       Pt,
       {
         Wrapper: o(),
@@ -873,15 +873,15 @@ function z(e) {
               isInteractive: r().isInteractive
             }
           ),
-          (u = a()) == null ? void 0 : u.map((d) => /* @__PURE__ */ s(
+          (d = a()) == null ? void 0 : d.map((u) => /* @__PURE__ */ s(
             z,
             {
-              block: d,
+              block: u,
               registeredComponents: e.registeredComponents,
               linkComponent: e.linkComponent,
               context: e.context
             },
-            d.id
+            u.id
           ))
         ]
       }
@@ -919,7 +919,7 @@ function Wt(e) {
       "*"
     ));
   }
-  return /* @__PURE__ */ P(R, { children: [
+  return /* @__PURE__ */ V(R, { children: [
     /* @__PURE__ */ s(
       e.BlocksWrapper,
       {
@@ -974,28 +974,28 @@ function $t(e) {
   ), [i, o] = T(() => e.columns || []), [l, a] = T(
     () => e.stackColumnsAt || "tablet"
   );
-  function r(S) {
-    return S.link ? e.builderLinkComponent || "a" : "div";
+  function r(x) {
+    return x.link ? e.builderLinkComponent || "a" : "div";
   }
-  function c(S) {
+  function c(x) {
     var w;
-    return ((w = i[S]) == null ? void 0 : w.width) || 100 / i.length;
+    return ((w = i[x]) == null ? void 0 : w.width) || 100 / i.length;
   }
-  function u(S) {
-    const w = c(S), N = t * (i.length - 1) * (w / 100);
+  function d(x) {
+    const w = c(x), N = t * (i.length - 1) * (w / 100);
     return `calc(${w}% - ${N}px)`;
   }
   function f({
-    stackedStyle: S,
+    stackedStyle: x,
     desktopStyle: w
   }) {
-    return l === "tablet" ? S : w;
+    return l === "tablet" ? x : w;
   }
-  function d({
-    stackedStyle: S,
+  function u({
+    stackedStyle: x,
     desktopStyle: w
   }) {
-    return l === "never" ? w : S;
+    return l === "never" ? w : x;
   }
   const [m, g] = T(
     () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
@@ -1009,8 +1009,8 @@ function $t(e) {
       })
     };
   }
-  function C(S) {
-    const w = S === 0 ? 0 : t, N = u(S), b = `${w}px`, h = "100%", x = 0;
+  function C(x) {
+    const w = x === 0 ? 0 : t, N = d(x), b = `${w}px`, h = "100%", v = 0;
     return {
       ...{
         display: "flex",
@@ -1019,12 +1019,12 @@ function $t(e) {
       },
       width: N,
       ["marginLeft"]: b,
-      "--column-width-mobile": d({
+      "--column-width-mobile": u({
         stackedStyle: h,
         desktopStyle: N
       }),
-      "--column-margin-left-mobile": d({
-        stackedStyle: x,
+      "--column-margin-left-mobile": u({
+        stackedStyle: v,
         desktopStyle: b
       }),
       "--column-width-tablet": f({
@@ -1032,18 +1032,19 @@ function $t(e) {
         desktopStyle: N
       }),
       "--column-margin-left-tablet": f({
-        stackedStyle: x,
+        stackedStyle: v,
         desktopStyle: b
       })
     };
   }
-  function p(S) {
+  function p(x) {
     var N, b;
     return De(
       ((b = (N = e.builderContext.content) == null ? void 0 : N.meta) == null ? void 0 : b.breakpoints) || {}
-    )[S].max;
+    )[x].max;
   }
   function B() {
+    const x = `.${e.builderBlock.id}-breakpoints > .builder-column`;
     return `
         @media (max-width: ${p("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
@@ -1051,7 +1052,7 @@ function $t(e) {
             align-items: stretch;
           }
 
-          .${e.builderBlock.id}-breakpoints > .builder-column {
+          ${x} {
             width: var(--column-width-tablet) !important;
             margin-left: var(--column-margin-left-tablet) !important;
           }
@@ -1063,27 +1064,27 @@ function $t(e) {
             align-items: stretch;
           }
 
-          .${e.builderBlock.id}-breakpoints > .builder-column {
+          ${x} {
             width: var(--column-width-mobile) !important;
             margin-left: var(--column-margin-left-mobile) !important;
           }
         },
       `;
   }
-  function E(S, w) {
+  function E(x, w) {
     return {
-      ...S.link ? {
-        href: S.link
+      ...x.link ? {
+        href: x.link
       } : {},
-      [H()]: "builder-column",
+      [q()]: "builder-column",
       style: Fe(C(w))
     };
   }
-  return /* @__PURE__ */ P(R, { children: [
-    /* @__PURE__ */ P(
+  return /* @__PURE__ */ V(R, { children: [
+    /* @__PURE__ */ V(
       "div",
       {
-        className: Ft((A = e.builderBlock) == null ? void 0 : A.id) + " div-fe220f58",
+        className: Ft((A = e.builderBlock) == null ? void 0 : A.id) + " div-34f576bb",
         style: y(),
         children: [
           /* @__PURE__ */ s(
@@ -1094,12 +1095,12 @@ function $t(e) {
               nonce: e.builderContext.nonce
             }
           ),
-          (O = e.columns) == null ? void 0 : O.map((S, w) => /* @__PURE__ */ s(
+          (O = e.columns) == null ? void 0 : O.map((x, w) => /* @__PURE__ */ s(
             ue,
             {
-              TagName: r(S),
+              TagName: r(x),
               actionAttributes: {},
-              attributes: E(S, w),
+              attributes: E(x, w),
               children: /* @__PURE__ */ s(
                 D,
                 {
@@ -1111,7 +1112,7 @@ function $t(e) {
                   context: e.builderContext,
                   registeredComponents: e.builderComponents,
                   linkComponent: e.builderLinkComponent,
-                  blocks: S.blocks
+                  blocks: x.blocks
                 }
               )
             },
@@ -1120,7 +1121,7 @@ function $t(e) {
         ]
       }
     ),
-    /* @__PURE__ */ s("style", { children: `.div-fe220f58 {
+    /* @__PURE__ */ s("style", { children: `.div-34f576bb {
   display: flex;
   line-height: normal;
 }` })
@@ -1160,21 +1161,21 @@ function oe(e) {
   return e.match(/cdn\.shopify\.com/) ? t.map((n) => [Ot(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
 }
 function jt(e) {
-  var o, l, a, r, c, u;
+  var o, l, a, r, c, d;
   function t() {
     var m;
-    const d = e.image || e.src;
-    if (!d || // We can auto add srcset for cdn.builder.io and shopify
+    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
-    !(d.match(/builder\.io/) || d.match(/cdn\.shopify\.com/)))
+    !(u.match(/builder\.io/) || u.match(/cdn\.shopify\.com/)))
       return e.srcset;
     if (!e.noWebp) {
       if (e.srcset && ((m = e.image) != null && m.includes("builder.io/api/v1/image"))) {
         if (!e.srcset.includes(e.image.split("?")[0]))
-          return console.debug("Removed given srcset"), oe(d);
+          return console.debug("Removed given srcset"), oe(u);
       } else if (e.image && !e.srcset)
-        return oe(d);
-      return oe(d);
+        return oe(u);
+      return oe(u);
     }
   }
   function n() {
@@ -1191,9 +1192,10 @@ function jt(e) {
     };
     return e.aspectRatio ? f : void 0;
   }
-  return /* @__PURE__ */ P(R, { children: [
-    /* @__PURE__ */ P(R, { children: [
-      /* @__PURE__ */ P("picture", { children: [
+  return P(() => {
+  }, []), /* @__PURE__ */ V(R, { children: [
+    /* @__PURE__ */ V(R, { children: [
+      /* @__PURE__ */ V("picture", { children: [
         n() ? /* @__PURE__ */ s("source", { type: "image/webp", srcSet: n() }) : null,
         /* @__PURE__ */ s(
           "img",
@@ -1207,7 +1209,7 @@ function jt(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
@@ -1217,23 +1219,23 @@ function jt(e) {
       e.aspectRatio && !((l = (o = e.builderBlock) == null ? void 0 : o.children) != null && l.length && e.fitContent) ? /* @__PURE__ */ s(
         "div",
         {
-          className: "builder-image-sizer div-56bbd606",
+          className: "builder-image-sizer div-2d6925f2",
           style: {
             paddingTop: e.aspectRatio * 100 + "%"
           }
         }
       ) : null,
       (r = (a = e.builderBlock) == null ? void 0 : a.children) != null && r.length && e.fitContent ? /* @__PURE__ */ s(R, { children: e.children }) : null,
-      !e.fitContent && ((u = (c = e.builderBlock) == null ? void 0 : c.children) != null && u.length) ? /* @__PURE__ */ s("div", { className: "div-56bbd606-2", children: e.children }) : null
+      !e.fitContent && ((d = (c = e.builderBlock) == null ? void 0 : c.children) != null && d.length) ? /* @__PURE__ */ s("div", { className: "div-2d6925f2-2", children: e.children }) : null
     ] }),
-    /* @__PURE__ */ s("style", { children: `.img-56bbd606 {
+    /* @__PURE__ */ s("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;
@@ -1392,7 +1394,7 @@ const ae = {
   }
 }, ve = (e) => e.toString();
 function Ht(e) {
-  var d;
+  var u;
   const [t, n] = T(() => []);
   function i() {
     return !!(e.grid || e.oneAtATime);
@@ -1455,7 +1457,7 @@ function Ht(e) {
     }
     return typeof m == "number" && (m = m + 1), m;
   }
-  function u() {
+  function d() {
     const m = {
       order: typeof c() == "number" ? c() : void 0,
       ...e.grid && {
@@ -1469,7 +1471,7 @@ function Ht(e) {
   function f(m) {
     t.includes(m) ? n(i() ? [] : t.filter((g) => g !== m)) : n(i() ? [m] : t.concat(m));
   }
-  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: o(), children: (d = e.items) == null ? void 0 : d.map((m, g) => /* @__PURE__ */ P(R, { children: [
+  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: o(), children: (u = e.items) == null ? void 0 : u.map((m, g) => /* @__PURE__ */ V(R, { children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -1498,7 +1500,7 @@ function Ht(e) {
       "div",
       {
         className: r(g),
-        style: u(),
+        style: d(),
         children: /* @__PURE__ */ s(
           D,
           {
@@ -1784,15 +1786,15 @@ const qt = {
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(a, r = 6e4) {
-        return new Promise((c, u) => {
+        return new Promise((c, d) => {
           const f = document.createElement("img");
-          let d = !1;
+          let u = !1;
           f.onload = () => {
-            d = !0, c(f);
+            u = !0, c(f);
           }, f.addEventListener("error", (m) => {
-            console.warn("Image load failed", m.error), u(m.error);
+            console.warn("Image load failed", m.error), d(m.error);
           }), f.src = a, setTimeout(() => {
-            d || u(new Error("Image load timed out"));
+            u || d(new Error("Image load timed out"));
           }, r);
         });
       }
@@ -2142,7 +2144,7 @@ function Zt(e) {
   function o(a) {
     a === t && e.collapsible ? n(-1) : n(a);
   }
-  return /* @__PURE__ */ P("div", { children: [
+  return /* @__PURE__ */ V("div", { children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -2192,7 +2194,8 @@ function Zt(e) {
 }
 const en = {
   shouldReceiveBuilderProps: {
-    builderBlock: !1
+    builderBlock: !1,
+    builderContext: !0
   },
   name: "Text",
   static: !0,
@@ -2213,12 +2216,31 @@ const en = {
   }
 };
 function tn(e) {
-  var t;
+  function t() {
+    var r;
+    const n = e.builderContext, {
+      context: i,
+      localState: o,
+      rootState: l,
+      rootSetState: a
+    } = n;
+    return String(((r = e.text) == null ? void 0 : r.toString()) || "").replace(
+      /{{([^}]+)}}/g,
+      (c, d) => U({
+        code: d,
+        context: i,
+        localState: o,
+        rootState: l,
+        rootSetState: a,
+        enableCache: !1
+      })
+    );
+  }
   return /* @__PURE__ */ s(
     "div",
     {
       className: "builder-text",
-      dangerouslySetInnerHTML: { __html: ((t = e.text) == null ? void 0 : t.toString()) || "" },
+      dangerouslySetInnerHTML: { __html: t() },
       style: {
         outline: "none"
       }
@@ -2250,28 +2272,28 @@ const nn = {
 };
 function on(e) {
   const t = ee(null), [n, i] = T(() => []), [o, l] = T(() => []);
-  return V(() => {
+  return P(() => {
     var r;
     if (!((r = t.current) != null && r.getElementsByTagName) || typeof window == "undefined")
       return;
     const a = t.current.getElementsByTagName("script");
     for (let c = 0; c < a.length; c++) {
-      const u = a[c];
-      if (u.src) {
-        if (n.includes(u.src))
+      const d = a[c];
+      if (d.src) {
+        if (n.includes(d.src))
           continue;
-        n.push(u.src);
+        n.push(d.src);
         const f = document.createElement("script");
-        f.async = !0, f.src = u.src, document.head.appendChild(f);
-      } else if (!u.type || [
+        f.async = !0, f.src = d.src, document.head.appendChild(f);
+      } else if (!d.type || [
         "text/javascript",
         "application/javascript",
         "application/ecmascript"
-      ].includes(u.type)) {
-        if (o.includes(u.innerText))
+      ].includes(d.type)) {
+        if (o.includes(d.innerText))
           continue;
         try {
-          o.push(u.innerText), new Function(u.innerText)();
+          o.push(d.innerText), new Function(d.innerText)();
         } catch (f) {
           console.warn("`CustomCode`: Error running script:", f);
         }
@@ -2307,22 +2329,22 @@ function sn(e) {
   function c() {
     if (!t.current || !t.current.getElementsByTagName)
       return;
-    const u = t.current.getElementsByTagName("script");
-    for (let f = 0; f < u.length; f++) {
-      const d = u[f];
-      if (d.src && !n.includes(d.src)) {
-        n.push(d.src);
+    const d = t.current.getElementsByTagName("script");
+    for (let f = 0; f < d.length; f++) {
+      const u = d[f];
+      if (u.src && !n.includes(u.src)) {
+        n.push(u.src);
         const m = document.createElement("script");
-        m.async = !0, m.src = d.src, document.head.appendChild(m);
-      } else if (ln(d) && !o.includes(d.innerText))
+        m.async = !0, m.src = u.src, document.head.appendChild(m);
+      } else if (ln(u) && !o.includes(u.innerText))
         try {
-          o.push(d.innerText), new Function(d.innerText)();
+          o.push(u.innerText), new Function(u.innerText)();
         } catch (m) {
           console.warn("`Embed`: Error running script:", m);
         }
     }
   }
-  return V(() => {
+  return P(() => {
     t.current && !a && (r(!0), c());
   }, [t.current, a]), /* @__PURE__ */ s(
     "div",
@@ -2578,7 +2600,7 @@ const cn = {
   return i === void 0 || i === e ? n : i;
 };
 function fn(e) {
-  var d, m;
+  var u, m;
   const t = ee(null), [n, i] = T(() => "unsubmitted"), [o, l] = T(() => null), [a, r] = T(() => "");
   function c(g) {
     var C, p;
@@ -2588,7 +2610,7 @@ function fn(e) {
     };
     e.builderContext.rootSetState ? (p = (C = e.builderContext).rootSetState) == null || p.call(C, y) : e.builderContext.rootState = y;
   }
-  function u() {
+  function d() {
     return $() && e.previewState || n;
   }
   function f(g) {
@@ -2606,40 +2628,40 @@ function fn(e) {
       let E;
       const A = new FormData(p), O = Array.from(p.querySelectorAll("input,select,textarea")).filter((b) => !!b.name).map((b) => {
         let h;
-        const x = b.name;
+        const v = b.name;
         if (b instanceof HTMLInputElement)
           if (b.type === "radio") {
             if (b.checked)
               return h = b.name, {
-                key: x,
+                key: v,
                 value: h
               };
           } else if (b.type === "checkbox")
             h = b.checked;
           else if (b.type === "number" || b.type === "range") {
-            const v = b.valueAsNumber;
-            isNaN(v) || (h = v);
+            const S = b.valueAsNumber;
+            isNaN(S) || (h = S);
           } else
             b.type === "file" ? h = b.files : h = b.value;
         else
           h = b.value;
         return {
-          key: x,
+          key: v,
           value: h
         };
       });
-      let S = e.contentType;
-      if (e.sendSubmissionsTo === "email" && (S = "multipart/form-data"), Array.from(O).forEach(({ value: b }) => {
-        (b instanceof File || Array.isArray(b) && b[0] instanceof File || b instanceof FileList) && (S = "multipart/form-data");
-      }), S !== "application/json")
+      let x = e.contentType;
+      if (e.sendSubmissionsTo === "email" && (x = "multipart/form-data"), Array.from(O).forEach(({ value: b }) => {
+        (b instanceof File || Array.isArray(b) && b[0] instanceof File || b instanceof FileList) && (x = "multipart/form-data");
+      }), x !== "application/json")
         E = A;
       else {
         const b = {};
-        Array.from(O).forEach(({ value: h, key: x }) => {
-          Ee(b, x, h);
+        Array.from(O).forEach(({ value: h, key: v }) => {
+          Ee(b, v, h);
         }), E = JSON.stringify(b);
       }
-      S && S !== "multipart/form-data" && (y && ((C = e.action) != null && C.includes("zapier.com")) || (B["content-type"] = S));
+      x && x !== "multipart/form-data" && (y && ((C = e.action) != null && C.includes("zapier.com")) || (B["content-type"] = x));
       const w = new CustomEvent("presubmit", { detail: { body: E } });
       if (t.current && (t.current.dispatchEvent(w), w.defaultPrevented))
         return;
@@ -2653,17 +2675,17 @@ function fn(e) {
       ).then(
         async (b) => {
           let h;
-          const x = b.headers.get("content-type");
-          if (x && x.indexOf("application/json") !== -1 ? h = await b.json() : h = await b.text(), !b.ok && e.errorMessagePath) {
-            let v = mn(h, e.errorMessagePath);
-            v && (typeof v != "string" && (v = JSON.stringify(v)), r(v), c({ formErrorMessage: v }));
+          const v = b.headers.get("content-type");
+          if (v && v.indexOf("application/json") !== -1 ? h = await b.json() : h = await b.text(), !b.ok && e.errorMessagePath) {
+            let S = mn(h, e.errorMessagePath);
+            S && (typeof S != "string" && (S = JSON.stringify(S)), r(S), c({ formErrorMessage: S }));
           }
           if (l(h), i(b.ok ? "success" : "error"), b.ok) {
-            const v = new CustomEvent("submit:success", {
+            const S = new CustomEvent("submit:success", {
               detail: { res: b, body: h }
             });
             if (t.current) {
-              if (t.current.dispatchEvent(v), v.defaultPrevented)
+              if (t.current.dispatchEvent(S), S.defaultPrevented)
                 return;
               e.resetFormOnSubmit !== !1 && t.current.reset();
             }
@@ -2686,9 +2708,9 @@ function fn(e) {
       );
     }
   }
-  return /* @__PURE__ */ P(R, { children: [
+  return /* @__PURE__ */ V(R, { children: [
     " ",
-    /* @__PURE__ */ P(
+    /* @__PURE__ */ V(
       "form",
       {
         validate: e.validate,
@@ -2699,7 +2721,7 @@ function fn(e) {
         onSubmit: (g) => f(g),
         ...e.attributes,
         children: [
-          e.builderBlock && e.builderBlock.children ? /* @__PURE__ */ s(R, { children: (m = (d = e.builderBlock) == null ? void 0 : d.children) == null ? void 0 : m.map((g, y) => /* @__PURE__ */ s(
+          e.builderBlock && e.builderBlock.children ? /* @__PURE__ */ s(R, { children: (m = (u = e.builderBlock) == null ? void 0 : u.children) == null ? void 0 : m.map((g, y) => /* @__PURE__ */ s(
             z,
             {
               block: g,
@@ -2709,7 +2731,7 @@ function fn(e) {
             },
             `form-block-${y}`
           )) }) : null,
-          u() === "error" ? /* @__PURE__ */ s(
+          d() === "error" ? /* @__PURE__ */ s(
             D,
             {
               path: "errorMessage",
@@ -2717,7 +2739,7 @@ function fn(e) {
               context: e.builderContext
             }
           ) : null,
-          u() === "sending" ? /* @__PURE__ */ s(
+          d() === "sending" ? /* @__PURE__ */ s(
             D,
             {
               path: "sendingMessage",
@@ -2725,8 +2747,8 @@ function fn(e) {
               context: e.builderContext
             }
           ) : null,
-          u() === "error" && o ? /* @__PURE__ */ s("pre", { className: "builder-form-error-text pre-3a20f614", children: JSON.stringify(o, null, 2) }) : null,
-          u() === "success" ? /* @__PURE__ */ s(
+          d() === "error" && o ? /* @__PURE__ */ s("pre", { className: "builder-form-error-text pre-3a20f614", children: JSON.stringify(o, null, 2) }) : null,
+          d() === "success" ? /* @__PURE__ */ s(
             D,
             {
               path: "successMessage",
@@ -3062,7 +3084,7 @@ const Tn = {
   }
 };
 function In(e) {
-  var i, o, l, a, r, c, u;
+  var i, o, l, a, r, c, d;
   function t() {
     return {
       ...e.autoPlay === !0 ? {
@@ -3087,7 +3109,7 @@ function In(e) {
       ...t()
     };
   }
-  return /* @__PURE__ */ P(
+  return /* @__PURE__ */ V(
     "div",
     {
       style: {
@@ -3141,7 +3163,7 @@ function In(e) {
             children: e.children
           }
         ) : null,
-        (u = (c = e.builderBlock) == null ? void 0 : c.children) != null && u.length && !e.fitContent ? /* @__PURE__ */ s(
+        (d = (c = e.builderBlock) == null ? void 0 : c.children) != null && d.length && !e.fitContent ? /* @__PURE__ */ s(
           "div",
           {
             style: {
@@ -3395,11 +3417,11 @@ font-weight: 400;
     for (const r in e.files) {
       if (!(String(Number(r)) === r))
         continue;
-      const u = e.files[r];
-      u && u !== i && (o += `
+      const d = e.files[r];
+      d && d !== i && (o += `
 @font-face {
 font-family: "${t}";
-src: url('${u}') format('woff2');
+src: url('${d}') format('woff2');
 font-display: fallback;
 font-weight: ${r};
 }
@@ -3433,26 +3455,26 @@ font-weight: ${r};
 }
 `, Mn = (e) => e ? "" : jn, Un = (e) => `variant-${e}`;
 function Hn(e) {
-  var E, A, O, S, w, N, b;
+  var E, A, O, x, w, N, b;
   const t = ee(null);
   function n(h) {
-    var v, k;
-    const x = {
+    var S, k;
+    const v = {
       ...e.builderContextSignal.rootState,
       ...h
     };
-    e.builderContextSignal.rootSetState ? (k = (v = e.builderContextSignal).rootSetState) == null || k.call(v, x) : e.setBuilderContextSignal((I) => ({
+    e.builderContextSignal.rootSetState ? (k = (S = e.builderContextSignal).rootSetState) == null || k.call(S, v) : e.setBuilderContextSignal((I) => ({
       ...I,
-      rootState: x
+      rootState: v
     }));
   }
   function i(h) {
-    var v, k, I, W, j;
-    const x = {
+    var S, k, I, W, j;
+    const v = {
       ...e.builderContextSignal.content,
       ...h,
       data: {
-        ...(v = e.builderContextSignal.content) == null ? void 0 : v.data,
+        ...(S = e.builderContextSignal.content) == null ? void 0 : S.data,
         ...h == null ? void 0 : h.data
       },
       meta: {
@@ -3463,7 +3485,7 @@ function Hn(e) {
     };
     e.setBuilderContextSignal((F) => ({
       ...F,
-      content: x
+      content: v
     }));
   }
   function o() {
@@ -3480,28 +3502,28 @@ function Hn(e) {
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
-        configureSdk: (x) => {
+        configureSdk: (v) => {
           var I;
-          const { breakpoints: v, contentId: k } = x;
-          !k || k !== ((I = e.builderContextSignal.content) == null ? void 0 : I.id) || v && i({
+          const { breakpoints: S, contentId: k } = v;
+          !k || k !== ((I = e.builderContextSignal.content) == null ? void 0 : I.id) || S && i({
             meta: {
-              breakpoints: v
+              breakpoints: S
             }
           });
         },
-        animation: (x) => {
-          Ne(x);
+        animation: (v) => {
+          Ne(v);
         },
-        contentUpdate: (x) => {
-          i(x);
+        contentUpdate: (v) => {
+          i(v);
         }
       }
     })(h);
   }
   function c() {
-    var x, v;
-    const h = (v = (x = e.builderContextSignal.content) == null ? void 0 : x.data) == null ? void 0 : v.jsCode;
-    h && q({
+    var v, S;
+    const h = (S = (v = e.builderContextSignal.content) == null ? void 0 : v.data) == null ? void 0 : S.jsCode;
+    h && U({
       code: h,
       context: e.context || {},
       localState: void 0,
@@ -3513,11 +3535,11 @@ function Hn(e) {
       enableCache: !1
     });
   }
-  const [u, f] = T(() => ({})), [d, m] = T(() => ({})), [g, y] = T(() => !1);
+  const [d, f] = T(() => ({})), [u, m] = T(() => ({})), [g, y] = T(() => !1);
   function C(h) {
-    var x, v;
+    var v, S;
     if (e.builderContextSignal.content) {
-      const k = (x = e.builderContextSignal.content) == null ? void 0 : x.testVariationId, I = (v = e.builderContextSignal.content) == null ? void 0 : v.id;
+      const k = (v = e.builderContextSignal.content) == null ? void 0 : v.testVariationId, I = (S = e.builderContextSignal.content) == null ? void 0 : S.id;
       he({
         type: "click",
         canTrack: Q(e.canTrack),
@@ -3531,16 +3553,16 @@ function Hn(e) {
     g || y(!0);
   }
   function p() {
-    var x, v, k;
-    const h = (k = (v = (x = e.builderContextSignal.content) == null ? void 0 : x.data) == null ? void 0 : v.httpRequests) != null ? k : {};
+    var v, S, k;
+    const h = (k = (S = (v = e.builderContextSignal.content) == null ? void 0 : v.data) == null ? void 0 : S.httpRequests) != null ? k : {};
     Object.entries(h).forEach(([I, W]) => {
-      if (!W || d[I] || u[I] && !$())
+      if (!W || u[I] || d[I] && !$())
         return;
-      d[I] = !0;
+      u[I] = !0;
       const j = W.replace(
         /{{([^}]+)}}/g,
         (F, Ue) => String(
-          q({
+          U({
             code: Ue,
             context: e.context || {},
             localState: void 0,
@@ -3553,11 +3575,11 @@ function Hn(e) {
       Ge(j).then((F) => F.json()).then((F) => {
         n({
           [I]: F
-        }), u[I] = !0;
+        }), d[I] = !0;
       }).catch((F) => {
         console.error("error fetching dynamic data", W, F);
       }).finally(() => {
-        d[I] = !1;
+        u[I] = !1;
       });
     });
   }
@@ -3576,8 +3598,8 @@ function Hn(e) {
       )
     );
   }
-  return V(() => {
-    var h, x;
+  return P(() => {
+    var h, v;
     if (G()) {
       if ($() && (window.addEventListener("message", r), Ke(), ze({
         ...e.locale ? {
@@ -3599,7 +3621,7 @@ function Hn(e) {
         "builder:component:stateChangeListenerActivated",
         B
       )), e.builderContextSignal.content && Q(e.canTrack)) {
-        const k = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId, I = (x = e.builderContextSignal.content) == null ? void 0 : x.id, W = e.apiKey;
+        const k = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId, I = (v = e.builderContextSignal.content) == null ? void 0 : v.id, W = e.apiKey;
         he({
           type: "impression",
           canTrack: !0,
@@ -3621,25 +3643,25 @@ function Hn(e) {
         });
       }
     }
-  }, []), V(() => {
+  }, []), P(() => {
     e.apiKey || Z.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     ), c(), p(), B();
-  }, []), V(() => {
+  }, []), P(() => {
     e.content && i(e.content);
-  }, [e.content]), V(() => {
+  }, [e.content]), P(() => {
     c();
-  }, [(A = (E = e.builderContextSignal.content) == null ? void 0 : E.data) == null ? void 0 : A.jsCode]), V(() => {
+  }, [(A = (E = e.builderContextSignal.content) == null ? void 0 : E.data) == null ? void 0 : A.jsCode]), P(() => {
     p();
-  }, [(S = (O = e.builderContextSignal.content) == null ? void 0 : O.data) == null ? void 0 : S.httpRequests]), V(() => {
+  }, [(x = (O = e.builderContextSignal.content) == null ? void 0 : O.data) == null ? void 0 : x.httpRequests]), P(() => {
     B();
-  }, [e.builderContextSignal.rootState]), V(() => {
+  }, [e.builderContextSignal.rootState]), P(() => {
     e.data && n(e.data);
-  }, [e.data]), V(() => {
+  }, [e.data]), P(() => {
     e.locale && n({
       locale: e.locale
     });
-  }, [e.locale]), V(() => () => {
+  }, [e.locale]), P(() => () => {
     G() && (window.removeEventListener("message", r), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       B
@@ -3711,7 +3733,7 @@ const Kn = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function Te(e) {
-  var c, u, f, d, m, g, y;
+  var c, d, f, u, m, g, y;
   const [t, n] = T(
     () => {
       var C, p;
@@ -3786,7 +3808,7 @@ function Te(e) {
       value: {
         registeredComponents: o
       },
-      children: /* @__PURE__ */ P(
+      children: /* @__PURE__ */ V(
         Hn,
         {
           nonce: e.nonce,
@@ -3819,8 +3841,8 @@ function Te(e) {
                 nonce: e.nonce || "",
                 isNestedRender: e.isNestedRender,
                 contentId: (c = a.content) == null ? void 0 : c.id,
-                cssCode: (f = (u = a.content) == null ? void 0 : u.data) == null ? void 0 : f.cssCode,
-                customFonts: (m = (d = a.content) == null ? void 0 : d.data) == null ? void 0 : m.customFonts
+                cssCode: (f = (d = a.content) == null ? void 0 : d.data) == null ? void 0 : f.cssCode,
+                customFonts: (m = (u = a.content) == null ? void 0 : u.data) == null ? void 0 : m.customFonts
               }
             ),
             /* @__PURE__ */ s(
@@ -3869,8 +3891,8 @@ function _n(e) {
       canTrack: Q(e.canTrack)
     });
   }
-  return V(() => {
-  }, []), /* @__PURE__ */ P(R, { children: [
+  return P(() => {
+  }, []), /* @__PURE__ */ V(R, { children: [
     !e.isNestedRender && K !== "reactNative" ? /* @__PURE__ */ s(
       ce,
       {
@@ -3879,7 +3901,7 @@ function _n(e) {
         nonce: e.nonce || ""
       }
     ) : null,
-    t ? /* @__PURE__ */ P(R, { children: [
+    t ? /* @__PURE__ */ V(R, { children: [
       /* @__PURE__ */ s(
         ne,
         {
@@ -3970,7 +3992,7 @@ const Jn = async ({
     });
 };
 function Yn(e) {
-  var r, c, u, f;
+  var r, c, d, f;
   function t() {
     return "div";
   }
@@ -3978,28 +4000,28 @@ function Yn(e) {
     return "div";
   }
   function i() {
-    var d, m;
+    var u, m;
     return [
-      e.attributes[H()],
+      e.attributes[q()],
       "builder-symbol",
-      (d = e.symbol) != null && d.inline ? "builder-inline-symbol" : void 0,
+      (u = e.symbol) != null && u.inline ? "builder-inline-symbol" : void 0,
       (m = e.symbol) != null && m.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }
   const [o, l] = T(() => {
-    var d;
-    return (d = e.symbol) == null ? void 0 : d.content;
+    var u;
+    return (u = e.symbol) == null ? void 0 : u.content;
   });
   function a() {
     o || Jn({
       symbol: e.symbol,
       builderContextValue: e.builderContext
-    }).then((d) => {
-      d && l(d);
+    }).then((u) => {
+      u && l(u);
     });
   }
-  return V(() => {
-  }, []), V(() => {
+  return P(() => {
+  }, []), P(() => {
     a();
   }, [e.symbol]), /* @__PURE__ */ s("div", { ...e.attributes, className: i(), children: /* @__PURE__ */ s(
     _n,
@@ -4016,7 +4038,7 @@ function Yn(e) {
       data: {
         ...(c = e.symbol) == null ? void 0 : c.data,
         ...e.builderContext.localState,
-        ...(u = o == null ? void 0 : o.data) == null ? void 0 : u.state
+        ...(d = o == null ? void 0 : o.data) == null ? void 0 : d.state
       },
       canTrack: e.builderContext.canTrack,
       model: (f = e.symbol) == null ? void 0 : f.model,