@builder.io/sdk-react 1.1.1 → 2.0.0

package/lib/edge/{content-variants-27523e14.js → content-variants-f3c6baad.js}

@@ -1,11 +1,11 @@
-import { jsx as g, jsxs as U, Fragment as z } from "react/jsx-runtime";
-import { lazy as y, useRef as le, useState as T, useEffect as x } from "react";
-import { isBrowser as $, TARGET as te, isEditing as F, registerInsertMenu as se, setupBrowserForEditing as de, createRegisterComponentMessage as ue, getDefaultCanTrack as B, _track as J, isPreviewing as ce, fetchOneEntry as me, logger as pe, createEditorListener as fe, fetch as ge, fastClone as he, serializeComponentInfo as Y, handleABTestingSync as be } from "./server-entry-ed17153b.js";
-import { Video as xe, Button as ye, Columns as ve, Fragment as Se, Image as Ce, Section as ke, Symbol as Te, Text as Ie, BuilderContext as we } from "./blocks-exports.mjs";
-import { triggerAnimation as Ve, evaluate as Q, InlinedStyles as ne, ComponentsContext as Re, Blocks as Ee } from "./blocks-88689ec9.js";
-import "./get-class-prop-name-6096152c.js";
+import { jsx as f, jsxs as L, Fragment as z } from "react/jsx-runtime";
+import { lazy as y, useRef as le, useState as C, useEffect as x } from "react";
+import { isBrowser as H, TARGET as te, isEditing as F, registerInsertMenu as se, setupBrowserForEditing as de, createRegisterComponentMessage as ue, getDefaultCanTrack as W, _track as J, isPreviewing as ce, fetchOneEntry as me, logger as pe, createEditorListener as ge, fetch as fe, fastClone as he, serializeComponentInfo as Y, handleABTestingSync as be } from "./server-entry-75aa714e.js";
+import { Video as xe, Button as ye, Columns as ve, Fragment as Se, Image as Te, Section as ke, Symbol as Ce, Text as Ie, BuilderContext as we } from "./blocks-exports.mjs";
+import { triggerAnimation as Ve, evaluate as Q, InlinedStyles as ne, ComponentsContext as Re, Blocks as Ee } from "./blocks-6d6258ba.js";
+import "./get-class-prop-name-1bbed5bf.js";
 import "./dynamic-renderer-8b343325.js";
-const W = {
+const A = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -34,7 +34,7 @@ const W = {
       }
     }
   }]
