@builder.io/sdk-react 4.0.9 → 4.0.10

package/lib/node/blocks-exports.mjs

@@ -1,17 +1,17 @@
 "use client";
-import { TARGET as D, isBrowser as K, logger as Z, checkIsDefined as ge, isPreviewing as oe, isEditing as L, userAttributesService as Ce, getDefaultCanTrack as X, logFetch as Fe, registerInsertMenu as lt, setupBrowserForEditing as st, createRegisterComponentMessage as ct, getCookieSync as ut, _track as Te, fetchOneEntry as Le, createEditorListener as dt, serializeIncludingFunctions as Ie, handleABTestingSync as mt } from "./server-entry-f03c1146.js";
-import { setClientUserAttributes as qi } from "./server-entry-f03c1146.js";
+import { TARGET as F, isBrowser as K, logger as Z, checkIsDefined as ge, isPreviewing as oe, isEditing as O, userAttributesService as Ce, getDefaultCanTrack as X, logFetch as Fe, registerInsertMenu as lt, setupBrowserForEditing as st, createRegisterComponentMessage as ct, getCookieSync as ut, _track as Te, fetchOneEntry as Le, createEditorListener as dt, serializeIncludingFunctions as Ie, handleABTestingSync as mt } from "./server-entry-23f9b44b.js";
+import { setClientUserAttributes as qi } from "./server-entry-23f9b44b.js";
 import { jsx as s, Fragment as R, jsxs as $ } from "react/jsx-runtime";
 import * as ft from "react";
