@builder.io/sdk-react-nextjs 0.14.10 → 0.14.12

package/lib/browser/{bundle-53becb42.js → bundle-98fafe36.js}

@@ -1,7 +1,7 @@
-import { jsx as l, Fragment as v, jsxs as R } from "react/jsx-runtime";
+import { jsx as l, Fragment as k, jsxs as R } from "react/jsx-runtime";
 import "react";
 import { LRUCache as We } from "lru-cache";
-import { I as Oe, B as $e, a as Ne, D as Fe, C as Le, E as Ue, b as De, V as _e, c as Me, F as je, d as He, S as Ke, e as ze } from "./USE_CLIENT_BUNDLE-23f56a7a.js";
+import { I as Oe, B as Ne, a as $e, D as Fe, C as Le, E as Ue, b as De, V as _e, c as Me, F as je, d as He, S as Ke, e as ze } from "./USE_CLIENT_BUNDLE-c82c8713.js";
 import "next/navigation";
 const qe = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), so = (e) => typeof e == "string" && qe.has(e.toLowerCase()), T = "rsc", M = () => {
   switch (T) {
@@ -203,25 +203,25 @@ function K({
     localState: n
   };
   if (s) {
-    const d = V.getCacheKey(c), p = V.getCachedValue(d);
+    const u = V.getCacheKey(c), p = V.getCachedValue(u);
     if (p)
       return p.value;
   }
   try {
-    const d = it(c);
+    const u = it(c);
     if (s) {
       const p = V.getCacheKey(c);
-      V.setCachedValue(p, d);
+      V.setCachedValue(p, u);
     }
-    return d;
-  } catch (d) {
-    x.error("Failed code evaluation: " + d.message, {
+    return u;
+  } catch (u) {
+    x.error("Failed code evaluation: " + u.message, {
       code: e
     });
     return;
   }
 }
-const $ = (e) => JSON.parse(JSON.stringify(e)), rt = (e, t, n) => {
+const N = (e) => JSON.parse(JSON.stringify(e)), rt = (e, t, n) => {
   if (Object(e) !== e)
     return e;
   const o = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
@@ -236,7 +236,7 @@ const at = ({
 }) => {
   if (!e.bindings)
     return e;
-  const r = $(e), a = {
+  const r = N(e), a = {
     ...r,
     properties: {
       ...r.properties
@@ -246,7 +246,7 @@ const at = ({
     }
   };
   for (const s in e.bindings) {
-    const c = e.bindings[s], d = K({
+    const c = e.bindings[s], u = K({
       code: c,
       localState: n,
       rootState: o,
@@ -254,7 +254,7 @@ const at = ({
       context: t,
       enableCache: !0
     });
-    rt(a, s, d);
+    rt(a, s, u);
   }
   return a;
 };
@@ -360,15 +360,15 @@ const ut = ({
   if (!Array.isArray(i))
     return;
   const r = n.collection.split(".").pop(), a = n.itemName || (r ? r + "Item" : "item");
-  return i.map((c, d) => ({
+  return i.map((c, u) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
-        $index: d,
+        $index: u,
         $item: c,
         [a]: c,
-        [`$${a}Index`]: d
+        [`$${a}Index`]: u
       }
     },
     block: o
@@ -393,7 +393,7 @@ const ut = ({
   small: e,
   medium: t
 }) => {
-  const n = $(pe);
+  const n = N(pe);
   if (!e || !t)
     return n;
   const o = Math.floor(e / 2);
@@ -416,8 +416,14 @@ const ut = ({
     default: r + 1
   }, n;
 };
-function N(e) {
-  return /* @__PURE__ */ l("style", { dangerouslySetInnerHTML: { __html: e.styles }, id: e.id });
+function $(e) {
+  return /* @__PURE__ */ l(
+    "style",
+    {
+      dangerouslySetInnerHTML: { __html: e.styles },
+      "data-id": e.id
+    }
+  );
 }
 function ft(e) {
   const t = function() {
@@ -441,21 +447,21 @@ function ft(e) {
       shouldEvaluateBindings: !0
     }), r = i.responsiveStyles, a = e.context.content, s = ge(
       ((m = a == null ? void 0 : a.meta) == null ? void 0 : m.breakpoints) || {}
-    ), c = r == null ? void 0 : r.large, d = r == null ? void 0 : r.medium, p = r == null ? void 0 : r.small, u = i.id;
-    if (!u)
+    ), c = r == null ? void 0 : r.large, u = r == null ? void 0 : r.medium, p = r == null ? void 0 : r.small, d = i.id;
+    if (!d)
       return "";
     const f = c ? L({
-      className: u,
+      className: d,
       styles: c
-    }) : "", b = d ? L({
-      className: u,
-      styles: d,
+    }) : "", b = u ? L({
+      className: d,
+      styles: u,
       mediaQuery: J(
         "medium",
         s
       )
     }) : "", h = p ? L({
-      className: u,
+      className: d,
       styles: p,
       mediaQuery: J(
         "small",
@@ -464,7 +470,7 @@ function ft(e) {
     }) : "";
     return [f, b, h].join(" ");
   };
-  return /* @__PURE__ */ l(v, { children: n() && t() ? /* @__PURE__ */ l(v, { children: /* @__PURE__ */ l(N, { styles: n() }) }) : null });
+  return /* @__PURE__ */ l(k, { children: n() && t() ? /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l($, { id: "builderio-block", styles: n() }) }) : null });
 }
 function ht(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
@@ -528,7 +534,7 @@ function St({
     block: e
   });
 }
-const kt = ({
+const vt = ({
   componentOptions: e,
   builderBlock: t,
   context: n,
@@ -561,10 +567,10 @@ const kt = ({
 function Q(e) {
   var n;
   const t = e.isInteractive ? Oe : e.componentRef;
-  return /* @__PURE__ */ l(v, { children: e.componentRef ? /* @__PURE__ */ l(v, { children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(k, { children: e.componentRef ? /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(
     t,
     {
-      ...kt({
+      ...vt({
         componentOptions: e.componentOptions,
         builderBlock: e.builderBlock,
         context: e.context,
@@ -587,7 +593,7 @@ function Q(e) {
     }
   ) }) : null });
 }
-function vt(e) {
+function kt(e) {
   const t = e.repeatContext;
   return /* @__PURE__ */ l(
     F,
@@ -600,7 +606,7 @@ function vt(e) {
   );
 }
 function F(e) {
-  var c, d, p;
+  var c, u, p;
   const t = function() {
     return ut({
       block: e.block,
@@ -635,7 +641,7 @@ function F(e) {
     var b;
     return !((b = t()) != null && b.component) && !n() ? o().children ?? [] : [];
   }, s = function() {
-    var f, b, h, m, y, g, C, E, k, I;
+    var f, b, h, m, y, g, C, E, v, I;
     return {
       blockChildren: o().children ?? [],
       componentRef: (f = t()) == null ? void 0 : f.component,
@@ -653,13 +659,13 @@ function F(e) {
       linkComponent: e.linkComponent,
       registeredComponents: e.registeredComponents,
       builderBlock: o(),
-      includeBlockProps: ((k = t()) == null ? void 0 : k.noWrap) === !0,
+      includeBlockProps: ((v = t()) == null ? void 0 : v.noWrap) === !0,
       isInteractive: !((I = t()) != null && I.isRSC)
     };
   };
-  return /* @__PURE__ */ l(v, { children: r() ? /* @__PURE__ */ R(v, { children: [
+  return /* @__PURE__ */ l(k, { children: r() ? /* @__PURE__ */ R(k, { children: [
     /* @__PURE__ */ l(ft, { block: e.block, context: e.context }),
-    (c = t()) != null && c.noWrap ? /* @__PURE__ */ l(v, { children: /* @__PURE__ */ l(
+    (c = t()) != null && c.noWrap ? /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(
       Q,
       {
         componentRef: s().componentRef,
@@ -672,17 +678,17 @@ function F(e) {
         includeBlockProps: s().includeBlockProps,
         isInteractive: s().isInteractive
       }
-    ) }) : /* @__PURE__ */ l(v, { children: n() ? /* @__PURE__ */ l(v, { children: (p = n()) == null ? void 0 : p.map((u, f) => /* @__PURE__ */ l(
-      vt,
+    ) }) : /* @__PURE__ */ l(k, { children: n() ? /* @__PURE__ */ l(k, { children: (p = n()) == null ? void 0 : p.map((d, f) => /* @__PURE__ */ l(
+      kt,
       {
-        repeatContext: u.context,
-        block: u.block,
+        repeatContext: d.context,
+        block: d.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
       f
     )) }) : /* @__PURE__ */ R(
-      $e,
+      Ne,
       {
         Wrapper: i(),
         block: o(),
@@ -703,15 +709,15 @@ function F(e) {
               isInteractive: s().isInteractive
             }
           ),
-          (d = a()) == null ? void 0 : d.map((u) => /* @__PURE__ */ l(
+          (u = a()) == null ? void 0 : u.map((d) => /* @__PURE__ */ l(
             F,
             {
-              block: u,
+              block: d,
               registeredComponents: e.registeredComponents,
               linkComponent: e.linkComponent,
               context: e.context
             },
-            u.id
+            d.id
           ))
         ]
       }
@@ -721,7 +727,7 @@ function F(e) {
 function z(e) {
   var t, n, o;
   return /* @__PURE__ */ l(
-    Ne,
+    $e,
     {
       blocks: e.blocks,
       parent: e.parent,
@@ -729,7 +735,7 @@ function z(e) {
       styleProp: e.styleProp,
       BlocksWrapper: (t = e.context) == null ? void 0 : t.BlocksWrapper,
       BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
-      children: e.blocks ? /* @__PURE__ */ l(v, { children: (o = e.blocks) == null ? void 0 : o.map((i) => /* @__PURE__ */ l(
+      children: e.blocks ? /* @__PURE__ */ l(k, { children: (o = e.blocks) == null ? void 0 : o.map((i) => /* @__PURE__ */ l(
         F,
         {
           block: i,
@@ -760,7 +766,7 @@ function xt(e) {
     desktopStyle: y
   }) {
     return o === "never" ? y : m;
-  }, c = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", d = function() {
+  }, c = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", u = function() {
     return {
       "--flex-dir": c,
       "--flex-dir-tablet": a({
@@ -769,7 +775,7 @@ function xt(e) {
       })
     };
   }, p = function(m) {
-    const y = m === 0 ? 0 : t, g = r(m), C = `${y}px`, E = "100%", k = 0;
+    const y = m === 0 ? 0 : t, g = r(m), C = `${y}px`, E = "100%", v = 0;
     return {
       ...{
         display: "flex",
@@ -783,7 +789,7 @@ function xt(e) {
         desktopStyle: g
       }),
       "--column-margin-left-mobile": s({
-        stackedStyle: k,
+        stackedStyle: v,
         desktopStyle: C
       }),
       "--column-width-tablet": a({
@@ -791,18 +797,18 @@ function xt(e) {
         desktopStyle: g
       }),
       "--column-margin-left-tablet": a({
-        stackedStyle: k,
+        stackedStyle: v,
         desktopStyle: C
       })
     };
-  }, u = function(m) {
+  }, d = function(m) {
     var g, C;
     return ge(
       ((C = (g = e.builderContext.content) == null ? void 0 : g.meta) == null ? void 0 : C.breakpoints) || {}
     )[m].max;
   }, f = function() {
     return `
-        @media (max-width: ${u("medium")}px) {
+        @media (max-width: ${d("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -814,7 +820,7 @@ function xt(e) {
           }
         }
 
-        @media (max-width: ${u("small")}px) {
+        @media (max-width: ${d("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -827,14 +833,14 @@ function xt(e) {
         },
       `;
   };
-  return /* @__PURE__ */ R(v, { children: [
+  return /* @__PURE__ */ R(k, { children: [
     /* @__PURE__ */ R(
       "div",
       {
-        className: `builder-columns ${e.builderBlock.id}-breakpoints div-7e6263b2`,
-        style: d(),
+        className: `builder-columns ${e.builderBlock.id}-breakpoints div-664216e4`,
+        style: u(),
         children: [
-          /* @__PURE__ */ l(N, { styles: f() }),
+          /* @__PURE__ */ l($, { id: "builderio-columns", styles: f() }),
           (b = e.columns) == null ? void 0 : b.map((h, m) => /* @__PURE__ */ l(
             Fe,
             {
@@ -867,7 +873,7 @@ function xt(e) {
         ]
       }
     ),
-    /* @__PURE__ */ l("style", { children: `.div-7e6263b2 {
+    /* @__PURE__ */ l("style", { children: `.div-664216e4 {
   display: flex;
   line-height: normal;
 }` })
@@ -961,7 +967,7 @@ const It = (e) => {
   name: q(e),
   value: t,
   canTrack: !0
-}), ke = (e) => w(e.id) && w(e.variations) && Object.keys(e.variations).length > 0, Wt = ({
+}), ve = (e) => w(e.id) && w(e.variations) && Object.keys(e.variations).length > 0, Wt = ({
   id: e,
   variations: t
 }) => {
@@ -974,7 +980,7 @@ const It = (e) => {
       return r;
   }
   return e;
-}, ve = (e) => {
+}, ke = (e) => {
   const t = Wt(e);
   return Bt({
     contentId: e.id,
@@ -1004,11 +1010,11 @@ const It = (e) => {
     return e;
   if (!e)
     return;
-  if (!ke(e))
+  if (!ve(e))
     return e;
   const n = Vt({
     contentId: e.id
-  }) || ve({
+  }) || ke({
     variations: e.variations,
     id: e.id
   }), o = xe({
@@ -1019,15 +1025,15 @@ const It = (e) => {
     ...e,
     ...o
   };
-}, $t = async ({
+}, Nt = async ({
   item: e,
   canTrack: t
 }) => {
-  if (!t || !ke(e))
+  if (!t || !ve(e))
     return e;
   const o = await At({
     contentId: e.id
-  }) || ve({
+  }) || ke({
     variations: e.variations,
     id: e.id
   }), i = xe({
@@ -1038,7 +1044,7 @@ const It = (e) => {
     ...e,
     ...i
   };
-}, U = (e) => w(e) ? e : !0, Nt = {
+}, U = (e) => w(e) ? e : !0, $t = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1299,15 +1305,15 @@ const It = (e) => {
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(a, s = 6e4) {
-        return new Promise((c, d) => {
+        return new Promise((c, u) => {
           const p = document.createElement("img");
-          let u = !1;
+          let d = !1;
           p.onload = () => {
-            u = !0, c(p);
+            d = !0, c(p);
           }, p.addEventListener("error", (f) => {
-            console.warn("Image load failed", f.error), d(f.error);
+            console.warn("Image load failed", f.error), u(f.error);
           }), p.src = a, setTimeout(() => {
-            u || d(new Error("Image load timed out"));
+            d || u(new Error("Image load timed out"));
           }, s);
         });
       }
@@ -1675,7 +1681,7 @@ const zt = {
   ...Jt
 }], Z = () => [{
   component: Me,
-  ...Nt
+  ...$t
 }, {
   component: xt,
   ...Ft
@@ -1703,11 +1709,11 @@ const zt = {
 }), Xt = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, Zt = (e) => typeof e == "function" ? Xt(e) : $(e), D = ({
+}, Zt = (e) => typeof e == "function" ? Xt(e) : N(e), D = ({
   inputs: e,
   ...t
 }) => ({
-  ...$(t),
+  ...N(t),
   inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [i, r]) => ({
     ...o,
     [i]: Zt(r)
@@ -1826,7 +1832,7 @@ function _(e) {
     "script",
     {
       dangerouslySetInnerHTML: { __html: e.scriptStr },
-      id: e.id || ""
+      "data-id": e.id
     }
   );
 }
@@ -1894,9 +1900,9 @@ const hn = "v3", ee = "builder.", pn = "options.", Te = (e) => {
     enrich: a,
     locale: s,
     apiVersion: c = hn,
-    fields: d,
+    fields: u,
     omit: p,
-    offset: u,
+    offset: d,
     cacheSeconds: f,
     staleCacheSeconds: b,
     sort: h,
@@ -1907,30 +1913,30 @@ const hn = "v3", ee = "builder.", pn = "options.", Te = (e) => {
   if (!["v3"].includes(c))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${c}'`);
   const y = t !== 1, g = new URL(`https://cdn.builder.io/api/${c}/content/${i}`);
-  if (g.searchParams.set("apiKey", r), g.searchParams.set("limit", String(t)), g.searchParams.set("noTraverse", String(y)), g.searchParams.set("includeRefs", String(!0)), s && g.searchParams.set("locale", s), a && g.searchParams.set("enrich", String(a)), g.searchParams.set("omit", p || "meta.componentsUsed"), d && g.searchParams.set("fields", d), Number.isFinite(u) && u > -1 && g.searchParams.set("offset", String(Math.floor(u))), typeof m == "boolean" && g.searchParams.set("includeUnpublished", String(m)), f && te(f) && g.searchParams.set("cacheSeconds", String(f)), b && te(b) && g.searchParams.set("staleCacheSeconds", String(b)), h) {
-    const k = W({
+  if (g.searchParams.set("apiKey", r), g.searchParams.set("limit", String(t)), g.searchParams.set("noTraverse", String(y)), g.searchParams.set("includeRefs", String(!0)), s && g.searchParams.set("locale", s), a && g.searchParams.set("enrich", String(a)), g.searchParams.set("omit", p || "meta.componentsUsed"), u && g.searchParams.set("fields", u), Number.isFinite(d) && d > -1 && g.searchParams.set("offset", String(Math.floor(d))), typeof m == "boolean" && g.searchParams.set("includeUnpublished", String(m)), f && te(f) && g.searchParams.set("cacheSeconds", String(f)), b && te(b) && g.searchParams.set("staleCacheSeconds", String(b)), h) {
+    const v = W({
       sort: h
     });
-    for (const I in k)
-      g.searchParams.set(I, JSON.stringify(k[I]));
+    for (const I in v)
+      g.searchParams.set(I, JSON.stringify(v[I]));
   }
   const C = {
     ...gn(),
     ...le(e.options || {})
   }, E = W(C);
-  for (const k in E)
-    g.searchParams.set(k, String(E[k]));
+  for (const v in E)
+    g.searchParams.set(v, String(E[v]));
   if (n && g.searchParams.set("userAttributes", JSON.stringify(n)), o) {
-    const k = W({
+    const v = W({
       query: o
     });
-    for (const I in k)
-      g.searchParams.set(I, JSON.stringify(k[I]));
+    for (const I in v)
+      g.searchParams.set(I, JSON.stringify(v[I]));
   }
   return g;
 }, bn = (e) => "results" in e;
 async function Ee(e) {
-  const t = await kn({
+  const t = await vn({
     ...e,
     limit: 1
   });
@@ -1954,7 +1960,7 @@ const yn = async (e) => {
   try {
     const r = [];
     for (const a of t.results)
-      r.push(await $t({
+      r.push(await Nt({
         item: a,
         canTrack: o
       }));
@@ -1964,7 +1970,7 @@ const yn = async (e) => {
   }
   return t.results;
 };
-async function kn(e) {
+async function vn(e) {
   try {
     const t = Y(e), n = await yn(e);
     return bn(n) ? Sn(e, n) : (x.error("Error fetching data. ", {
@@ -1982,14 +1988,14 @@ function fo(e) {
   const t = de(e || window.location.search);
   return j(t) ? !1 : t.indexOf("builder.preview=") !== -1;
 }
-function vn() {
+function kn() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
 function Re() {
-  return vn().replace(/-/g, "");
+  return kn().replace(/-/g, "");
 }
 const Pe = "builderSessionId", xn = async ({
   canTrack: e
@@ -2166,12 +2172,12 @@ const Wn = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, $n = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+}, Nn = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
 function Be(e, t) {
   const n = new URL(t.origin), o = n.hostname;
-  return (e || $n).findIndex((i) => i.startsWith("*.") ? o.endsWith(i.slice(1)) : i === o) > -1;
+  return (e || Nn).findIndex((i) => i.startsWith("*.") ? o.endsWith(i.slice(1)) : i === o) > -1;
 }
-const Nn = "0.14.10", ie = {};
+const $n = "0.14.12", ie = {};
 function Fn(e, t) {
   let n = ie[e];
   if (n || (n = ie[e] = []), n.push(t), S()) {
@@ -2219,7 +2225,7 @@ const Ln = (e = {}) => {
     type: "builder.sdkInfo",
     data: {
       target: T,
-      version: Nn,
+      version: $n,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -2241,33 +2247,33 @@ const Ln = (e = {}) => {
     if (i != null && i.type)
       switch (i.type) {
         case "builder.evaluate": {
-          const s = i.data.text, c = i.data.arguments || [], d = i.data.id, p = new Function(s);
-          let u, f = null;
+          const s = i.data.text, c = i.data.arguments || [], u = i.data.id, p = new Function(s);
+          let d, f = null;
           try {
-            u = p.apply(null, c);
+            d = p.apply(null, c);
           } catch (b) {
             f = b;
           }
           f ? (r = window.parent) == null || r.postMessage({
             type: "builder.evaluateError",
             data: {
-              id: d,
+              id: u,
               error: f.message
             }
-          }, "*") : u && typeof u.then == "function" ? u.then((b) => {
+          }, "*") : d && typeof d.then == "function" ? d.then((b) => {
             var h;
             (h = window.parent) == null || h.postMessage({
               type: "builder.evaluateResult",
               data: {
-                id: d,
+                id: u,
                 result: b
               }
             }, "*");
           }).catch(console.error) : (a = window.parent) == null || a.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: u,
-              id: d
+              result: d,
+              id: u
             }
           }, "*");
           break;
@@ -2424,7 +2430,7 @@ ${Kn({
   })}
 ${Yn(e.isNestedRender)}
 `.trim();
-  return /* @__PURE__ */ l(N, { styles: t });
+  return /* @__PURE__ */ l($, { id: "builderio-content", styles: t });
 }
 const Jn = ({
   content: e,
@@ -2455,7 +2461,7 @@ const Jn = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function se(e) {
-  var i, r, a, s, c, d, p, u, f;
+  var i, r, a, s, c, u, p, d, f;
   const t = sn({
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
     variationId: (i = e.content) == null ? void 0 : i.testVariationId,
@@ -2520,20 +2526,26 @@ function se(e) {
       linkComponent: e.linkComponent,
       trustedHosts: e.trustedHosts,
       children: [
-        e.isSsrAbTest ? /* @__PURE__ */ l(_, { scriptStr: t }) : null,
+        e.isSsrAbTest ? /* @__PURE__ */ l(
+          _,
+          {
+            id: "builderio-variant-visibility",
+            scriptStr: t
+          }
+        ) : null,
         /* @__PURE__ */ l(
           Gn,
           {
             isNestedRender: e.isNestedRender,
             contentId: (a = o.content) == null ? void 0 : a.id,
             cssCode: (c = (s = o.content) == null ? void 0 : s.data) == null ? void 0 : c.cssCode,
-            customFonts: (p = (d = o.content) == null ? void 0 : d.data) == null ? void 0 : p.customFonts
+            customFonts: (p = (u = o.content) == null ? void 0 : u.data) == null ? void 0 : p.customFonts
           }
         ),
         /* @__PURE__ */ l(
           z,
           {
-            blocks: (f = (u = o.content) == null ? void 0 : u.data) == null ? void 0 : f.blocks,
+            blocks: (f = (d = o.content) == null ? void 0 : d.data) == null ? void 0 : f.blocks,
             context: o,
             registeredComponents: n,
             linkComponent: e.linkComponent
@@ -2544,47 +2556,59 @@ function se(e) {
   );
 }
 function Xn(e) {
-  var r, a;
+  var r;
   const t = nn({
     canTrack: U(e.canTrack),
     content: e.content
   }), n = function() {
-    var c;
+    var s;
     return an(
-      B(e.content).map((d) => ({
-        id: d.testVariationId,
-        testRatio: d.testRatio
+      B(e.content).map((c) => ({
+        id: c.testVariationId,
+        testRatio: c.testRatio
       })),
-      ((c = e.content) == null ? void 0 : c.id) || ""
+      ((s = e.content) == null ? void 0 : s.id) || ""
     );
   }, o = function() {
-    return B(e.content).map((c) => `.variant-${c.testVariationId} { display: none; } `).join("");
+    return B(e.content).map((s) => `.variant-${s.testVariationId} { display: none; } `).join("");
   }, i = function() {
-    var c;
+    var s;
     return t ? {
       ...e.content,
-      testVariationId: (c = e.content) == null ? void 0 : c.id
+      testVariationId: (s = e.content) == null ? void 0 : s.id
     } : Ot({
       item: e.content,
       canTrack: U(e.canTrack)
     });
   };
-  return /* @__PURE__ */ R(v, { children: [
-    !e.isNestedRender && T !== "reactNative" ? /* @__PURE__ */ l(_, { scriptStr: rn() }) : null,
-    t ? /* @__PURE__ */ R(v, { children: [
+  return /* @__PURE__ */ R(k, { children: [
+    !e.isNestedRender && T !== "reactNative" ? /* @__PURE__ */ l(
+      _,
+      {
+        id: "builderio-init-variants-fns",
+        scriptStr: rn()
+      }
+    ) : null,
+    t ? /* @__PURE__ */ R(k, { children: [
       /* @__PURE__ */ l(
-        N,
+        $,
         {
-          id: `variants-styles-${(r = e.content) == null ? void 0 : r.id}`,
+          id: "builderio-variants",
           styles: o()
         }
       ),
-      /* @__PURE__ */ l(_, { scriptStr: n() }),
-      (a = B(e.content)) == null ? void 0 : a.map((s) => /* @__PURE__ */ l(
+      /* @__PURE__ */ l(
+        _,
+        {
+          id: "builderio-variants-visibility",
+          scriptStr: n()
+        }
+      ),
+      (r = B(e.content)) == null ? void 0 : r.map((a) => /* @__PURE__ */ l(
         se,
         {
           isNestedRender: e.isNestedRender,
-          content: s,
+          content: a,
           showContent: !1,
           model: e.model,
           data: e.data,
@@ -2603,7 +2627,7 @@ function Xn(e) {
           contentWrapperProps: e.contentWrapperProps,
           trustedHosts: e.trustedHosts
         },
-        s.testVariationId
+        a.testVariationId
       ))
     ] }) : null,
     /* @__PURE__ */ l(
@@ -2654,11 +2678,11 @@ const Zn = async ({
 async function eo(e) {
   var o, i, r, a, s;
   const t = function() {
-    var d, p;
+    var u, p;
     return [
       e.attributes[M()],
       "builder-symbol",
-      (d = e.symbol) != null && d.inline ? "builder-inline-symbol" : void 0,
+      (u = e.symbol) != null && u.inline ? "builder-inline-symbol" : void 0,
       (p = e.symbol) != null && p.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }, n = ((o = e.symbol) == null ? void 0 : o.content) || await Zn({
@@ -2700,7 +2724,7 @@ function So(e) {
     parent.postMessage(t, "*");
   }
 }
-const ko = async (e) => {
+const vo = async (e) => {
   var o, i, r;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((i = e.userAttributes) == null ? void 0 : i.urlPath), n = {
     ...e,
@@ -2725,9 +2749,9 @@ export {
   z as B,
   xt as C,
   bo as D,
-  ko as E,
+  vo as E,
   Sn as F,
-  kn as G,
+  vn as G,
   eo as S,
   Kt as T,
   Bn as _,
@@ -2745,13 +2769,13 @@ export {
   x as l,
   K as m,
   po as n,
-  $ as o,
-  mo as p,
-  Ee as q,
+  fn as o,
+  N as p,
+  mo as q,
   go as r,
   Ln as s,
   yo as t,
-  fn as u,
+  Ee as u,
   ln as v,
   Xn as w,
   Fn as x,