-}, A = {
+}, B = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item detail",
   responsiveStyles: {
@@ -82,19 +82,19 @@ const W = {
       name: "title",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [W]
+      defaultValue: [A]
     }, {
       name: "detail",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [A]
+      defaultValue: [B]
     }],
     defaultValue: [{
-      title: [W],
-      detail: [A]
+      title: [A],
+      detail: [B]
     }, {
-      title: [W],
-      detail: [A]
+      title: [A],
+      detail: [B]
     }],
     showIf: (e) => !e.get("useChildrenForItems")
   }, {
@@ -129,7 +129,7 @@ const W = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Pe = y(() => import("./accordion-cbe33da4.js")), Be = {
+}, Pe = y(() => import("./accordion-bd80745a.js")), We = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -163,12 +163,9 @@ const W = {
   static: !0,
   noWrap: !0,
   shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
     builderLinkComponent: !0
   }
-}, We = {
+}, Ae = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -342,8 +339,8 @@ const W = {
     }],
     onChange: (e) => {
       function t() {
-        n.forEach((a) => {
-          a.delete("width");
+        n.forEach((i) => {
+          i.delete("width");
         });
       }
       const n = e.get("columns");
@@ -375,19 +372,13 @@ const W = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Ae = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
+}, Be = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Le = {
+}, De = {
   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",
@@ -407,7 +398,7 @@ const W = {
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
-      function n(i, o = 6e4) {
+      function n(a, o = 6e4) {
         return new Promise((m, h) => {
           const I = document.createElement("img");
           let k = !1;
@@ -415,21 +406,21 @@ const W = {
             k = !0, m(I);
           }, I.addEventListener("error", (w) => {
             console.warn("Image load failed", w.error), h(w.error);
-          }), I.src = i, setTimeout(() => {
+          }), I.src = a, setTimeout(() => {
             k || h(new Error("Image load timed out"));
           }, o);
         });
       }
-      function a(i) {
-        return Math.round(i * 1e3) / 1e3;
+      function i(a) {
+        return Math.round(a * 1e3) / 1e3;
       }
       const d = e.get("image"), c = e.get("aspectRatio");
-      if (fetch(d).then((i) => i.blob()).then((i) => {
-        i.type.includes("svg") && e.set("noWebp", !0);
+      if (fetch(d).then((a) => a.blob()).then((a) => {
+        a.type.includes("svg") && e.set("noWebp", !0);
       }), d && (!c || c === 0.7041))
-        return n(d).then((i) => {
+        return n(d).then((a) => {
           const o = e.get("aspectRatio");
-          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));
+          e.get("image") === d && (!o || o === 0.7041) && a.width && a.height && (e.set("aspectRatio", i(a.height / a.width)), e.set("height", a.height), e.set("width", a.width));
         });
     }
   }, {
@@ -493,18 +484,9 @@ const W = {
     defaultValue: 0.7041
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: !0,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
+    builderBlock: !0
   }
-}, De = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
+}, Ue = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -543,7 +525,7 @@ const W = {
       }
     }
   }]
-}, Ue = {
+}, Le = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -557,12 +539,9 @@ const W = {
     defaultValue: "children"
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !0,
-    builderComponents: !1,
-    builderLinkComponent: !1
+    builderContext: !0
   }
-}, $e = y(() => import("./slot-7c690d3a.js")), He = {
+}, He = y(() => import("./slot-8159ca1d.js")), $e = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -601,7 +580,7 @@ const W = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, L = {
+}, D = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -623,7 +602,7 @@ const W = {
       text: "New tab"
     }
   }
