@builder.io/sdk-react 1.0.16 → 1.0.19-dev-0

package/lib/edge/{content-variants-db1e0281.js → content-variants-ad9f707f.js}

@@ -1,11 +1,11 @@
-import { jsx as f, jsxs as P, Fragment as K } from "react/jsx-runtime";
-import { lazy as k, useRef as te, useState as I, useEffect as v } from "react";
-import { isBrowser as U, TARGET as Q, isEditing as A, registerInsertMenu as ne, setupBrowserForEditing as ae, createRegisterComponentMessage as ie, getDefaultCanTrack as W, _track as _, isPreviewing as oe, fetchOneEntry as re, logger as se, createEditorListener as le, fastClone as de, fetch as ce, serializeComponentInfo as B, handleABTestingSync as ue } from "./server-entry-2b1068fd.js";
-import { Video as me, Button as pe, Columns as ge, Fragment as fe, Image as he, Section as be, Symbol as ye, Text as xe } from "./blocks-exports.mjs";
-import { builderContext as ve, triggerAnimation as Se, evaluate as M, InlinedStyles as G, ComponentsContext as Ie, Blocks as ke } from "./blocks-8e5cc463.js";
-import "./get-class-prop-name-49cbb2c6.js";
-import "./dynamic-renderer-8b343325.js";
-const Te = {
+import { jsx as g, Fragment as R, jsxs as U } from "react/jsx-runtime";
+import { lazy as C, useRef as ne, useState as I, useEffect as S } from "react";
+import { isBrowser as $, TARGET as Q, isEditing as P, registerInsertMenu as ae, setupBrowserForEditing as ie, createRegisterComponentMessage as oe, getDefaultCanTrack as A, _track as B, isPreviewing as re, fetchOneEntry as se, logger as le, createEditorListener as de, fetch as ce, fastClone as ue, serializeComponentInfo as _, handleABTestingSync as me } from "./server-entry-d46a218d.js";
+import { Video as pe, Button as ge, Columns as fe, Fragment as he, Image as be, Section as ye, Symbol as xe, Text as ve, BuilderContext as Se } from "./blocks-exports.mjs";
+import { triggerAnimation as Ie, evaluate as M, InlinedStyles as G, ComponentsContext as ke, Blocks as Te } from "./blocks-03aafa4f.js";
+import "./get-class-prop-name-859a7f60.js";
+import "./dynamic-renderer-96ba4e48.js";
+const Ce = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -38,7 +38,7 @@ const Te = {
   }],
   static: !0,
   noWrap: !0