-import { createContext as Oe, useEffect as P, useState as C, useRef as H, useContext as we, createElement as _e } from "react";
-import { getFunctionArguments as ht, flattenState as gt, runInNode as bt, parseCode as yt, getBuilderGlobals as pt, set as Ue, fastClone as ye } from "./setIvm-044ce9e7.js";
-import { shouldForceBrowserRuntimeInNode as vt } from "./should-force-browser-runtime-in-node-f620dcdc.js";
+import { createContext as Oe, useEffect as V, useState as C, useRef as H, useContext as we, createElement as _e } from "react";
+import { getFunctionArguments as ht, flattenState as gt, runInNode as bt, parseCode as yt, getBuilderGlobals as pt, set as Ue, fastClone as ye } from "./setIvm-b29cbc40.js";
+import { shouldForceBrowserRuntimeInNode as vt } from "./should-force-browser-runtime-in-node-5a2ea9eb.js";
 const xt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), St = (e) => typeof e == "string" && xt.has(e.toLowerCase());
 function pe(e) {
   return /* @__PURE__ */ s(R, { children: St(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 j = () => {
-  switch (D) {
+  switch (F) {
     case "react":
     case "reactNative":
     case "rsc":
@@ -210,7 +210,7 @@ function be(e) {
     n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = be(e[n]));
   return t;
 }
-const $t = ["svelte", "vue", "angular", "qwik", "solid"].includes(D), Wt = (e) => {
+const $t = ["svelte", "vue", "angular", "qwik", "solid"].includes(F), Wt = (e) => {
   if ($t) {
     const t = ye(e);
     return {
@@ -358,8 +358,8 @@ function Ut(e) {
       leading: !1
     });
     function l(f) {
-      const g = f.getBoundingClientRect(), m = window.innerHeight, d = (e.thresholdPercent || 0) / 100 * m;
-      return g.bottom > d && g.top < m - d;
+      const b = f.getBoundingClientRect(), m = window.innerHeight, d = (e.thresholdPercent || 0) / 100 * m;
+      return b.bottom > d && b.top < m - d;
     }
     const c = e.steps[0].styles;
     function u() {
@@ -403,7 +403,7 @@ const qt = ({
   block: e
 }));
 function Ge(e) {
-  switch (D) {
+  switch (F) {
     case "svelte":
     case "vue":
     case "solid":
@@ -562,10 +562,10 @@ function Yt(e) {
     return ge(i.hide) ? !i.hide : ge(i.show) ? i.show : !0;
   }
   function n() {
-    var k, V, T, I, b;
+    var k, A, T, I, g;
     const i = e.block, a = i.responsiveStyles, o = e.context.content, r = Xe(
       ((k = o == null ? void 0 : o.meta) == null ? void 0 : k.breakpoints) || {}
-    ), l = !!((T = (V = o == null ? void 0 : o.meta) == null ? void 0 : V.breakpoints) != null && T.xsmall), c = a == null ? void 0 : a.large, u = a == null ? void 0 : a.medium, f = a == null ? void 0 : a.small, g = a == null ? void 0 : a.xsmall, m = i.id;
+    ), l = !!((T = (A = o == null ? void 0 : o.meta) == null ? void 0 : A.breakpoints) != null && T.xsmall), c = a == null ? void 0 : a.large, u = a == null ? void 0 : a.medium, f = a == null ? void 0 : a.small, b = a == null ? void 0 : a.xsmall, m = i.id;
     if (!m)
       return "";
     const v = c ? Q({
@@ -585,21 +585,21 @@ function Yt(e) {
         "small",
         r
       )
-    }) : "", p = g && l ? Q({
+    }) : "", p = b && l ? Q({
       className: m,
-      styles: g,
+      styles: b,
       mediaQuery: ce(
         "xsmall",
         r
       )
-    }) : "", y = i.animations && i.animations.find((S) => S.trigger === "hover");
-    let x = "";
+    }) : "", y = i.animations && i.animations.find((x) => x.trigger === "hover");
+    let S = "";
     if (y) {
-      const S = ((b = (I = y.steps) == null ? void 0 : I[1]) == null ? void 0 : b.styles) || {};
-      x = Q({
+      const x = ((g = (I = y.steps) == null ? void 0 : I[1]) == null ? void 0 : g.styles) || {};
+      S = Q({
         className: `${m}:hover`,
         styles: {
-          ...S,
+          ...x,
           transition: `all ${y.duration}s ${le(
             y.easing
           )}`,
@@ -612,7 +612,7 @@ function Yt(e) {
       d,
       h,
       p,
-      x
+      S
     ].join(" ");
   }
   return /* @__PURE__ */ s(R, { children: n() && t() ? /* @__PURE__ */ s(R, { children: /* @__PURE__ */ s(
@@ -645,7 +645,7 @@ function Ze(e) {
     const o = n[a];
     let r = Zt(a);
     if (e.stripPrefix)
-      switch (D) {
+      switch (F) {
         case "vue":
           r = r.replace("v-on:", "");
           break;
@@ -708,7 +708,7 @@ function an(e) {
   );
 }
 function rn(e) {
-  return P(() => {
+  return V(() => {
   }, []), /* @__PURE__ */ s(R, { children: e.children });
 }
 function on(e) {
@@ -732,7 +732,7 @@ function on(e) {
   function n() {
     return e.wrapperProps;
   }
-  return P(() => {
+  return V(() => {
   }, [e.wrapperProps, (a = (i = e.block) == null ? void 0 : i.component) == null ? void 0 : a.options]), /* @__PURE__ */ s(R, { children: e.Wrapper.load ? /* @__PURE__ */ s(R, { children: /* @__PURE__ */ s(
     rn,
     {
@@ -780,7 +780,7 @@ function Re(e) {
   const [t, n] = C(
     () => e.isInteractive ? on : e.componentRef
   );
-  return P(() => {
+  return V(() => {
   }, [e.componentOptions, e.blockChildren]), /* @__PURE__ */ s(R, { children: e.componentRef ? /* @__PURE__ */ s(R, { children: /* @__PURE__ */ s(
     t,
     {
@@ -809,7 +809,7 @@ function Re(e) {
 }
 function Pe(e) {
   const [t, n] = C(() => e.repeatContext);
-  return P(() => {
+  return V(() => {
     n(e.repeatContext);
   }, [e.repeatContext]), /* @__PURE__ */ s(ve.Provider, { value: t, children: /* @__PURE__ */ s(
     se,
@@ -822,7 +822,7 @@ function Pe(e) {
   ) });
 }
 function se(e) {
-  var f, g, m, v;
+  var f, b, m, v;
   function t() {
     return zt({
       block: e.block,
@@ -889,10 +889,10 @@ function se(e) {
       registeredComponents: e.registeredComponents,
       builderBlock: a(),
       includeBlockProps: ((p = o == null ? void 0 : o()) == null ? void 0 : p.noWrap) === !0,
-      isInteractive: !((y = o == null ? void 0 : o()) != null && y.isRSC && D === "rsc")
+      isInteractive: !((y = o == null ? void 0 : o()) != null && y.isRSC && F === "rsc")
     };
   }
-  return P(() => {
+  return V(() => {
     const d = a().id, h = a().animations;
     h && d && Ot(
       h.map((p) => ({
@@ -900,7 +900,7 @@ function se(e) {
         elementId: d
       }))
     );
-  }, []), P(() => {
+  }, []), V(() => {
     n.update = !0;
   }), /* @__PURE__ */ s(R, { children: l() ? /* @__PURE__ */ $(R, { children: [
     /* @__PURE__ */ s(Yt, { block: a(), context: e.context }),
@@ -956,7 +956,7 @@ function se(e) {
               isInteractive: u().isInteractive
             }
           ),
-          (g = c()) == null ? void 0 : g.map((d) => /* @__PURE__ */ s(
+          (b = c()) == null ? void 0 : b.map((d) => /* @__PURE__ */ s(
             se,
             {
               block: d,
@@ -990,7 +990,7 @@ function sn(e) {
   }
   function a() {
     var r, l;
-    L() && !((r = e.blocks) != null && r.length) && ((l = window.parent) == null || l.postMessage(
+    O() && !((r = e.blocks) != null && r.length) && ((l = window.parent) == null || l.postMessage(
       {
         type: "builder.clickEmptyBlocks",
         data: {
@@ -1003,7 +1003,7 @@ function sn(e) {
   }
   function o() {
     var r, l;
-    L() && !((r = e.blocks) != null && r.length) && ((l = window.parent) == null || l.postMessage(
+    O() && !((r = e.blocks) != null && r.length) && ((l = window.parent) == null || l.postMessage(
       {
         type: "builder.hoverEmptyBlocks",
         data: {
@@ -1014,8 +1014,8 @@ function sn(e) {
       "*"
     ));
   }
-  return P(() => {
-  }, []), P(() => {
+  return V(() => {
+  }, []), V(() => {
   }, [e.blocks]), /* @__PURE__ */ $(R, { children: [
     /* @__PURE__ */ s("style", { children: `.props-blocks-wrapper-8834791c {
   display: flex;
@@ -1084,24 +1084,24 @@ function un(e) {
     return y.link ? e.builderLinkComponent || "a" : "div";
   }
   function o(y) {
-    var x;
-    return ((x = n()[y]) == null ? void 0 : x.width) || 100 / n().length;
+    var S;
+    return ((S = n()[y]) == null ? void 0 : S.width) || 100 / n().length;
   }
   function r(y) {
-    const x = o(y), k = t() * (n().length - 1) * (x / 100);
-    return `calc(${x}% - ${k}px)`;
+    const S = o(y), k = t() * (n().length - 1) * (S / 100);
+    return `calc(${S}% - ${k}px)`;
   }
   function l({
     stackedStyle: y,
-    desktopStyle: x
+    desktopStyle: S
   }) {
-    return i() === "tablet" ? y : x;
+    return i() === "tablet" ? y : S;
   }
   function c({
     stackedStyle: y,
-    desktopStyle: x
+    desktopStyle: S
   }) {
-    return i() === "never" ? x : y;
+    return i() === "never" ? S : y;
   }
   function u() {
     return e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column";
@@ -1115,8 +1115,8 @@ function un(e) {
       })
     };
   }
-  function g(y) {
-    const x = y === 0 ? 0 : t(), k = r(y), V = `${x}px`, T = "100%", I = 0;
+  function b(y) {
+    const S = y === 0 ? 0 : t(), k = r(y), A = `${S}px`, T = "100%", I = 0;
     return {
       ...{
         display: "flex",
@@ -1124,14 +1124,14 @@ function un(e) {
         alignItems: "stretch"
       },
       width: k,
-      ["marginLeft"]: V,
+      ["marginLeft"]: A,
       "--column-width-mobile": c({
         stackedStyle: T,
         desktopStyle: k
       }),
       "--column-margin-left-mobile": c({
         stackedStyle: I,
-        desktopStyle: V
+        desktopStyle: A
       }),
       "--column-width-tablet": l({
         stackedStyle: T,
@@ -1139,14 +1139,14 @@ function un(e) {
       }),
       "--column-margin-left-tablet": l({
         stackedStyle: I,
-        desktopStyle: V
+        desktopStyle: A
       })
     };
   }
   function m(y) {
-    var k, V;
+    var k, A;
     return Xe(
-      ((V = (k = e.builderContext.content) == null ? void 0 : k.meta) == null ? void 0 : V.breakpoints) || {}
+      ((A = (k = e.builderContext.content) == null ? void 0 : k.meta) == null ? void 0 : A.breakpoints) || {}
     )[y].max;
   }
   function v() {
@@ -1177,13 +1177,13 @@ function un(e) {
         },
       `;
   }
-  function d(y, x) {
+  function d(y, S) {
     return {
       ...y.link ? {
         href: y.link
       } : {},
       [j()]: "builder-column",
-      style: Ge(g(x))
+      style: Ge(b(S))
     };
   }
   return /* @__PURE__ */ $(R, { children: [
@@ -1206,16 +1206,16 @@ function un(e) {
               nonce: e.builderContext.nonce
             }
           ),
-          (p = e.columns) == null ? void 0 : p.map((y, x) => /* @__PURE__ */ s(
+          (p = e.columns) == null ? void 0 : p.map((y, S) => /* @__PURE__ */ s(
             pe,
             {
               TagName: a(y),
               actionAttributes: {},
-              attributes: d(y, x),
+              attributes: d(y, S),
               children: /* @__PURE__ */ s(
                 _,
                 {
-                  path: `columns.${x}.blocks`,
+                  path: `columns.${S}.blocks`,
                   parent: e.builderBlock.id,
                   context: e.builderContext,
                   registeredComponents: e.builderComponents,
@@ -1227,7 +1227,7 @@ function un(e) {
                 }
               )
             },
-            x
+            S
           ))
         ]
       }
@@ -1271,18 +1271,18 @@ function hn(e) {
   var a, o, r, l, c, u;
   function t() {
     var m;
-    const g = e.image || e.src;
-    if (!g || // We can auto add srcset for cdn.builder.io and shopify
+    const b = e.image || e.src;
+    if (!b || // We can auto add srcset for cdn.builder.io and shopify
     // images, otherwise you can supply this prop manually
-    !(typeof g == "string" && (g.match(/builder\.io/) || g.match(/cdn\.shopify\.com/))))
+    !(typeof b == "string" && (b.match(/builder\.io/) || b.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"), ue(g);
+          return console.debug("Removed given srcset"), ue(b);
       } else if (e.image && !e.srcset)
-        return ue(g);
-      return ue(g);
+        return ue(b);
+      return ue(b);
     }
   }
   function n() {
@@ -1299,7 +1299,7 @@ function hn(e) {
     };
     return e.aspectRatio ? f : void 0;
   }
-  return P(() => {
+  return V(() => {
   }, []), /* @__PURE__ */ $(R, { children: [
     /* @__PURE__ */ s("style", { children: `.img-3cc22d08 {
   opacity: 1;
@@ -1594,9 +1594,9 @@ const yn = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
       visibilityStylesEl.innerHTML = newStyleStr;
     }
   }
-}`, ne = "default", xn = "filterWithCustomTargeting", et = "builderIoPersonalization", tt = "updateVisibilityStylesScript", nt = ["react", "vue", "svelte"], ie = ["vue", "svelte"];
+}`, ne = "default", xn = "filterWithCustomTargeting", et = "builderIoPersonalization", tt = "updateVisibilityStylesScript", nt = ["react", "vue", "svelte", "qwik"], ie = ["vue", "svelte", "qwik"];
 function Sn(e, t) {
-  return !(e && e.length > 0) || !t ? !1 : ie.includes(D) ? !0 : !K();
+  return !(e && e.length > 0) || !t ? !1 : ie.includes(F) ? !0 : !K();
 }
 function kn({
   variants: e,
@@ -1611,7 +1611,7 @@ function kn({
     path: "this.children",
     index: ne
   };
-  if (n && L()) {
+  if (n && O()) {
     if (typeof t == "number" && t < ((r = e == null ? void 0 : e.length) != null ? r : 0)) {
       const l = e == null ? void 0 : e[t];
       if (l)
@@ -1641,7 +1641,7 @@ const Cn = () => `
   window.${xn} = ${pn}
   window.${et} = ${yn}
   window.${tt} = ${vn}
-  `, it = D === "react", Tn = (e, t, n) => `window.${et}(${JSON.stringify(e)}, "${t}", ${it}${n ? `, "${n}"` : ""})`, In = (e, t, n) => `window.${tt}(${JSON.stringify(e)}, "${t}", ${it}${n ? `, "${n}"` : ""})`, de = {
+  `, it = F === "react", Tn = (e, t, n) => `window.${et}(${JSON.stringify(e)}, "${t}", ${it}${n ? `, "${n}"` : ""})`, In = (e, t, n) => `window.${tt}(${JSON.stringify(e)}, "${t}", ${it}${n ? `, "${n}"` : ""})`, de = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -1767,7 +1767,7 @@ const Cn = () => `
   }
 }, Ae = (e) => e.toString();
 function En(e) {
-  var g;
+  var b;
   const [t, n] = C(() => []);
   function i() {
     return !!(e.grid || e.oneAtATime);
@@ -1816,13 +1816,13 @@ function En(e) {
           if (p) {
             if (p.classList.contains("builder-accordion-detail"))
               continue;
-            const x = p.getBoundingClientRect();
-            if (x.left > y.left) {
+            const S = p.getBoundingClientRect();
+            if (S.left > y.left) {
               const k = parseInt(
                 p.getAttribute("data-index") || "",
                 10
               );
-              isNaN(k) || (y = x, m = k);
+              isNaN(k) || (y = S, m = k);
             } else
               break;
           }
@@ -1844,7 +1844,7 @@ function En(e) {
   function f(m) {
     t.includes(m) ? n(i() ? [] : t.filter((v) => v !== m)) : n(i() ? [m] : t.concat(m));
   }
-  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: a(), children: (g = e.items) == null ? void 0 : g.map((m, v) => /* @__PURE__ */ $(ft.Fragment, { children: [
+  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: a(), children: (b = e.items) == null ? void 0 : b.map((m, v) => /* @__PURE__ */ $(ft.Fragment, { children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -2163,13 +2163,13 @@ const Rn = {
       function n(r, l = 6e4) {
         return new Promise((c, u) => {
           const f = document.createElement("img");
-          let g = !1;
+          let b = !1;
           f.onload = () => {
-            g = !0, c(f);
+            b = !0, c(f);
           }, f.addEventListener("error", (m) => {
             console.warn("Image load failed", m.error), u(m.error);
           }), f.src = r, setTimeout(() => {
-            g || u(new Error("Image load timed out"));
+            b || u(new Error("Image load timed out"));
           }, l);
         });
       }
@@ -2300,7 +2300,7 @@ function q(e) {
   );
 }
 function $n(e) {
-  var x, k, V, T, I, b, S, w, A, F, O, W, U;
+  var S, k, A, T, I, g, x, w, D, L, W, P, U;
   const t = H(null), [n, i] = C(
     () => Ce.getUserAttributes()
   ), [a, o] = C(
@@ -2321,7 +2321,7 @@ function $n(e) {
         (N = (B = e.builderContext) == null ? void 0 : B.rootState) == null ? void 0 : N.locale
       );
     }
-  ), [c, u] = C(() => []), [f, g] = C(
+  ), [c, u] = C(() => []), [f, b] = C(
     () => {
       var E;
       return Sn(
@@ -2370,15 +2370,18 @@ function $n(e) {
       }
     ).join("");
   }
-  return P(() => {
+  return V(() => {
     var B;
     v(!0);
     const E = Ce.subscribeOnUserAttributesChange(
       (N) => {
         i(N);
+      },
+      {
+        fireImmediately: F === "qwik"
       }
     );
-    if (!(L() || oe())) {
+    if (!(O() || oe())) {
       const N = h()[0];
       t.current && (t.current.dispatchEvent(
         new CustomEvent("builder.variantLoaded", {
@@ -2404,24 +2407,24 @@ function $n(e) {
       }).observe(t.current));
     }
     c.push(E);
-  }, []), P(() => () => {
+  }, []), V(() => () => {
     c.forEach((E) => E());
   }, []), /* @__PURE__ */ $("div", { ref: t, ...d(), children: [
-    m && ie.includes(D) ? /* @__PURE__ */ s(
+    m && ie.includes(F) ? /* @__PURE__ */ s(
       _,
       {
         blocks: p().blocks,
-        parent: (x = e.builderBlock) == null ? void 0 : x.id,
+        parent: (S = e.builderBlock) == null ? void 0 : S.id,
         path: p().path,
         context: e.builderContext,
         registeredComponents: e.builderComponents,
         BlocksWrapperProps: {
           ...(k = e.builderContext) == null ? void 0 : k.BlocksWrapperProps,
-          "data-variant-id": `${(V = e.builderBlock) == null ? void 0 : V.id}-${p().index}`
+          "data-variant-id": `${(A = e.builderBlock) == null ? void 0 : A.id}-${p().index}`
         }
       }
     ) : null,
-    !m && ie.includes(D) || !ie.includes(D) ? /* @__PURE__ */ $(R, { children: [
+    !m && ie.includes(F) || !ie.includes(F) ? /* @__PURE__ */ $(R, { children: [
       f ? /* @__PURE__ */ $(R, { children: [
         /* @__PURE__ */ s(
           ee,
@@ -2434,9 +2437,9 @@ function $n(e) {
         /* @__PURE__ */ s(
           q,
           {
-            nonce: ((b = e.builderContext) == null ? void 0 : b.nonce) || "",
+            nonce: ((g = e.builderContext) == null ? void 0 : g.nonce) || "",
             scriptStr: r,
-            id: `variants-visibility-script-${(S = e.builderBlock) == null ? void 0 : S.id}`
+            id: `variants-visibility-script-${(x = e.builderBlock) == null ? void 0 : x.id}`
           }
         ),
         (w = e.variants) == null ? void 0 : w.map((E, B) => {
@@ -2472,18 +2475,18 @@ function $n(e) {
         _,
         {
           blocks: p().blocks,
-          parent: (A = e.builderBlock) == null ? void 0 : A.id,
+          parent: (D = e.builderBlock) == null ? void 0 : D.id,
           path: p().path,
           context: e.builderContext,
           registeredComponents: e.builderComponents,
           BlocksWrapperProps: {
-            ...(F = e.builderContext) == null ? void 0 : F.BlocksWrapperProps,
-            "data-variant-id": `${(O = e.builderBlock) == null ? void 0 : O.id}-${p().index}`
+            ...(L = e.builderContext) == null ? void 0 : L.BlocksWrapperProps,
+            "data-variant-id": `${(W = e.builderBlock) == null ? void 0 : W.id}-${p().index}`
           },
           children: f ? /* @__PURE__ */ s(
             q,
             {
-              nonce: ((W = e.builderContext) == null ? void 0 : W.nonce) || "",
+              nonce: ((P = e.builderContext) == null ? void 0 : P.nonce) || "",
               scriptStr: a,
               id: `variants-script-${(U = e.builderBlock) == null ? void 0 : U.id}-${ne}`
             }
@@ -2883,8 +2886,8 @@ function qn(e) {
         if (n.includes(f.src))
           continue;
         n.push(f.src);
-        const g = document.createElement("script");
-        g.async = !0, g.src = f.src, document.head.appendChild(g);
+        const b = document.createElement("script");
+        b.async = !0, b.src = f.src, document.head.appendChild(b);
       } else if (!f.type || [
         "text/javascript",
         "application/javascript",
@@ -2894,19 +2897,19 @@ function qn(e) {
           continue;
         try {
           a.push(f.innerText), new Function(f.innerText)();
-        } catch (g) {
+        } catch (b) {
           Z.warn(
             "[BUILDER.IO] `CustomCode`: Error running script:",
-            g
+            b
           );
         }
       }
     }
   }
-  return P(() => {
+  return V(() => {
     r();
-  }, []), P(() => {
-    L() && r();
+  }, []), V(() => {
+    O() && r();
   }, [e.code]), /* @__PURE__ */ s(
     "div",
     {
@@ -2939,20 +2942,20 @@ function Jn(e) {
       return;
     const u = t.current.getElementsByTagName("script");
     for (let f = 0; f < u.length; f++) {
-      const g = u[f];
-      if (g.src && !n.includes(g.src)) {
-        n.push(g.src);
+      const b = u[f];
+      if (b.src && !n.includes(b.src)) {
+        n.push(b.src);
         const m = document.createElement("script");
-        m.async = !0, m.src = g.src, document.head.appendChild(m);
-      } else if (Kn(g) && !a.includes(g.innerText))
+        m.async = !0, m.src = b.src, document.head.appendChild(m);
+      } else if (Kn(b) && !a.includes(b.innerText))
         try {
-          a.push(g.innerText), new Function(g.innerText)();
+          a.push(b.innerText), new Function(b.innerText)();
         } catch (m) {
           Z.warn("[BUILDER.IO] `Embed`: Error running script:", m);
         }
     }
   }
-  return P(() => {
+  return V(() => {
     t.current && !r && (l(!0), c());
   }, [t.current, r]), /* @__PURE__ */ s(
     "div",
@@ -3206,112 +3209,124 @@ const Gn = {
 };
 function Xn(e) {
   const t = H(null), [n, i] = C(() => "unsubmitted"), [a, o] = C(() => null), [r, l] = C(() => "");
-  function c(g) {
+  function c(b) {
     var v, d;
     const m = {
       ...e.builderContext.rootState,
-      ...g
+      ...b
     };
     e.builderContext.rootSetState ? (d = (v = e.builderContext).rootSetState) == null || d.call(v, m) : e.builderContext.rootState = m;
   }
   function u() {
-    return L() && e.previewState || n;
+    return O() && e.previewState || n;
   }
-  function f(g) {
+  function f(b) {
     var v;
     const m = e.sendWithJs || e.sendSubmissionsTo === "email";
     if (e.sendSubmissionsTo === "zapier")
-      g.preventDefault();
+      b.preventDefault();
     else if (m) {
       if (!(e.action || e.sendSubmissionsTo === "email")) {
-        g.preventDefault();
+        b.preventDefault();
         return;
       }
-      g.preventDefault();
-      const d = g.currentTarget || g.target, h = e.customHeaders || {};
+      b.preventDefault();
+      const d = b.currentTarget || b.target, h = e.customHeaders || {};
       let p;
-      const y = new FormData(d), x = Array.from(d.querySelectorAll("input,select,textarea")).filter((b) => !!b.name).map((b) => {
-        let S;
-        const w = b.name;
-        if (b instanceof HTMLInputElement)
-          if (b.type === "radio") {
-            if (b.checked)
-              return S = b.name, {
+      const y = new FormData(d), S = Array.from(d.querySelectorAll("input,select,textarea")).filter((g) => !!g.name).map((g) => {
+        let x;
+        const w = g.name;
+        if (g instanceof HTMLInputElement)
+          if (g.type === "radio") {
+            if (g.checked)
+              return x = g.name, {
                 key: w,
-                value: S
+                value: x
               };
-          } else if (b.type === "checkbox")
-            S = b.checked;
-          else if (b.type === "number" || b.type === "range") {
-            const A = b.valueAsNumber;
-            isNaN(A) || (S = A);
+          } else if (g.type === "checkbox")
+            x = g.checked;
+          else if (g.type === "number" || g.type === "range") {
+            const D = g.valueAsNumber;
+            isNaN(D) || (x = D);
           } else
-            b.type === "file" ? S = b.files : S = b.value;
+            g.type === "file" ? x = g.files : x = g.value;
         else
-          S = b.value;
+          x = g.value;
         return {
           key: w,
-          value: S
+          value: x
         };
       });
       let k = e.contentType;
-      if (e.sendSubmissionsTo === "email" && (k = "multipart/form-data"), Array.from(x).forEach(({ value: b }) => {
-        (b instanceof File || Array.isArray(b) && b[0] instanceof File || b instanceof FileList) && (k = "multipart/form-data");
+      if (e.sendSubmissionsTo === "email" && (k = "multipart/form-data"), Array.from(S).forEach(({ value: g }) => {
+        (g instanceof File || Array.isArray(g) && g[0] instanceof File || g instanceof FileList) && (k = "multipart/form-data");
       }), k !== "application/json")
         p = y;
       else {
-        const b = {};
-        Array.from(x).forEach(({ value: S, key: w }) => {
-          Ue(b, w, S);
-        }), p = JSON.stringify(b);
+        const g = {};
+        Array.from(S).forEach(({ value: x, key: w }) => {
+          Ue(g, w, x);
+        }), p = JSON.stringify(g);
       }
       k && k !== "multipart/form-data" && (m && ((v = e.action) != null && v.includes("zapier.com")) || (h["content-type"] = k));
-      const V = new CustomEvent("presubmit", { detail: { body: p } });
-      if (t.current && (t.current.dispatchEvent(V), V.defaultPrevented))
+      const A = new CustomEvent("presubmit", { detail: { body: p } });
+      if (t.current && (t.current.dispatchEvent(A), A.defaultPrevented))
+        return;
+      if (i("sending"), e.sendSubmissionsTo === "email" && (e.sendSubmissionsToEmail === "your@email.com" || !e.sendSubmissionsToEmail)) {
+        const g = "SubmissionsToEmail is required when sendSubmissionsTo is set to email";
+        console.error(g), i("error"), c({ formErrorMessage: g });
         return;
-      i("sending");
+      }
       const T = `${Yn() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
         e.sendSubmissionsToEmail || ""
       )}&name=${encodeURIComponent(e.name || "")}`, I = e.sendSubmissionsTo === "email" ? T : e.action;
       Fe(I), fetch(I, { body: p, headers: h, method: e.method || "post" }).then(
-        async (b) => {
-          let S;
-          const w = b.headers.get("content-type");
-          if (w && w.indexOf("application/json") !== -1 ? S = await b.json() : S = await b.text(), !b.ok && e.errorMessagePath) {
-            let A = Me(S, e.errorMessagePath);
-            A && (typeof A != "string" && (A = JSON.stringify(A)), l(A), c({ formErrorMessage: A }));
+        async (g) => {
+          var D, L;
+          let x;
+          const w = g.headers.get("content-type");
+          if (w && w.indexOf("application/json") !== -1 ? x = await g.json() : x = await g.text(), !g.ok) {
+            const W = new CustomEvent("submit:error", {
+              detail: { error: x, status: g.status }
+            });
+            if ((D = t.current) != null && D.nativeElement && ((L = t.current) == null || L.nativeElement.dispatchEvent(W), W.defaultPrevented))
+              return;
+            o(x), i("error");
+            let P = e.errorMessagePath ? Me(x, e.errorMessagePath) : x.message || x.error || x;
+            typeof P != "string" && (P = JSON.stringify(P)), l(P), c({ formErrorMessage: P });
+            return;
           }
-          if (o(S), i(b.ok ? "success" : "error"), b.ok) {
-            const A = new CustomEvent("submit:success", {
-              detail: { res: b, body: S }
+          if (o(x), i(g.ok ? "success" : "error"), g.ok) {
+            const W = new CustomEvent("submit:success", {
+              detail: { res: g, body: x }
             });
             if (t.current) {
-              if (t.current.dispatchEvent(A), A.defaultPrevented)
+              if (t.current.dispatchEvent(W), W.defaultPrevented)
                 return;
               e.resetFormOnSubmit !== !1 && t.current.reset();
             }
             if (e.successUrl)
               if (t.current) {
-                const F = new CustomEvent("route", {
+                const P = new CustomEvent("route", {
                   detail: { url: e.successUrl }
                 });
-                t.current.dispatchEvent(F), F.defaultPrevented || (location.href = e.successUrl);
+                t.current.dispatchEvent(P), P.defaultPrevented || (location.href = e.successUrl);
               } else
                 location.href = e.successUrl;
           }
         },
-        (b) => {
-          const S = new CustomEvent("submit:error", {
-            detail: { error: b }
+        (g) => {
+          const x = new CustomEvent("submit:error", {
+            detail: { error: g }
           });
-          t.current && (t.current.dispatchEvent(S), S.defaultPrevented) || (o(b), i("error"));
+          t.current && (t.current.dispatchEvent(x), x.defaultPrevented) || (o(g), i("error"));
         }
       );
     }
   }
   return /* @__PURE__ */ $(R, { children: [
     " ",
-    /* @__PURE__ */ s("style", { children: ".pre-7acc3b46 {   padding: 10px;   color: red;   text-align: center; }" }),
+    /* @__PURE__ */ s("style", { children: ".pre-7c90c93e {   padding: 10px;   color: red;   text-align: center; }" }),
     " ",
     /* @__PURE__ */ $(
       "form",
@@ -3321,7 +3336,7 @@ function Xn(e) {
         action: !e.sendWithJs && e.action,
         method: e.method,
         name: e.name,
-        onSubmit: (g) => f(g),
+        onSubmit: (b) => f(b),
         ...e.attributes,
         children: [
           e.children,
@@ -3341,7 +3356,7 @@ function Xn(e) {
               context: e.builderContext
             }
           ) : null,
-          u() === "error" && a ? /* @__PURE__ */ s("pre", { className: "builder-form-error-text pre-7acc3b46", children: JSON.stringify(a, null, 2) }) : null,
+          u() === "error" && a ? /* @__PURE__ */ s("pre", { className: "builder-form-error-text pre-7c90c93e", children: JSON.stringify(a, null, 2) }) : null,
           u() === "success" ? /* @__PURE__ */ s(
             _,
             {
@@ -3413,7 +3428,7 @@ function ei(e) {
     "input",
     {
       ...e.attributes,
-      key: L() && e.defaultValue ? e.defaultValue : "default-key",
+      key: O() && e.defaultValue ? e.defaultValue : "default-key",
       placeholder: e.placeholder,
       type: e.type,
       name: e.name,
@@ -3473,7 +3488,7 @@ function ni(e) {
     {
       ...e.attributes,
       value: e.value,
-      key: L() && e.defaultValue ? e.defaultValue : "default-key",
+      key: O() && e.defaultValue ? e.defaultValue : "default-key",
       defaultValue: e.defaultValue,
       name: e.name,
       required: e.required
@@ -3587,7 +3602,7 @@ function si(e) {
       src: e.imgSrc || e.image,
       ...e.attributes
     },
-    L() && e.imgSrc || "default-key"
+    O() && e.imgSrc || "default-key"
   );
 }
 const ci = {
@@ -3676,7 +3691,7 @@ const ci = {
   }
 };
 function ui(e) {
-  var r, l, c, u, f, g, m;
+  var r, l, c, u, f, b, m;
   const t = H(null);
   function n() {
     return {
@@ -3704,7 +3719,7 @@ function ui(e) {
   }
   const [a, o] = C(() => {
   });
-  return P(() => {
+  return V(() => {
     if (e.lazyLoad) {
       const v = new IntersectionObserver(function(d) {
         d.forEach(function(h) {
@@ -3715,8 +3730,8 @@ function ui(e) {
             Array.from(p.children).filter(
               (y) => y instanceof HTMLElement && y.tagName === "SOURCE"
             ).forEach((y) => {
-              const x = y.dataset.src;
-              x && (y.src = x);
+              const S = y.dataset.src;
+              S && (y.src = S);
             }), p.load(), v.unobserve(p);
           } catch (y) {
             console.error("Error loading lazy video:", y);
@@ -3725,7 +3740,7 @@ function ui(e) {
       });
       t.current && v.observe(t.current), o(v);
     }
-  }, []), P(() => () => {
+  }, []), V(() => () => {
     a && a.disconnect();
   }, []), /* @__PURE__ */ $(
     "div",
@@ -3790,7 +3805,7 @@ function ui(e) {
             children: e.children
           }
         ) : null,
-        (m = (g = e.builderBlock) == null ? void 0 : g.children) != null && m.length && !e.fitContent ? /* @__PURE__ */ s(
+        (m = (b = e.builderBlock) == null ? void 0 : b.children) != null && m.length && !e.fitContent ? /* @__PURE__ */ s(
           "div",
           {
             style: {
@@ -3862,7 +3877,7 @@ const di = () => [{
 }, {
   component: Hn,
   ...Un
-}, ...nt.includes(D) ? [{
+}, ...nt.includes(F) ? [{
   component: $n,
   ...Nn
 }] : [], {
@@ -3971,7 +3986,7 @@ const di = () => [{
 })), hi = ({
   canTrack: e,
   content: t
-}) => !(!(ae(t).length > 0) || !e || K()), gi = (e) => e === "react" || e === "reactNative", bi = D === "angular", ot = gi(D), yi = () => `
+}) => !(!(ae(t).length > 0) || !e || K()), gi = (e) => e === "react" || e === "reactNative", bi = F === "angular", ot = gi(F), yi = () => `
   window.${at} = ${mi}
   window.${rt} = ${fi}
   `, pi = (e, t) => `
@@ -4025,7 +4040,7 @@ const xi = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, Ci = ["svelte", "qwik", "vue"], We = () => Ci.includes(D) && (L() || oe()), Ti = (e) => {
+}, Ci = ["svelte", "qwik", "vue"], We = () => Ci.includes(F) && (O() || oe()), Ti = (e) => {
   var o, r;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (r = e.fileUrl) != null ? r : (o = e == null ? void 0 : e.files) == null ? void 0 : o.regular;
   let a = "";
@@ -4078,37 +4093,37 @@ font-weight: ${l};
 }
 `, Ri = (e) => e ? "" : Ei, Pi = (e) => `variant-${e}`;
 function Vi(e) {
-  var x, k, V;
+  var S, k, A;
   const t = H(null);
   C(() => !1);
   function n(T) {
-    var b, S;
+    var g, x;
     const I = {
       ...e.builderContextSignal.rootState,
       ...T
     };
-    e.builderContextSignal.rootSetState ? (S = (b = e.builderContextSignal).rootSetState) == null || S.call(b, I) : e.setBuilderContextSignal((w) => ({
+    e.builderContextSignal.rootSetState ? (x = (g = e.builderContextSignal).rootSetState) == null || x.call(g, I) : e.setBuilderContextSignal((w) => ({
       ...w,
       rootState: I
     }));
   }
   function i(T) {
-    var b, S, w, A, F;
+    var g, x, w, D, L;
     const I = {
       ...e.builderContextSignal.content,
       ...T,
       data: {
-        ...(b = e.builderContextSignal.content) == null ? void 0 : b.data,
+        ...(g = e.builderContextSignal.content) == null ? void 0 : g.data,
         ...T == null ? void 0 : T.data
       },
       meta: {
-        ...(S = e.builderContextSignal.content) == null ? void 0 : S.meta,
+        ...(x = e.builderContextSignal.content) == null ? void 0 : x.meta,
         ...T == null ? void 0 : T.meta,
-        breakpoints: ((w = T == null ? void 0 : T.meta) == null ? void 0 : w.breakpoints) || ((F = (A = e.builderContextSignal.content) == null ? void 0 : A.meta) == null ? void 0 : F.breakpoints)
+        breakpoints: ((w = T == null ? void 0 : T.meta) == null ? void 0 : w.breakpoints) || ((L = (D = e.builderContextSignal.content) == null ? void 0 : D.meta) == null ? void 0 : L.breakpoints)
       }
     };
-    e.setBuilderContextSignal((O) => ({
-      ...O,
+    e.setBuilderContextSignal((W) => ({
+      ...W,
       content: I
     }));
   }
@@ -4128,10 +4143,10 @@ function Vi(e) {
       callbacks: {
         configureSdk: (I) => {
           var w;
-          const { breakpoints: b, contentId: S } = I;
-          !S || S !== ((w = e.builderContextSignal.content) == null ? void 0 : w.id) || b && i({
+          const { breakpoints: g, contentId: x } = I;
+          !x || x !== ((w = e.builderContextSignal.content) == null ? void 0 : w.id) || g && i({
             meta: {
-              breakpoints: b
+              breakpoints: g
             }
           });
         },
@@ -4147,18 +4162,18 @@ function Vi(e) {
       }
     })(T);
   }
-  const [c, u] = C(() => ({})), [f, g] = C(() => ({})), [m, v] = C(() => !1);
+  const [c, u] = C(() => ({})), [f, b] = C(() => ({})), [m, v] = C(() => !1);
   function d(T) {
-    var I, b;
+    var I, g;
     if (e.builderContextSignal.content) {
-      const S = (I = e.builderContextSignal.content) == null ? void 0 : I.testVariationId, w = (b = e.builderContextSignal.content) == null ? void 0 : b.id;
+      const x = (I = e.builderContextSignal.content) == null ? void 0 : I.testVariationId, w = (g = e.builderContextSignal.content) == null ? void 0 : g.id;
       Te({
         apiHost: e.apiHost,
         type: "click",
         canTrack: X(e.canTrack),
         contentId: w,
         apiKey: e.apiKey,
-        variationId: S !== w ? S : void 0,
+        variationId: x !== w ? x : void 0,
         ...ki(T),
         unique: !m
       });
@@ -4166,17 +4181,17 @@ function Vi(e) {
     m || v(!0);
   }
   function h() {
-    var I, b, S;
-    const T = (S = (b = (I = e.builderContextSignal.content) == null ? void 0 : I.data) == null ? void 0 : b.httpRequests) != null ? S : {};
-    Object.entries(T).forEach(([w, A]) => {
-      if (!A || f[w] || c[w] && !L())
+    var I, g, x;
+    const T = (x = (g = (I = e.builderContextSignal.content) == null ? void 0 : I.data) == null ? void 0 : g.httpRequests) != null ? x : {};
+    Object.entries(T).forEach(([w, D]) => {
+      if (!D || f[w] || c[w] && !O())
         return;
       f[w] = !0;
-      const F = A.replace(
+      const L = D.replace(
         /{{([^}]+)}}/g,
-        (O, W) => String(
+        (W, P) => String(
           J({
-            code: W,
+            code: P,
             context: e.context || {},
             localState: void 0,
             rootState: e.builderContextSignal.rootState,
@@ -4184,19 +4199,19 @@ function Vi(e) {
           })
         )
       );
-      Fe(F), fetch(F).then((O) => O.json()).then((O) => {
+      Fe(L), fetch(L).then((W) => W.json()).then((W) => {
         n({
-          [w]: O
+          [w]: W
         }), c[w] = !0;
-      }).catch((O) => {
-        console.error("error fetching dynamic data", A, O);
+      }).catch((W) => {
+        console.error("error fetching dynamic data", D, W);
       }).finally(() => {
         f[w] = !1;
       });
     });
   }
   function p() {
-    L() && window.dispatchEvent(
+    O() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
@@ -4211,10 +4226,10 @@ function Vi(e) {
     );
   }
   const y = H(!1);
-  return y.current || (h(), p(), y.current = !0), P(() => {
-    var T, I, b, S, w;
+  return y.current || (h(), p(), y.current = !0), V(() => {
+    var T, I, g, x, w;
     if (K()) {
-      L() && !e.isNestedRender && (window.addEventListener("message", l), lt(), st({
+      O() && !e.isNestedRender && (window.addEventListener("message", l), lt(), st({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -4228,35 +4243,35 @@ function Vi(e) {
         apiKey: e.apiKey
       }), Object.values(
         e.builderContextSignal.componentInfos
-      ).forEach((W) => {
+      ).forEach((P) => {
         var U, E;
-        if (!((U = W.models) != null && U.length) || W.models.includes(e.model)) {
-          const B = ct(W);
+        if (!((U = P.models) != null && U.length) || P.models.includes(e.model)) {
+          const B = ct(P);
           (E = window.parent) == null || E.postMessage(B, "*");
         }
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
         p
       ));
-      const A = e.builderContextSignal.content && X(e.canTrack), F = ut({
+      const D = e.builderContextSignal.content && X(e.canTrack), L = ut({
         name: `builder.tests.${(I = e.builderContextSignal.content) == null ? void 0 : I.id}`,
         canTrack: !0
-      }), O = (b = e.builderContextSignal.content) == null ? void 0 : b.testVariationId;
-      if (A && O === F) {
-        const W = (S = e.builderContextSignal.content) == null ? void 0 : S.id, U = e.apiKey;
+      }), W = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId;
+      if (D && W === L) {
+        const P = (x = e.builderContextSignal.content) == null ? void 0 : x.id, U = e.apiKey;
         Te({
           apiHost: e.apiHost,
           type: "impression",
           canTrack: !0,
-          contentId: W,
+          contentId: P,
           apiKey: U,
-          variationId: F !== W ? F : void 0
+          variationId: L !== P ? L : void 0
         });
       }
-      if (oe() && !L()) {
-        const W = new URL(location.href).searchParams, U = W.get("builder.preview"), E = W.get(
+      if (oe() && !O()) {
+        const P = new URL(location.href).searchParams, U = P.get("builder.preview"), E = P.get(
           `builder.overrides.${U}`
-        ), B = W.get("apiKey") || W.get("builder.space");
+        ), B = P.get("apiKey") || P.get("builder.space");
         (U === "BUILDER_STUDIO" || U === e.model && B === e.apiKey && (!e.content || E === e.content.id)) && Le({
           model: e.model,
           apiKey: e.apiKey,
@@ -4271,17 +4286,17 @@ function Vi(e) {
         });
       }
     }
-  }, []), P(() => {
+  }, []), V(() => {
     e.content && i(e.content);
-  }, [e.content]), P(() => {
+  }, [e.content]), V(() => {
     p();
-  }, [e.builderContextSignal.rootState]), P(() => {
+  }, [e.builderContextSignal.rootState]), V(() => {
     e.data && n(e.data);
-  }, [e.data]), P(() => {
+  }, [e.data]), V(() => {
     e.locale && n({
       locale: e.locale
     });
-  }, [e.locale]), P(() => () => {
+  }, [e.locale]), V(() => () => {
     K() && (window.removeEventListener("message", l), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       p
@@ -4291,10 +4306,10 @@ function Vi(e) {
     {
       ref: t,
       onClick: (T) => d(T),
-      "builder-content-id": (x = e.builderContextSignal.content) == null ? void 0 : x.id,
+      "builder-content-id": (S = e.builderContextSignal.content) == null ? void 0 : S.id,
       "builder-model": e.model,
       className: Pi(
-        ((k = e.content) == null ? void 0 : k.testVariationId) || ((V = e.content) == null ? void 0 : V.id)
+        ((k = e.content) == null ? void 0 : k.testVariationId) || ((A = e.content) == null ? void 0 : A.id)
       ),
       style: {
         display: !e.builderContextSignal.content && We() ? "none" : void 0
@@ -4356,22 +4371,22 @@ const Bi = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function De(e) {
-  var u, f, g, m, v, d, h, p, y;
+  var u, f, b, m, v, d, h, p, y;
   const [t, n] = C(
     () => {
-      var x, k;
+      var S, k;
       return vi({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (x = e.content) == null ? void 0 : x.testVariationId,
+        variationId: (S = e.content) == null ? void 0 : S.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         contentId: (k = e.content) == null ? void 0 : k.id
       });
     }
   );
-  function i(x) {
+  function i(S) {
     l((k) => ({
       ...k,
-      rootState: x
+      rootState: S
     }));
   }
   const [a, o] = C(
@@ -4379,11 +4394,11 @@ function De(e) {
       ...Be(),
       ...e.customComponents || []
     ].reduce(
-      (x, { component: k, ...V }) => ({
-        ...x,
-        [V.name]: {
+      (S, { component: k, ...A }) => ({
+        ...S,
+        [A.name]: {
           component: k,
-          ...Ie(V)
+          ...Ie(A)
         }
       }),
       {}
@@ -4408,9 +4423,9 @@ function De(e) {
       ...Be(),
       ...e.customComponents || []
     ].reduce(
-      (x, { component: k, ...V }) => ({
-        ...x,
-        [V.name]: Ie(V)
+      (S, { component: k, ...A }) => ({
+        ...S,
+        [A.name]: Ie(A)
       }),
       {}
     ),
@@ -4424,9 +4439,9 @@ function De(e) {
     e.apiKey || Z.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     );
-    const x = (f = (u = r.content) == null ? void 0 : u.data) == null ? void 0 : f.jsCode;
-    x && J({
-      code: x,
+    const S = (f = (u = r.content) == null ? void 0 : u.data) == null ? void 0 : f.jsCode;
+    S && J({
+      code: S,
       context: e.context || {},
       localState: void 0,
       rootState: r.rootState,
@@ -4476,7 +4491,7 @@ function De(e) {
               {
                 nonce: e.nonce || "",
                 isNestedRender: e.isNestedRender,
-                contentId: (g = r.content) == null ? void 0 : g.id,
+                contentId: (b = r.content) == null ? void 0 : b.id,
                 cssCode: (v = (m = r.content) == null ? void 0 : m.data) == null ? void 0 : v.cssCode,
                 customFonts: (h = (d = r.content) == null ? void 0 : d.data) == null ? void 0 : h.customFonts
               }
@@ -4527,9 +4542,9 @@ function $i(e) {
       canTrack: X(e.canTrack)
     });
   }
-  return P(() => {
+  return V(() => {
   }, []), /* @__PURE__ */ $(R, { children: [
-    !e.isNestedRender && D !== "reactNative" ? /* @__PURE__ */ $(R, { children: [
+    !e.isNestedRender && F !== "reactNative" ? /* @__PURE__ */ $(R, { children: [
       /* @__PURE__ */ s(
         q,
         {
@@ -4538,7 +4553,7 @@ function $i(e) {
           nonce: e.nonce || ""
         }
       ),
-      nt.includes(D) ? /* @__PURE__ */ s(
+      nt.includes(F) ? /* @__PURE__ */ s(
         q,
         {
           id: "builderio-init-personalization-variants-fns",
@@ -4640,7 +4655,7 @@ const Wi = async ({
     });
 };
 function Di(e) {
-  var u, f, g, m, v;
+  var u, f, b, m, v;
   function t() {
     return "div";
   }
@@ -4673,8 +4688,8 @@ function Di(e) {
       h && (o(h), l((p = e.symbol) == null ? void 0 : p.entry));
     });
   }
-  return P(() => {
-  }, []), P(() => {
+  return V(() => {
+  }, []), V(() => {
     c();
   }, [e.symbol]), /* @__PURE__ */ s("div", { ...e.attributes, className: i(), children: /* @__PURE__ */ s(
     $i,
@@ -4691,7 +4706,7 @@ function Di(e) {
       data: {
         ...(f = e.symbol) == null ? void 0 : f.data,
         ...e.builderContext.localState,
-        ...(g = a == null ? void 0 : a.data) == null ? void 0 : g.state
+        ...(b = a == null ? void 0 : a.data) == null ? void 0 : b.state
       },
       canTrack: e.builderContext.canTrack,
       model: (v = (m = e.symbol) == null ? void 0 : m.model) != null ? v : "",