-}, D = {
+}, U = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -649,16 +628,16 @@ const W = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [L]
+      defaultValue: [D]
     }, {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [D]
+      defaultValue: [U]
     }],
     defaultValue: [{
       label: [{
-        ...L,
+        ...D,
         component: {
           name: "Text",
           options: {
@@ -667,7 +646,7 @@ const W = {
         }
       }],
       content: [{
-        ...D,
+        ...U,
         component: {
           name: "Text",
           options: {
@@ -677,7 +656,7 @@ const W = {
       }]
     }, {
       label: [{
-        ...L,
+        ...D,
         component: {
           name: "Text",
           options: {
@@ -686,7 +665,7 @@ const W = {
         }
       }],
       content: [{
-        ...D,
+        ...U,
         component: {
           name: "Text",
           options: {
@@ -742,12 +721,9 @@ const W = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, qe = y(() => import("./tabs-46c4603d.js")), je = {
+}, qe = y(() => import("./tabs-f5357a4e.js")), je = {
   shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
+    builderBlock: !1
   },
   name: "Text",
   static: !0,
@@ -767,12 +743,6 @@ const W = {
     textAlign: "center"
   }
 }, Ke = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -794,13 +764,7 @@ const W = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, Me = y(() => import("./custom-code-7786788e.js")), _e = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
+}, Me = y(() => import("./custom-code-7786788e.js")), Oe = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -808,27 +772,14 @@ const W = {
     type: "url",
     required: !0,
     defaultValue: "",
-    helperText: "e.g. enter a youtube url, google map, etc",
-    onChange: (e) => {
-      const t = e.get("url");
-      if (t) {
-        e.set("content", "Loading...");
-        const n = _iframelyApiKey;
-        return fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=${n}`).then((a) => a.json()).then((a) => {
-          e.get("url") === t && (a.html ? e.set("content", a.html) : e.set("content", "Invalid url, please try another"));
-        }).catch((a) => {
-          e.set("content", "There was an error embedding this URL, please try again or another URL");
-        });
-      } else
-        e.delete("content");
-    }
+    helperText: "e.g. enter a youtube url, google map, etc"
   }, {
     name: "content",
     type: "html",
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Oe = y(() => import("./embed-5c1bbe12.js")), ze = {
+}, _e = y(() => import("./embed-5c1bbe12.js")), ze = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -1065,13 +1016,7 @@ const W = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Je = y(() => import("./form-1b0ea78b.js")), Ye = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
+}, Je = y(() => import("./form-00c8cc55.js")), Ye = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -1122,13 +1067,7 @@ const W = {
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, Qe = y(() => import("./input-32508fbe.js")), Ge = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
+}, Qe = y(() => import("./input-2db47a83.js")), Ge = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -1170,13 +1109,7 @@ const W = {
   }],
   static: !0,
   noWrap: !0
-}, Xe = y(() => import("./select-d18bf3dd.js")), Ze = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
+}, Xe = y(() => import("./select-2facacf2.js")), Ze = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -1202,12 +1135,6 @@ const W = {
   // TODO: defaultChildren
   // canHaveChildren: true,
 }, et = y(() => import("./submit-button-b48361a7.js")), tt = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -1244,12 +1171,6 @@ const W = {
   static: !0,
   noWrap: !0
 }, nt = y(() => import("./textarea-d29025e9.js")), at = {
-  shouldReceiveBuilderProps: {
-    builderBlock: !1,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
-  },
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -1263,7 +1184,7 @@ const W = {
   }],
   noWrap: !0,
   static: !0
-}, it = y(() => import("./img-ea259737.js")), ot = {
+}, it = y(() => import("./img-e7db1475.js")), ot = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1345,17 +1266,14 @@ const W = {
     advanced: !0
   }],
   shouldReceiveBuilderProps: {
-    builderBlock: !0,
-    builderContext: !1,
-    builderComponents: !1,
-    builderLinkComponent: !1
+    builderBlock: !0
   }
 }, rt = () => [{
   component: Me,
   ...Ke
 }, {
-  component: Oe,
-  ..._e
+  component: _e,
+  ...Oe
 }, {
   component: Je,
   ...ze
@@ -1379,25 +1297,25 @@ const W = {
   ...ot
 }], G = () => [{
   component: ye,
-  ...Be
-}, {
-  component: ve,
   ...We
 }, {
-  component: Se,
+  component: ve,
   ...Ae
 }, {
-  component: Ce,
-  ...Le
+  component: Se,
+  ...Be
 }, {
-  component: ke,
+  component: Te,
   ...De
 }, {
-  component: $e,
+  component: ke,
   ...Ue
 }, {
-  component: Te,
-  ...He
+  component: He,
+  ...Le
+}, {
+  component: Ce,
+  ...$e
 }, {
   component: Ie,
   ...je
@@ -1504,7 +1422,7 @@ const W = {
 })), dt = ({
   canTrack: e,
   content: t
-}) => !(!(P(t).length > 0) || !e || $()), ut = (e) => e === "react" || e === "reactNative", oe = ut(te), ct = () => `
+}) => !(!(P(t).length > 0) || !e || H()), ut = (e) => e === "react" || e === "reactNative", oe = ut(te), ct = () => `
   window.${ae} = ${lt}
   window.${ie} = ${st}
   `, mt = (e, t) => `
@@ -1516,8 +1434,8 @@ const W = {
 }) => `window.${ie}(
     "${t}", "${e}", ${oe}
   )`;
-function H(e) {
-  return /* @__PURE__ */ g(
+function $(e) {
+  return /* @__PURE__ */ f(
     "script",
     {
       dangerouslySetInnerHTML: { __html: e.scriptStr },
@@ -1528,33 +1446,33 @@ function H(e) {
 function X(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const ft = (e, t, n = !0) => {
+const gt = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
-  let a = n ? e : e.parentElement;
+  let i = n ? e : e.parentElement;
   do {
-    if (!a)
+    if (!i)
       return null;
-    if (t(a))
-      return a;
-  } while (a = a.parentElement);
+    if (t(i))
+      return i;
+  } while (i = i.parentElement);
   return null;
-}, gt = (e) => ft(e, (t) => {
+}, ft = (e) => gt(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), Z = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), a = e.clientX - n.left, d = e.clientY - n.top, c = X(a / n.width), i = X(d / n.height);
+  const n = t.getBoundingClientRect(), i = e.clientX - n.left, d = e.clientY - n.top, c = X(i / n.width), a = X(d / n.height);
   return {
     x: c,
-    y: i
+    y: a
   };
 }, ht = (e) => {
-  const t = e.target, n = t && gt(t), a = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+  const t = e.target, n = t && ft(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
-    targetBuilderElement: a || void 0,
+    targetBuilderElement: i || void 0,
     metadata: {
       targetOffset: t ? Z({
         event: e,
@@ -1564,17 +1482,17 @@ const ft = (e, t, n = !0) => {
         event: e,
         target: n
       }) : void 0,
-      builderElementIndex: n && a ? [].slice.call(document.getElementsByClassName(a)).indexOf(n) : void 0
+      builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
 }, bt = (e) => {
-  var c, i;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], a = (i = e.fileUrl) != null ? i : (c = e == null ? void 0 : e.files) == null ? void 0 : c.regular;
+  var c, a;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (a = e.fileUrl) != null ? a : (c = e == null ? void 0 : e.files) == null ? void 0 : c.regular;
   let d = "";
-  if (a && t && n && (d += `
+  if (i && t && n && (d += `
 @font-face {
 font-family: "${t}";
-src: local("${n}"), url('${a}') format('woff2');
+src: local("${n}"), url('${i}') format('woff2');
 font-display: fallback;
 font-weight: 400;
 }
@@ -1583,7 +1501,7 @@ font-weight: 400;
       if (!(String(Number(o)) === o))
         continue;
       const h = e.files[o];
-      h && h !== a && (d += `
+      h && h !== i && (d += `
 @font-face {
 font-family: "${t}";
 src: url('${h}') format('woff2');
@@ -1618,9 +1536,9 @@ font-weight: ${o};
   text-align: inherit;
   font-family: inherit;
 }
-`, St = (e) => e ? "" : vt, Ct = (e) => `variant-${e}`;
+`, St = (e) => e ? "" : vt, Tt = (e) => `variant-${e}`;
 function kt(e) {
-  var N, q, j, K, M, _, O;
+  var N, q, j, K, M, O, _;
   const t = le(null);
   function n(r) {
     var p, s;
@@ -1633,8 +1551,8 @@ function kt(e) {
       rootState: u
     }));
   }
-  function a(r) {
-    var p, s, l, f, V;
+  function i(r) {
+    var p, s, l, g, V;
     const u = {
       ...e.builderContextSignal.content,
       ...r,
@@ -1645,7 +1563,7 @@ function kt(e) {
       meta: {
         ...(s = e.builderContextSignal.content) == null ? void 0 : s.meta,
         ...r == null ? void 0 : r.meta,
-        breakpoints: ((l = r == null ? void 0 : r.meta) == null ? void 0 : l.breakpoints) || ((V = (f = e.builderContextSignal.content) == null ? void 0 : f.meta) == null ? void 0 : V.breakpoints)
+        breakpoints: ((l = r == null ? void 0 : r.meta) == null ? void 0 : l.breakpoints) || ((V = (g = e.builderContextSignal.content) == null ? void 0 : g.meta) == null ? void 0 : V.breakpoints)
       }
     };
     e.setBuilderContextSignal((b) => ({
@@ -1659,18 +1577,18 @@ function kt(e) {
       "aria-hidden": !0
     };
   }
-  const [c, i] = T(
+  const [c, a] = C(
     () => e.contentWrapper || "div"
   );
   function o(r) {
-    return fe({
+    return ge({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
         configureSdk: (u) => {
           var l;
           const { breakpoints: p, contentId: s } = u;
-          !s || s !== ((l = e.builderContextSignal.content) == null ? void 0 : l.id) || p && a({
+          !s || s !== ((l = e.builderContextSignal.content) == null ? void 0 : l.id) || p && i({
             meta: {
               breakpoints: p
             }
@@ -1680,7 +1598,7 @@ function kt(e) {
           Ve(u);
         },
         contentUpdate: (u) => {
-          a(u);
+          i(u);
         }
       }
     })(r);
@@ -1700,14 +1618,14 @@ function kt(e) {
       enableCache: !1
     });
   }
-  const [h, I] = T(() => ({})), [k, w] = T(() => ({})), [R, E] = T(() => !1);
+  const [h, I] = C(() => ({})), [k, w] = C(() => ({})), [R, E] = C(() => !1);
   function v(r) {
     var u, p;
     if (e.builderContextSignal.content) {
       const s = (u = e.builderContextSignal.content) == null ? void 0 : u.testVariationId, l = (p = e.builderContextSignal.content) == null ? void 0 : p.id;
       J({
         type: "click",
-        canTrack: B(e.canTrack),
+        canTrack: W(e.canTrack),
         contentId: l,
         apiKey: e.apiKey,
         variationId: s !== l ? s : void 0,
@@ -1720,11 +1638,11 @@ function kt(e) {
   function S() {
     var u, p, s;
     const r = (s = (p = (u = e.builderContextSignal.content) == null ? void 0 : u.data) == null ? void 0 : p.httpRequests) != null ? s : {};
-    Object.entries(r).forEach(([l, f]) => {
-      if (!f || k[l] || h[l] && !F())
+    Object.entries(r).forEach(([l, g]) => {
+      if (!g || k[l] || h[l] && !F())
         return;
       k[l] = !0;
-      const V = f.replace(
+      const V = g.replace(
         /{{([^}]+)}}/g,
         (b, re) => String(
           Q({
@@ -1737,18 +1655,18 @@ function kt(e) {
           })
         )
       );
-      ge(V).then((b) => b.json()).then((b) => {
+      fe(V).then((b) => b.json()).then((b) => {
         n({
           [l]: b
         }), h[l] = !0;
       }).catch((b) => {
-        console.error("error fetching dynamic data", f, b);
+        console.error("error fetching dynamic data", g, b);
       }).finally(() => {
         k[l] = !1;
       });
     });
   }
-  function C() {
+  function T() {
     F() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
@@ -1765,7 +1683,7 @@ function kt(e) {
   }
   return x(() => {
     var r, u;
-    if ($()) {
+    if (H()) {
       if (F() && (window.addEventListener("message", o), se(), de({
         ...e.locale ? {
           locale: e.locale
@@ -1779,47 +1697,47 @@ function kt(e) {
       }), Object.values(
         e.builderContextSignal.componentInfos
       ).forEach((s) => {
-        var f;
+        var g;
         const l = ue(s);
-        (f = window.parent) == null || f.postMessage(l, "*");
+        (g = window.parent) == null || g.postMessage(l, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
-        C
-      )), e.builderContextSignal.content && B(e.canTrack)) {
-        const s = (r = e.builderContextSignal.content) == null ? void 0 : r.testVariationId, l = (u = e.builderContextSignal.content) == null ? void 0 : u.id, f = e.apiKey;
+        T
+      )), e.builderContextSignal.content && W(e.canTrack)) {
+        const s = (r = e.builderContextSignal.content) == null ? void 0 : r.testVariationId, l = (u = e.builderContextSignal.content) == null ? void 0 : u.id, g = e.apiKey;
         J({
           type: "impression",
           canTrack: !0,
           contentId: l,
-          apiKey: f,
+          apiKey: g,
           variationId: s !== l ? s : void 0
         });
       }
       if (ce() && !F()) {
-        const s = new URL(location.href).searchParams, l = s.get("builder.preview"), f = s.get(
+        const s = new URL(location.href).searchParams, l = s.get("builder.preview"), g = s.get(
           `builder.overrides.${l}`
         ), V = s.get("apiKey") || s.get("builder.space");
-        l === e.model && V === e.apiKey && (!e.content || f === e.content.id) && me({
+        l === e.model && V === e.apiKey && (!e.content || g === e.content.id) && me({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion
         }).then((b) => {
-          b && a(b);
+          b && i(b);
         });
       }
     }
   }, []), x(() => {
     e.apiKey || pe.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), m(), S(), C();
+    ), m(), S(), T();
   }, []), x(() => {
-    e.content && a(e.content);
+    e.content && i(e.content);
   }, [e.content]), x(() => {
     m();
   }, [(q = (N = e.builderContextSignal.content) == null ? void 0 : N.data) == null ? void 0 : q.jsCode]), x(() => {
     S();
   }, [(K = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : K.httpRequests]), x(() => {
-    C();
+    T();
   }, [e.builderContextSignal.rootState]), x(() => {
     e.data && n(e.data);
   }, [e.data]), x(() => {
@@ -1827,11 +1745,11 @@ function kt(e) {
       locale: e.locale
     });
   }, [e.locale]), x(() => () => {
-    $() && (window.removeEventListener("message", o), window.removeEventListener(
+    H() && (window.removeEventListener("message", o), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      C
+      T
     ));
-  }, []), /* @__PURE__ */ g(we.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ g(
+  }, []), /* @__PURE__ */ f(we.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ f(
     c,
     {
       ref: t,
@@ -1840,15 +1758,15 @@ function kt(e) {
       "builder-model": e.model,
       ...d(),
       ...e.contentWrapperProps,
-      className: Ct(
-        ((_ = e.content) == null ? void 0 : _.testVariationId) || ((O = e.content) == null ? void 0 : O.id)
+      className: Tt(
+        ((O = e.content) == null ? void 0 : O.testVariationId) || ((_ = e.content) == null ? void 0 : _.id)
       ),
       children: e.children
     }
   ) : null });
 }
-function Tt(e) {
-  const [t, n] = T(
+function Ct(e) {
+  const [t, n] = C(
     () => `
 ${yt({
       cssCode: e.cssCode,
@@ -1860,19 +1778,19 @@ ${xt({
 ${St(e.isNestedRender)}
 `.trim()
   );
-  return /* @__PURE__ */ g(ne, { id: "builderio-content", styles: t });
+  return /* @__PURE__ */ f(ne, { id: "builderio-content", styles: t });
 }
 const It = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var c, i, o;
-  const a = {}, d = ((c = e == null ? void 0 : e.data) == null ? void 0 : c.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);
+  var c, a, o;
+  const i = {}, d = ((c = e == null ? void 0 : e.data) == null ? void 0 : c.state) || {};
+  return (o = (a = e == null ? void 0 : e.data) == null ? void 0 : a.inputs) == null || o.forEach((m) => {
+    m.name && m.defaultValue !== void 0 && (i[m.name] = m.defaultValue);
   }), {
-    ...a,
+    ...i,
     ...d,
     ...t,
     ...n ? {
@@ -1892,7 +1810,7 @@ const It = ({
 } : void 0;
 function ee(e) {
   var m, h, I, k, w, R, E;
-  const [t, n] = T(
+  const [t, n] = C(
     () => {
       var v, S;
       return pt({
@@ -1903,27 +1821,27 @@ function ee(e) {
       });
     }
   );
-  function a(v) {
+  function i(v) {
     o((S) => ({
       ...S,
       rootState: v
     }));
   }
-  const [d, c] = T(
+  const [d, c] = C(
     () => [
       ...G(),
       ...e.customComponents || []
     ].reduce(
-      (v, { component: S, ...C }) => ({
+      (v, { component: S, ...T }) => ({
         ...v,
-        [C.name]: {
+        [T.name]: {
           component: S,
-          ...Y(C)
+          ...Y(T)
         }
       }),
       {}
     )
-  ), [i, o] = T(() => ({
+  ), [a, o] = C(() => ({
     content: wt({
       content: e.content,
       data: e.data
@@ -1934,7 +1852,7 @@ function ee(e) {
       data: e.data,
       locale: e.locale
     }),
-    rootSetState: a,
+    rootSetState: i,
     context: e.context || {},
     canTrack: e.canTrack,
     apiKey: e.apiKey,
@@ -1943,9 +1861,9 @@ function ee(e) {
       ...G(),
       ...e.customComponents || []
     ].reduce(
-      (v, { component: S, ...C }) => ({
+      (v, { component: S, ...T }) => ({
         ...v,
-        [C.name]: Y(C)
+        [T.name]: Y(T)
       }),
       {}
     ),
@@ -1953,13 +1871,13 @@ function ee(e) {
     BlocksWrapper: e.blocksWrapper || "div",
     BlocksWrapperProps: e.blocksWrapperProps || {}
   }));
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ f(
     Re.Provider,
     {
       value: {
         registeredComponents: d
       },
-      children: /* @__PURE__ */ U(
+      children: /* @__PURE__ */ L(
         kt,
         {
           content: e.content,
@@ -1971,33 +1889,33 @@ function ee(e) {
           locale: e.locale,
           enrich: e.enrich,
           showContent: e.showContent,
-          builderContextSignal: i,
+          builderContextSignal: a,
           contentWrapper: e.contentWrapper,
           contentWrapperProps: e.contentWrapperProps,
           trustedHosts: e.trustedHosts,
           setBuilderContextSignal: o,
           children: [
-            e.isSsrAbTest ? /* @__PURE__ */ g(
-              H,
+            e.isSsrAbTest ? /* @__PURE__ */ f(
+              $,
               {
                 id: "builderio-variant-visibility",
                 scriptStr: t
               }
             ) : null,
-            /* @__PURE__ */ g(
-              Tt,
+            /* @__PURE__ */ f(
+              Ct,
               {
                 isNestedRender: e.isNestedRender,
-                contentId: (m = i.content) == null ? void 0 : m.id,
-                cssCode: (I = (h = i.content) == null ? void 0 : h.data) == null ? void 0 : I.cssCode,
-                customFonts: (w = (k = i.content) == null ? void 0 : k.data) == null ? void 0 : w.customFonts
+                contentId: (m = a.content) == null ? void 0 : m.id,
+                cssCode: (I = (h = a.content) == null ? void 0 : h.data) == null ? void 0 : I.cssCode,
+                customFonts: (w = (k = a.content) == null ? void 0 : k.data) == null ? void 0 : w.customFonts
               }
             ),
-            /* @__PURE__ */ g(
+            /* @__PURE__ */ f(
               Ee,
               {
-                blocks: (E = (R = i.content) == null ? void 0 : R.data) == null ? void 0 : E.blocks,
-                context: i,
+                blocks: (E = (R = a.content) == null ? void 0 : R.data) == null ? void 0 : E.blocks,
+                context: a,
                 registeredComponents: d,
                 linkComponent: e.linkComponent
               }
@@ -2008,15 +1926,15 @@ function ee(e) {
     }
   );
 }
-function At(e) {
-  var i;
-  const [t, n] = T(
+function Bt(e) {
+  var a;
+  const [t, n] = C(
     () => dt({
-      canTrack: B(e.canTrack),
+      canTrack: W(e.canTrack),
       content: e.content
     })
   );
-  function a() {
+  function i() {
     var o;
     return mt(
       P(e.content).map((m) => ({
@@ -2036,35 +1954,35 @@ function At(e) {
       testVariationId: (o = e.content) == null ? void 0 : o.id
     } : be({
       item: e.content,
-      canTrack: B(e.canTrack)
+      canTrack: W(e.canTrack)
     });
   }
   return x(() => {
   }, []), x(() => {
-  }), /* @__PURE__ */ U(z, { children: [
-    !e.isNestedRender && te !== "reactNative" ? /* @__PURE__ */ g(
-      H,
+  }), /* @__PURE__ */ L(z, { children: [
+    !e.isNestedRender && te !== "reactNative" ? /* @__PURE__ */ f(
+      $,
       {
         id: "builderio-init-variants-fns",
         scriptStr: ct()
       }
     ) : null,
-    t ? /* @__PURE__ */ U(z, { children: [
-      /* @__PURE__ */ g(
+    t ? /* @__PURE__ */ L(z, { children: [
+      /* @__PURE__ */ f(
         ne,
         {
           id: "builderio-variants",
           styles: d()
         }
       ),
-      /* @__PURE__ */ g(
-        H,
+      /* @__PURE__ */ f(
+        $,
         {
           id: "builderio-variants-visibility",
-          scriptStr: a()
+          scriptStr: i()
         }
       ),
-      (i = P(e.content)) == null ? void 0 : i.map((o) => /* @__PURE__ */ g(
+      (a = P(e.content)) == null ? void 0 : a.map((o) => /* @__PURE__ */ f(
         ee,
         {
           isNestedRender: e.isNestedRender,
@@ -2090,7 +2008,7 @@ function At(e) {
         o.testVariationId
       ))
     ] }) : null,
-    /* @__PURE__ */ g(
+    /* @__PURE__ */ f(
       ee,
       {
         isNestedRender: e.isNestedRender,
@@ -2117,5 +2035,5 @@ function At(e) {
   ] });
 }
 export {
-  At as default
+  Bt as default
 };