-}, Ce = {
+}, we = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -217,7 +217,7 @@ const Te = {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((u) => u.get("width")) && (n.find((p) => !p.get("width")) || n.reduce((o, m) => o + m.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((d) => d.get("width")) && (n.find((p) => !p.get("width")) || n.reduce((o, u) => o + u.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -239,13 +239,13 @@ const Te = {
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, we = {
+}, Ve = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Ve = {
+}, Re = {
   name: "Image",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -266,28 +266,28 @@ const Te = {
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(i, o = 6e4) {
-        return new Promise((m, y) => {
-          const x = document.createElement("img");
-          let T = !1;
-          x.onload = () => {
-            T = !0, m(x);
-          }, x.addEventListener("error", (C) => {
-            console.warn("Image load failed", C.error), y(C.error);
-          }), x.src = i, setTimeout(() => {
-            T || y(new Error("Image load timed out"));
+        return new Promise((u, v) => {
+          const b = document.createElement("img");
+          let w = !1;
+          b.onload = () => {
+            w = !0, u(b);
+          }, b.addEventListener("error", (k) => {
+            console.warn("Image load failed", k.error), v(k.error);
+          }), b.src = i, setTimeout(() => {
+            w || v(new Error("Image load timed out"));
           }, o);
         });
       }
       function a(i) {
         return Math.round(i * 1e3) / 1e3;
       }
-      const u = e.get("image"), p = e.get("aspectRatio");
-      if (fetch(u).then((i) => i.blob()).then((i) => {
+      const d = e.get("image"), p = e.get("aspectRatio");
+      if (fetch(d).then((i) => i.blob()).then((i) => {
         i.type.includes("svg") && e.set("noWebp", !0);
-      }), u && (!p || p === 0.7041))
-        return n(u).then((i) => {
+      }), d && (!p || p === 0.7041))
+        return n(d).then((i) => {
           const o = e.get("aspectRatio");
-          e.get("image") === u && (!o || o === 0.7041) && i.width && i.height && (e.set("aspectRatio", a(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
+          e.get("image") === d && (!o || o === 0.7041) && i.width && i.height && (e.set("aspectRatio", a(i.height / i.width)), e.set("height", i.height), e.set("width", i.width));
         });
     }
   }, {
@@ -345,7 +345,7 @@ const Te = {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, Re = {
+}, Ee = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -384,7 +384,7 @@ const Te = {
       }
     }
   }]
-}, Ee = {
+}, Fe = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -397,7 +397,7 @@ const Te = {
     required: !0,
     defaultValue: "children"
   }]
-}, Fe = k(() => import("./slot-f246e67e.js")), We = {
+}, We = C(() => import("./slot-8fa7f242.js")), Ae = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -430,7 +430,7 @@ const Te = {
     hideFromUI: !0,
     type: "boolean"
   }]
-}, Ae = {
+}, Pe = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -448,7 +448,7 @@ const Te = {
     height: "auto",
     textAlign: "center"
   }
-}, Pe = {
+}, Ue = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -470,7 +470,7 @@ const Te = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, Ue = k(() => import("./custom-code-7786788e.js")), $e = {
+}, $e = C(() => import("./custom-code-7786788e.js")), He = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -495,7 +495,7 @@ const Te = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, De = k(() => import("./embed-5c1bbe12.js")), He = {
+}, De = C(() => import("./embed-5c1bbe12.js")), Le = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -726,7 +726,7 @@ const Te = {
       }
     }
   }]
-}, Le = k(() => import("./form-7a6f998f.js")), Ne = {
+}, qe = C(() => import("./form-04cf10db.js")), Ne = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -777,7 +777,7 @@ const Te = {
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, je = k(() => import("./input-3de90790.js")), qe = {
+}, je = C(() => import("./input-c6fee09c.js")), Ke = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -819,7 +819,7 @@ const Te = {
   }],
   static: !0,
   noWrap: !0
-}, Ke = k(() => import("./select-ee266e60.js")), _e = {
+}, Be = C(() => import("./select-f260d051.js")), _e = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -844,7 +844,7 @@ const Te = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, Be = k(() => import("./submit-button-b48361a7.js")), Me = {
+}, Me = C(() => import("./submit-button-b48361a7.js")), Oe = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -858,7 +858,7 @@ const Te = {
   }],
   noWrap: !0,
   static: !0
-}, Oe = k(() => import("./img-c9630f56.js")), ze = {
+}, ze = C(() => import("./img-b4ff1bef.js")), Je = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -939,34 +939,31 @@ const Te = {
     defaultValue: !0,
     advanced: !0
   }]
-}, Je = () => [{
-  component: Ue,
-  ...Pe
+}, Ye = () => [{
+  component: $e,
+  ...Ue
 }, {
   component: De,
-  ...$e
-}, {
-  component: Le,
   ...He
+}, {
+  component: qe,
+  ...Le
 }, {
   component: je,
   ...Ne
 }, {
-  component: Be,
+  component: Me,
   ..._e
 }, {
-  component: Ke,
-  ...qe
+  component: Be,
+  ...Ke
 }, {
-  component: Oe,
-  ...Me
+  component: ze,
+  ...Oe
 }, {
-  component: me,
-  ...ze
-}], O = () => [{
   component: pe,
-  ...Te
-}, {
+  ...Je
+}], O = () => [{
   component: ge,
   ...Ce
 }, {
@@ -979,15 +976,18 @@ const Te = {
   component: be,
   ...Re
 }, {
-  component: Fe,
+  component: ye,
   ...Ee
 }, {
-  component: ye,
-  ...We
+  component: We,
+  ...Fe
 }, {
   component: xe,
   ...Ae
-}, ...Je()], Ye = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}, {
+  component: ve,
+  ...Pe
+}, ...Ye()], Qe = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -1043,7 +1043,7 @@ const Te = {
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, Qe = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, Ge = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -1077,27 +1077,27 @@ const Te = {
     thisScriptEl?.remove();
   }
   return;
-}`, X = "builderIoAbTest", Z = "builderIoRenderContent", F = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, X = "builderIoAbTest", Z = "builderIoRenderContent", W = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), Ge = ({
+})), Xe = ({
   canTrack: e,
   content: t
-}) => !(!(F(t).length > 0) || !e || U()), Xe = (e) => e === "react" || e === "reactNative", ee = Xe(Q), Ze = () => `
-  window.${X} = ${Ye}
-  window.${Z} = ${Qe}
-  `, et = (e, t) => `
+}) => !(!(W(t).length > 0) || !e || $()), Ze = (e) => e === "react" || e === "reactNative", ee = Ze(Q), et = () => `
+  window.${X} = ${Qe}
+  window.${Z} = ${Ge}
+  `, tt = (e, t) => `
   window.${X}(
     "${t}",${JSON.stringify(e)}, ${ee}
-  )`, tt = ({
+  )`, nt = ({
   contentId: e,
   variationId: t
 }) => `window.${Z}(
     "${t}", "${e}", ${ee}
   )`;
-function $(e) {
-  return /* @__PURE__ */ f(
+function H(e) {
+  return /* @__PURE__ */ g(
     "script",
     {
       dangerouslySetInnerHTML: { __html: e.scriptStr },
@@ -1108,7 +1108,7 @@ function $(e) {
 function z(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const nt = (e, t, n = !0) => {
+const at = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let a = n ? e : e.parentElement;
@@ -1119,20 +1119,20 @@ const nt = (e, t, n = !0) => {
       return a;
   } while (a = a.parentElement);
   return null;
-}, at = (e) => nt(e, (t) => {
+}, it = (e) => at(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), J = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), a = e.clientX - n.left, u = e.clientY - n.top, p = z(a / n.width), i = z(u / n.height);
+  const n = t.getBoundingClientRect(), a = e.clientX - n.left, d = e.clientY - n.top, p = z(a / n.width), i = z(d / n.height);
   return {
     x: p,
     y: i
   };
-}, it = (e) => {
-  const t = e.target, n = t && at(t), a = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, ot = (e) => {
+  const t = e.target, n = t && it(t), a = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: a || void 0,
     metadata: {
@@ -1148,69 +1148,69 @@ const nt = (e, t, n = !0) => {
     }
   };
 };
-function ot(e) {
-  var S, D, H, L, N, j, q;
-  const t = te(null);
+function rt(e) {
+  var T, D, L, q, N, j, K;
+  const t = ne(null);
   function n(r) {
-    var l, d;
-    const s = {
+    var m, l;
+    const c = {
       ...e.builderContextSignal.rootState,
       ...r
     };
-    e.builderContextSignal.rootSetState ? (d = (l = e.builderContextSignal).rootSetState) == null || d.call(l, s) : e.setBuilderContextSignal((c) => ({
-      ...c,
-      rootState: s
+    e.builderContextSignal.rootSetState ? (l = (m = e.builderContextSignal).rootSetState) == null || l.call(m, c) : e.setBuilderContextSignal((s) => ({
+      ...s,
+      rootState: c
     }));
   }
   function a(r) {
-    var l, d, c, g, w;
-    const s = {
+    var m, l, s, f, V;
+    const c = {
       ...e.builderContextSignal.content,
       ...r,
       data: {
-        ...(l = e.builderContextSignal.content) == null ? void 0 : l.data,
+        ...(m = e.builderContextSignal.content) == null ? void 0 : m.data,
         ...r == null ? void 0 : r.data
       },
       meta: {
-        ...(d = e.builderContextSignal.content) == null ? void 0 : d.meta,
+        ...(l = e.builderContextSignal.content) == null ? void 0 : l.meta,
         ...r == null ? void 0 : r.meta,
-        breakpoints: ((c = r == null ? void 0 : r.meta) == null ? void 0 : c.breakpoints) || ((w = (g = e.builderContextSignal.content) == null ? void 0 : g.meta) == null ? void 0 : w.breakpoints)
+        breakpoints: ((s = r == null ? void 0 : r.meta) == null ? void 0 : s.breakpoints) || ((V = (f = e.builderContextSignal.content) == null ? void 0 : f.meta) == null ? void 0 : V.breakpoints)
       }
     };
-    e.setBuilderContextSignal((E) => ({
-      ...E,
-      content: s
+    e.setBuilderContextSignal((x) => ({
+      ...x,
+      content: c
     }));
   }
-  const [u, p] = I(
+  const [d, p] = I(
     () => e.contentWrapper || "div"
   );
   function i(r) {
-    return le({
+    return de({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
-        configureSdk: (s) => {
-          var c;
-          const { breakpoints: l, contentId: d } = s;
-          !d || d !== ((c = e.builderContextSignal.content) == null ? void 0 : c.id) || l && a({
+        configureSdk: (c) => {
+          var s;
+          const { breakpoints: m, contentId: l } = c;
+          !l || l !== ((s = e.builderContextSignal.content) == null ? void 0 : s.id) || m && a({
             meta: {
-              breakpoints: l
+              breakpoints: m
             }
           });
         },
-        animation: (s) => {
-          Se(s);
+        animation: (c) => {
+          Ie(c);
         },
-        contentUpdate: (s) => {
-          a(s);
+        contentUpdate: (c) => {
+          a(c);
         }
       }
     })(r);
   }
   function o() {
-    var s, l;
-    const r = (l = (s = e.builderContextSignal.content) == null ? void 0 : s.data) == null ? void 0 : l.jsCode;
+    var c, m;
+    const r = (m = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : m.jsCode;
     r && M({
       code: r,
       context: e.context || {},
@@ -1223,70 +1223,61 @@ function ot(e) {
       enableCache: !1
     });
   }
-  const [m, y] = I(() => ({})), [x, T] = I(() => !1);
-  function C(r) {
-    var s, l;
+  const [u, v] = I(() => ({})), [b, w] = I(() => ({})), [k, E] = I(() => !1);
+  function F(r) {
+    var c, m;
     if (e.builderContextSignal.content) {
-      const d = (s = e.builderContextSignal.content) == null ? void 0 : s.testVariationId, c = (l = e.builderContextSignal.content) == null ? void 0 : l.id;
-      _({
+      const l = (c = e.builderContextSignal.content) == null ? void 0 : c.testVariationId, s = (m = e.builderContextSignal.content) == null ? void 0 : m.id;
+      B({
         type: "click",
-        canTrack: W(e.canTrack),
-        contentId: c,
+        canTrack: A(e.canTrack),
+        contentId: s,
         apiKey: e.apiKey,
-        variationId: d !== c ? d : void 0,
-        ...it(r),
-        unique: !x
+        variationId: l !== s ? l : void 0,
+        ...ot(r),
+        unique: !k
       });
     }
-    x || T(!0);
+    k || E(!0);
   }
-  function V(r) {
-    return r.replace(
-      /{{([^}]+)}}/g,
-      (s, l) => String(
-        M({
-          code: l,
-          context: e.context || {},
-          localState: void 0,
-          rootState: e.builderContextSignal.rootState,
-          rootSetState: e.builderContextSignal.rootSetState,
-          enableCache: !0
-        })
-      )
-    );
-  }
-  function R({ url: r, key: s }) {
-    ce(r).then((l) => l.json()).then((l) => {
-      var c, g;
-      const d = {
-        ...e.builderContextSignal.rootState,
-        [s]: l
-      };
-      (g = (c = e.builderContextSignal).rootSetState) == null || g.call(c, d), m[s] = !0;
-    }).catch((l) => {
-      console.error("error fetching dynamic data", r, l);
-    });
-  }
-  function b() {
-    var s, l, d;
-    const r = (d = (l = (s = e.builderContextSignal.content) == null ? void 0 : s.data) == null ? void 0 : l.httpRequests) != null ? d : {};
-    Object.entries(r).forEach(([c, g]) => {
-      if (g && (!m[c] || A())) {
-        const w = V(g);
-        R({
-          url: w,
-          key: c
-        });
-      }
+  function y() {
+    var c, m, l;
+    const r = (l = (m = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : m.httpRequests) != null ? l : {};
+    Object.entries(r).forEach(([s, f]) => {
+      if (!f || b[s] || u[s] && !P())
+        return;
+      b[s] = !0;
+      const V = f.replace(
+        /{{([^}]+)}}/g,
+        (x, te) => String(
+          M({
+            code: te,
+            context: e.context || {},
+            localState: void 0,
+            rootState: e.builderContextSignal.rootState,
+            rootSetState: e.builderContextSignal.rootSetState,
+            enableCache: !0
+          })
+        )
+      );
+      ce(V).then((x) => x.json()).then((x) => {
+        n({
+          [s]: x
+        }), u[s] = !0;
+      }).catch((x) => {
+        console.error("error fetching dynamic data", f, x);
+      }).finally(() => {
+        b[s] = !1;
+      });
     });
   }
   function h() {
-    A() && window.dispatchEvent(
+    P() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
           detail: {
-            state: de(e.builderContextSignal.rootState),
+            state: ue(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -1295,10 +1286,10 @@ function ot(e) {
       )
     );
   }
-  return v(() => {
-    var r, s;
-    if (U()) {
-      if (A() && (window.addEventListener("message", i), ne(), ae({
+  return S(() => {
+    var r, c;
+    if ($()) {
+      if (P() && (window.addEventListener("message", i), ae(), ie({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -1310,64 +1301,64 @@ function ot(e) {
         } : {}
       }), Object.values(
         e.builderContextSignal.componentInfos
-      ).forEach((d) => {
-        var g;
-        const c = ie(d);
-        (g = window.parent) == null || g.postMessage(c, "*");
+      ).forEach((l) => {
+        var f;
+        const s = oe(l);
+        (f = window.parent) == null || f.postMessage(s, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
         h
-      )), e.builderContextSignal.content && W(e.canTrack)) {
-        const d = (r = e.builderContextSignal.content) == null ? void 0 : r.testVariationId, c = (s = e.builderContextSignal.content) == null ? void 0 : s.id, g = e.apiKey;
-        _({
+      )), e.builderContextSignal.content && A(e.canTrack)) {
+        const l = (r = e.builderContextSignal.content) == null ? void 0 : r.testVariationId, s = (c = e.builderContextSignal.content) == null ? void 0 : c.id, f = e.apiKey;
+        B({
           type: "impression",
           canTrack: !0,
-          contentId: c,
-          apiKey: g,
-          variationId: d !== c ? d : void 0
+          contentId: s,
+          apiKey: f,
+          variationId: l !== s ? l : void 0
         });
       }
-      if (oe()) {
-        const d = new URL(location.href).searchParams, c = d.get("builder.preview"), g = d.get(
-          `builder.preview.${c}`
-        ), w = d.get("apiKey") || d.get("builder.space");
-        c === e.model && w === e.apiKey && (!e.content || g === e.content.id) && re({
+      if (re()) {
+        const l = new URL(location.href).searchParams, s = l.get("builder.preview"), f = l.get(
+          `builder.preview.${s}`
+        ), V = l.get("apiKey") || l.get("builder.space");
+        s === e.model && V === e.apiKey && (!e.content || f === e.content.id) && se({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion
-        }).then((E) => {
-          E && a(E);
+        }).then((x) => {
+          x && a(x);
         });
       }
     }
-  }, []), v(() => {
-    e.apiKey || se.error(
+  }, []), S(() => {
+    e.apiKey || le.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), o(), b(), h();
-  }, []), v(() => {
+    ), o(), y(), h();
+  }, []), S(() => {
     e.content && a(e.content);
-  }, [e.content]), v(() => {
+  }, [e.content]), S(() => {
     o();
-  }, [(D = (S = e.builderContextSignal.content) == null ? void 0 : S.data) == null ? void 0 : D.jsCode]), v(() => {
-    b();
-  }, [(L = (H = e.builderContextSignal.content) == null ? void 0 : H.data) == null ? void 0 : L.httpRequests]), v(() => {
+  }, [(D = (T = e.builderContextSignal.content) == null ? void 0 : T.data) == null ? void 0 : D.jsCode]), S(() => {
+    y();
+  }, [(q = (L = e.builderContextSignal.content) == null ? void 0 : L.data) == null ? void 0 : q.httpRequests]), S(() => {
     h();
-  }, [e.builderContextSignal.rootState]), v(() => {
+  }, [e.builderContextSignal.rootState]), S(() => {
     e.data && n(e.data);
-  }, [e.data]), v(() => {
+  }, [e.data]), S(() => {
     e.locale && n({
       locale: e.locale
     });
-  }, [e.locale]), v(() => () => {
-    U() && (window.removeEventListener("message", i), window.removeEventListener(
+  }, [e.locale]), S(() => () => {
+    $() && (window.removeEventListener("message", i), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       h
     ));
-  }, []), /* @__PURE__ */ f(ve.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ f(
-    u,
+  }, []), /* @__PURE__ */ g(Se.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ g(R, { children: /* @__PURE__ */ g(
+    d,
     {
       ref: t,
-      onClick: (r) => C(r),
+      onClick: (r) => F(r),
       "builder-content-id": (N = e.builderContextSignal.content) == null ? void 0 : N.id,
       "builder-model": e.model,
       ...e.showContent ? {} : {
@@ -1375,16 +1366,16 @@ function ot(e) {
         "aria-hidden": !0
       },
       ...e.contentWrapperProps,
-      className: `variant-${((j = e.content) == null ? void 0 : j.testVariationId) || ((q = e.content) == null ? void 0 : q.id)}`,
+      className: `variant-${((j = e.content) == null ? void 0 : j.testVariationId) || ((K = e.content) == null ? void 0 : K.id)}`,
       children: e.children
     }
-  ) : null });
+  ) }) : null });
 }
-const rt = (e) => {
+const st = (e) => {
   var p, i;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], a = (i = e.fileUrl) != null ? i : (p = e == null ? void 0 : e.files) == null ? void 0 : p.regular;
-  let u = "";
-  if (a && t && n && (u += `
+  let d = "";
+  if (a && t && n && (d += `
 @font-face {
 font-family: "${t}";
 src: local("${n}"), url('${a}') format('woff2');
@@ -1395,26 +1386,26 @@ font-weight: 400;
     for (const o in e.files) {
       if (!(String(Number(o)) === o))
         continue;
-      const y = e.files[o];
-      y && y !== a && (u += `
+      const v = e.files[o];
+      v && v !== a && (d += `
 @font-face {
 font-family: "${t}";
-src: url('${y}') format('woff2');
+src: url('${v}') format('woff2');
 font-display: fallback;
 font-weight: ${o};
 }
         `.trim());
     }
-  return u;
-}, st = ({
+  return d;
+}, lt = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => rt(n))) == null ? void 0 : t.join(" ")) || "";
-}, lt = ({
+  return ((t = e == null ? void 0 : e.map((n) => st(n))) == null ? void 0 : t.join(" ")) || "";
+}, dt = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", dt = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", ct = `
 .builder-button {
   all: unset;
 }
@@ -1431,40 +1422,40 @@ font-weight: ${o};
   text-align: inherit;
   font-family: inherit;
 }
-`, ct = (e) => e ? "" : dt;
-function ut(e) {
+`, ut = (e) => e ? "" : ct;
+function mt(e) {
   const [t, n] = I(
     () => `
-${lt({
+${dt({
       cssCode: e.cssCode,
       contentId: e.contentId
     })}
-${st({
+${lt({
       customFonts: e.customFonts
     })}
-${ct(e.isNestedRender)}
+${ut(e.isNestedRender)}
 `.trim()
   );
-  return /* @__PURE__ */ f(G, { id: "builderio-content", styles: t });
+  return /* @__PURE__ */ g(G, { id: "builderio-content", styles: t });
 }
-const mt = ({
+const pt = ({
   content: e,
   data: t,
   locale: n
 }) => {
   var p, i, o;
-  const a = {}, u = ((p = e == null ? void 0 : e.data) == null ? void 0 : p.state) || {};
-  return (o = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || o.forEach((m) => {
-    m.name && m.defaultValue !== void 0 && (a[m.name] = m.defaultValue);
+  const a = {}, d = ((p = e == null ? void 0 : e.data) == null ? void 0 : p.state) || {};
+  return (o = (i = e == null ? void 0 : e.data) == null ? void 0 : i.inputs) == null || o.forEach((u) => {
+    u.name && u.defaultValue !== void 0 && (a[u.name] = u.defaultValue);
   }), {
     ...a,
-    ...u,
+    ...d,
     ...t,
     ...n ? {
       locale: n
     } : {}
   };
-}, pt = ({
+}, gt = ({
   content: e,
   data: t
 }) => e ? {
@@ -1476,45 +1467,45 @@ const mt = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function Y(e) {
-  var m, y, x, T, C, V, R;
+  var u, v, b, w, k, E, F;
   const [t, n] = I(
     () => {
-      var b, h;
-      return tt({
+      var y, h;
+      return nt({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (b = e.content) == null ? void 0 : b.testVariationId,
+        variationId: (y = e.content) == null ? void 0 : y.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         contentId: (h = e.content) == null ? void 0 : h.id
       });
     }
   );
-  function a(b) {
+  function a(y) {
     o((h) => ({
       ...h,
-      rootState: b
+      rootState: y
     }));
   }
-  const [u, p] = I(
+  const [d, p] = I(
     () => [
       ...O(),
       ...e.customComponents || []
     ].reduce(
-      (b, { component: h, ...S }) => ({
-        ...b,
-        [S.name]: {
+      (y, { component: h, ...T }) => ({
+        ...y,
+        [T.name]: {
           component: h,
-          ...B(S)
+          ..._(T)
         }
       }),
       {}
     )
   ), [i, o] = I(() => ({
-    content: pt({
+    content: gt({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: mt({
+    rootState: pt({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -1527,9 +1518,9 @@ function Y(e) {
       ...O(),
       ...e.customComponents || []
     ].reduce(
-      (b, { component: h, ...S }) => ({
-        ...b,
-        [S.name]: B(S)
+      (y, { component: h, ...T }) => ({
+        ...y,
+        [T.name]: _(T)
       }),
       {}
     ),
@@ -1537,14 +1528,14 @@ function Y(e) {
     BlocksWrapper: e.blocksWrapper || "div",
     BlocksWrapperProps: e.blocksWrapperProps || {}
   }));
-  return /* @__PURE__ */ f(
-    Ie.Provider,
+  return /* @__PURE__ */ g(
+    ke.Provider,
     {
       value: {
-        registeredComponents: u
+        registeredComponents: d
       },
-      children: /* @__PURE__ */ P(
-        ot,
+      children: /* @__PURE__ */ U(
+        rt,
         {
           content: e.content,
           data: e.data,
@@ -1562,28 +1553,28 @@ function Y(e) {
           trustedHosts: e.trustedHosts,
           setBuilderContextSignal: o,
           children: [
-            e.isSsrAbTest ? /* @__PURE__ */ f(
-              $,
+            e.isSsrAbTest ? /* @__PURE__ */ g(R, { children: /* @__PURE__ */ g(
+              H,
               {
                 id: "builderio-variant-visibility",
                 scriptStr: t
               }
-            ) : null,
-            /* @__PURE__ */ f(
-              ut,
+            ) }) : null,
+            /* @__PURE__ */ g(R, { children: /* @__PURE__ */ g(
+              mt,
               {
                 isNestedRender: e.isNestedRender,
-                contentId: (m = i.content) == null ? void 0 : m.id,
-                cssCode: (x = (y = i.content) == null ? void 0 : y.data) == null ? void 0 : x.cssCode,
-                customFonts: (C = (T = i.content) == null ? void 0 : T.data) == null ? void 0 : C.customFonts
+                contentId: (u = i.content) == null ? void 0 : u.id,
+                cssCode: (b = (v = i.content) == null ? void 0 : v.data) == null ? void 0 : b.cssCode,
+                customFonts: (k = (w = i.content) == null ? void 0 : w.data) == null ? void 0 : k.customFonts
               }
-            ),
-            /* @__PURE__ */ f(
-              ke,
+            ) }),
+            /* @__PURE__ */ g(
+              Te,
               {
-                blocks: (R = (V = i.content) == null ? void 0 : V.data) == null ? void 0 : R.blocks,
+                blocks: (F = (E = i.content) == null ? void 0 : E.data) == null ? void 0 : F.blocks,
                 context: i,
-                registeredComponents: u,
+                registeredComponents: d,
                 linkComponent: e.linkComponent
               }
             )
@@ -1593,62 +1584,62 @@ function Y(e) {
     }
   );
 }
-function St(e) {
+function It(e) {
   var i;
   const [t, n] = I(
-    () => Ge({
-      canTrack: W(e.canTrack),
+    () => Xe({
+      canTrack: A(e.canTrack),
       content: e.content
     })
   );
   function a() {
     var o;
-    return et(
-      F(e.content).map((m) => ({
-        id: m.testVariationId,
-        testRatio: m.testRatio
+    return tt(
+      W(e.content).map((u) => ({
+        id: u.testVariationId,
+        testRatio: u.testRatio
       })),
       ((o = e.content) == null ? void 0 : o.id) || ""
     );
   }
-  function u() {
-    return F(e.content).map((o) => `.variant-${o.testVariationId} { display: none; } `).join("");
+  function d() {
+    return W(e.content).map((o) => `.variant-${o.testVariationId} { display: none; } `).join("");
   }
   function p() {
     var o;
     return t ? {
       ...e.content,
       testVariationId: (o = e.content) == null ? void 0 : o.id
-    } : ue({
+    } : me({
       item: e.content,
-      canTrack: W(e.canTrack)
+      canTrack: A(e.canTrack)
     });
   }
-  return v(() => {
-  }, []), /* @__PURE__ */ P(K, { children: [
-    !e.isNestedRender && Q !== "reactNative" ? /* @__PURE__ */ f(
-      $,
+  return S(() => {
+  }, []), /* @__PURE__ */ U(R, { children: [
+    !e.isNestedRender && Q !== "reactNative" ? /* @__PURE__ */ g(R, { children: /* @__PURE__ */ g(
+      H,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: Ze()
+        scriptStr: et()
       }
-    ) : null,
-    t ? /* @__PURE__ */ P(K, { children: [
-      /* @__PURE__ */ f(
+    ) }) : null,
+    t ? /* @__PURE__ */ U(R, { children: [
+      /* @__PURE__ */ g(
         G,
         {
           id: "builderio-variants",
-          styles: u()
+          styles: d()
         }
       ),
-      /* @__PURE__ */ f(
-        $,
+      /* @__PURE__ */ g(
+        H,
         {
           id: "builderio-variants-visibility",
           scriptStr: a()
         }
       ),
-      (i = F(e.content)) == null ? void 0 : i.map((o) => /* @__PURE__ */ f(
+      (i = W(e.content)) == null ? void 0 : i.map((o) => /* @__PURE__ */ g(
         Y,
         {
           isNestedRender: e.isNestedRender,
@@ -1674,7 +1665,7 @@ function St(e) {
         o.testVariationId
       ))
     ] }) : null,
-    /* @__PURE__ */ f(
+    /* @__PURE__ */ g(
       Y,
       {
         isNestedRender: e.isNestedRender,
@@ -1701,5 +1692,5 @@ function St(e) {
   ] });
 }
 export {
-  St as default
+  It as default
 };