@builder.io/sdk-react 3.0.7 → 4.0.1

package/lib/edge/{content-variants-88f4dc64.js → content-variants-3085ec74.js}

@@ -1,9 +1,9 @@
-import { jsx as h, jsxs as $, Fragment as z } from "react/jsx-runtime";
+import { jsx as y, jsxs as $, Fragment as J } from "react/jsx-runtime";
 import { lazy as v, useRef as _, useState as I, useEffect as V } from "react";
-import { isBrowser as j, TARGET as K, isEditing as F, isPreviewing as te, registerInsertMenu as le, setupBrowserForEditing as se, createRegisterComponentMessage as de, getDefaultCanTrack as H, _track as J, fetchOneEntry as ue, createEditorListener as ce, logFetch as me, serializeIncludingFunctions as Y, logger as pe, handleABTestingSync as fe } from "./server-entry-43a6f5be.js";
-import { Video as ge, Button as he, Columns as be, Fragment as ye, Image as xe, Section as ve, Symbol as Se, Text as Te, BuilderContext as Ie } from "./blocks-exports.mjs";
-import { triggerAnimation as ke, evaluate as ne, fastClone as Ce, InlinedStyles as ae, ComponentsContext as we, Blocks as Ve } from "./blocks-2989e629.js";
-const U = {
+import { isBrowser as j, TARGET as O, isEditing as P, isPreviewing as ne, registerInsertMenu as se, setupBrowserForEditing as de, createRegisterComponentMessage as ue, getDefaultCanTrack as U, _track as Y, fetchOneEntry as ce, createEditorListener as me, logFetch as pe, serializeIncludingFunctions as G, logger as fe, handleABTestingSync as ge } from "./server-entry-b94c45af.js";
+import { Video as he, Button as be, Columns as ye, Fragment as xe, Image as ve, Section as Se, Symbol as Te, Text as Ie, BuilderContext as ke } from "./blocks-exports.mjs";
+import { triggerAnimation as Ce, evaluate as ae, fastClone as we, InlinedStyles as ie, ComponentsContext as Ve, Blocks as Re } from "./blocks-27f4c960.js";
+const H = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -63,7 +63,7 @@ const U = {
       }
     }
   }]
-}, Re = {
+}, Ee = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -80,7 +80,7 @@ const U = {
       name: "title",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [U]
+      defaultValue: [H]
     }, {
       name: "detail",
       type: "uiBlocks",
@@ -88,10 +88,10 @@ const U = {
       defaultValue: [L]
     }],
     defaultValue: [{
-      title: [U],
+      title: [H],
       detail: [L]
     }, {
-      title: [U],
+      title: [H],
       detail: [L]
     }],
     showIf: (e) => !e.get("useChildrenForItems")
@@ -127,7 +127,7 @@ const U = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Ee = v(() => import("./accordion-22c2c037.js")), Fe = {
+}, Fe = v(() => import("./accordion-46e5b47a.js")), Pe = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -163,7 +163,7 @@ const U = {
   shouldReceiveBuilderProps: {
     builderLinkComponent: !0
   }
-}, Pe = {
+}, We = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -342,7 +342,7 @@ const U = {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((l) => l.get("width")) && (n.find((u) => !u.get("width")) || n.reduce((o, c) => o + c.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((d) => !d.get("width")) || n.reduce((o, u) => o + u.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -370,13 +370,13 @@ const U = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, We = {
+}, Ae = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, M = ["jpeg", "jpg", "png", "svg", "webp", "gif", "jfif", "pjpeg", "pjp", "apng", "avif", "tif", "tiff", "heif", "bmp", "eps", "raw", "cr2", "nef", "orf", "sr2", "psd", "heic", "dib", "ai"], Ae = ["mp4", "webm", "mkv", "flv", "vob", "ogv", "ogg", "drc", "gif", "gifv", "mng", "avi", "mov", "qt", "mts", "m2ts", "ts", "wmv", "yuv", "rm", "rmvb", "viv", "asf", "amv", "m4p", "mpeg", "mpe", "m2v", "m4v", "svi", "3gp", "3g2", "mxf", "roq", "nsv", "f4v", "f4p", "f4a", "f4b"], Be = {
+}, M = ["jpeg", "jpg", "png", "svg", "webp", "gif", "jfif", "pjpeg", "pjp", "apng", "avif", "tif", "tiff", "heif", "bmp", "eps", "raw", "cr2", "nef", "orf", "sr2", "psd", "heic", "dib", "ai"], Be = ["mp4", "webm", "mkv", "flv", "vob", "ogv", "ogg", "drc", "gif", "gifv", "mng", "avi", "mov", "qt", "mts", "m2ts", "ts", "wmv", "yuv", "rm", "rmvb", "viv", "asf", "amv", "m4p", "mpeg", "mpe", "m2v", "m4v", "svi", "3gp", "3g2", "mxf", "roq", "nsv", "f4v", "f4p", "f4a", "f4b"], 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",
@@ -397,11 +397,11 @@ const U = {
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(a, o = 6e4) {
-        return new Promise((c, T) => {
+        return new Promise((u, T) => {
           const S = document.createElement("img");
           let R = !1;
           S.onload = () => {
-            R = !0, c(S);
+            R = !0, u(S);
           }, S.addEventListener("error", (k) => {
             console.warn("Image load failed", k.error), T(k.error);
           }), S.src = a, setTimeout(() => {
@@ -412,13 +412,13 @@ const U = {
       function i(a) {
         return Math.round(a * 1e3) / 1e3;
       }
-      const l = e.get("image"), u = e.get("aspectRatio");
-      if (fetch(l).then((a) => a.blob()).then((a) => {
+      const r = e.get("image"), d = e.get("aspectRatio");
+      if (fetch(r).then((a) => a.blob()).then((a) => {
         a.type.includes("svg") && e.set("noWebp", !0);
-      }), l && (!u || u === 0.7041))
-        return n(l).then((a) => {
+      }), r && (!d || d === 0.7041))
+        return n(r).then((a) => {
           const o = e.get("aspectRatio");
-          e.get("image") === l && (!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));
+          e.get("image") === r && (!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));
         });
     }
   }, {
@@ -484,7 +484,7 @@ const U = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, De = {
+}, Ue = {
   name: "PersonalizationContainer",
   shouldReceiveBuilderProps: {
     builderBlock: !0,
@@ -519,7 +519,7 @@ const U = {
       defaultValue: []
     }]
   }]
-}, He = v(() => import("./personalization-container-bcff3433.js")), Ue = {
+}, He = v(() => import("./personalization-container-b85b14c3.js")), Le = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -558,7 +558,7 @@ const U = {
       }
     }
   }]
-}, Le = {
+}, Ne = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -575,7 +575,7 @@ const U = {
     builderContext: !0,
     builderComponents: !0
   }
-}, Ne = v(() => import("./slot-ca171e8c.js")), qe = {
+}, qe = v(() => import("./slot-2670ac48.js")), $e = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -652,7 +652,7 @@ const U = {
       text: "New tab content "
     }
   }
-}, $e = {
+}, _e = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -755,7 +755,7 @@ const U = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, _e = v(() => import("./tabs-6b67fca2.js")), je = {
+}, je = v(() => import("./tabs-931291c4.js")), Ke = {
   shouldReceiveBuilderProps: {
     builderBlock: !1,
     builderContext: !0
@@ -799,7 +799,7 @@ const U = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, Ke = v(() => import("./custom-code-7786788e.js")), Me = {
+}, Me = v(() => import("./custom-code-7786788e.js")), ze = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -814,7 +814,7 @@ const U = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, ze = v(() => import("./embed-5c1bbe12.js")), Je = {
+}, Je = v(() => import("./embed-5c1bbe12.js")), Ye = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -1051,7 +1051,7 @@ const U = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Ye = v(() => import("./form-d29f3cc0.js")), Ge = {
+}, Ge = v(() => import("./form-f2aa1c12.js")), Qe = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -1102,7 +1102,7 @@ const U = {
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, Qe = v(() => import("./input-083c3c35.js")), Xe = {
+}, Xe = v(() => import("./input-f270ae3b.js")), Ze = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -1144,7 +1144,7 @@ const U = {
   }],
   static: !0,
   noWrap: !0
-}, Ze = v(() => import("./select-9f22c2ba.js")), et = {
+}, et = v(() => import("./select-e12e1a87.js")), tt = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -1169,7 +1169,7 @@ const U = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, tt = v(() => import("./submit-button-b48361a7.js")), nt = {
+}, nt = v(() => import("./submit-button-b48361a7.js")), at = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -1205,7 +1205,7 @@ const U = {
   },
   static: !0,
   noWrap: !0
-}, at = v(() => import("./textarea-d29025e9.js")), it = {
+}, it = v(() => import("./textarea-d29025e9.js")), ot = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -1219,7 +1219,7 @@ const U = {
   }],
   noWrap: !0,
   static: !0
-}, ot = v(() => import("./img-fed70928.js")), rt = {
+}, rt = v(() => import("./img-2a060e61.js")), lt = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1230,7 +1230,7 @@ const U = {
   inputs: [{
     name: "video",
     type: "file",
-    allowedFileTypes: Ae,
+    allowedFileTypes: Be,
     bubble: !0,
     defaultValue: "https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",
     required: !0
@@ -1303,37 +1303,34 @@ const U = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, lt = () => [{
-  component: Ke,
+}, st = () => [{
+  component: Me,
   ...Oe
 }, {
-  component: ze,
-  ...Me
+  component: Je,
+  ...ze
 }, {
-  component: Ye,
-  ...Je
+  component: Ge,
+  ...Ye
 }, {
-  component: Qe,
-  ...Ge
+  component: Xe,
+  ...Qe
 }, {
-  component: tt,
-  ...et
+  component: nt,
+  ...tt
 }, {
-  component: Ze,
-  ...Xe
+  component: et,
+  ...Ze
 }, {
-  component: at,
-  ...nt
+  component: it,
+  ...at
 }, {
-  component: ot,
-  ...it
+  component: rt,
+  ...ot
 }, {
-  component: ge,
-  ...rt
-}], G = () => [{
   component: he,
-  ...Fe
-}, {
+  ...lt
+}], Q = () => [{
   component: be,
   ...Pe
 }, {
@@ -1341,29 +1338,32 @@ const U = {
   ...We
 }, {
   component: xe,
-  ...Be
+  ...Ae
 }, {
   component: ve,
-  ...Ue
+  ...De
 }, {
-  component: Ne,
+  component: Se,
   ...Le
 }, {
-  component: Se,
-  ...qe
+  component: qe,
+  ...Ne
 }, {
   component: Te,
-  ...je
+  ...$e
+}, {
+  component: Ie,
+  ...Ke
 }, {
   component: He,
-  ...De
+  ...Ue
 }, {
-  component: _e,
-  ...$e
+  component: je,
+  ..._e
 }, {
-  component: Ee,
-  ...Re
-}, ...lt()], st = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+  component: Fe,
+  ...Ee
+}, ...st()], dt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -1419,7 +1419,7 @@ const U = {
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, dt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, ut = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -1453,27 +1453,27 @@ const U = {
     thisScriptEl?.remove();
   }
   return;
-}`, ie = "builderIoAbTest", oe = "builderIoRenderContent", D = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, oe = "builderIoAbTest", re = "builderIoRenderContent", D = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), ut = ({
+})), ct = ({
   canTrack: e,
   content: t
-}) => !(!(D(t).length > 0) || !e || j()), ct = (e) => e === "react" || e === "reactNative", re = ct(K), mt = () => `
-  window.${ie} = ${st}
+}) => !(!(D(t).length > 0) || !e || j()), mt = (e) => e === "react" || e === "reactNative", le = mt(O), pt = () => `
   window.${oe} = ${dt}
-  `, pt = (e, t) => `
-  window.${ie}(
-    "${t}",${JSON.stringify(e)}, ${re}
-  )`, ft = ({
+  window.${re} = ${ut}
+  `, ft = (e, t) => `
+  window.${oe}(
+    "${t}",${JSON.stringify(e)}, ${le}
+  )`, gt = ({
   contentId: e,
   variationId: t
-}) => `window.${oe}(
-    "${t}", "${e}", ${re}
+}) => `window.${re}(
+    "${t}", "${e}", ${le}
   )`;
-function O(e) {
-  return /* @__PURE__ */ h(
+function K(e) {
+  return /* @__PURE__ */ y(
     "script",
     {
       dangerouslySetInnerHTML: { __html: e.scriptStr },
@@ -1482,10 +1482,10 @@ function O(e) {
     }
   );
 }
-function Q(e) {
+function X(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const gt = (e, t, n = !0) => {
+const ht = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let i = n ? e : e.parentElement;
@@ -1496,39 +1496,39 @@ const gt = (e, t, n = !0) => {
       return i;
   } while (i = i.parentElement);
   return null;
-}, ht = (e) => gt(e, (t) => {
+}, bt = (e) => ht(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), X = ({
+}), Z = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), i = e.clientX - n.left, l = e.clientY - n.top, u = Q(i / n.width), a = Q(l / n.height);
+  const n = t.getBoundingClientRect(), i = e.clientX - n.left, r = e.clientY - n.top, d = X(i / n.width), a = X(r / n.height);
   return {
-    x: u,
+    x: d,
     y: a
   };
-}, bt = (e) => {
-  const t = e.target, n = t && ht(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, yt = (e) => {
+  const t = e.target, n = t && bt(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: i || void 0,
     metadata: {
-      targetOffset: t ? X({
+      targetOffset: t ? Z({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? X({
+      builderTargetOffset: n ? Z({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, yt = ["svelte", "qwik", "vue"], Z = () => yt.includes(K) && (F() || te()), xt = (e) => {
-  var u, a;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (a = e.fileUrl) != null ? a : (u = e == null ? void 0 : e.files) == null ? void 0 : u.regular;
-  let l = "";
-  if (i && t && n && (l += `
+}, xt = ["svelte", "qwik", "vue"], ee = () => xt.includes(O) && (P() || ne()), vt = (e) => {
+  var d, a;
+  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (a = e.fileUrl) != null ? a : (d = e == null ? void 0 : e.files) == null ? void 0 : d.regular;
+  let r = "";
+  if (i && t && n && (r += `
 @font-face {
 font-family: "${t}";
 src: local("${n}"), url('${i}') format('woff2');
@@ -1540,7 +1540,7 @@ font-weight: 400;
       if (!(String(Number(o)) === o))
         continue;
       const T = e.files[o];
-      T && T !== i && (l += `
+      T && T !== i && (r += `
 @font-face {
 font-family: "${t}";
 src: url('${T}') format('woff2');
@@ -1549,16 +1549,16 @@ font-weight: ${o};
 }
         `.trim());
     }
-  return l;
-}, vt = ({
+  return r;
+}, St = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => xt(n))) == null ? void 0 : t.join(" ")) || "";
-}, St = ({
+  return ((t = e == null ? void 0 : e.map((n) => vt(n))) == null ? void 0 : t.join(" ")) || "";
+}, Tt = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Tt = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", It = `
 .builder-button {
   all: unset;
 }
@@ -1575,103 +1575,106 @@ font-weight: ${o};
   text-align: inherit;
   font-family: inherit;
 }
-`, It = (e) => e ? "" : Tt, kt = (e) => `variant-${e}`;
-function Ct(e) {
-  var g, b, C;
+`, kt = (e) => e ? "" : It, Ct = (e) => `variant-${e}`;
+function wt(e) {
+  var b, x, C;
   const t = _(null);
-  function n(s) {
-    var m, f;
-    const d = {
+  function n(l) {
+    var p, f;
+    const s = {
       ...e.builderContextSignal.rootState,
-      ...s
+      ...l
     };
-    e.builderContextSignal.rootSetState ? (f = (m = e.builderContextSignal).rootSetState) == null || f.call(m, d) : e.setBuilderContextSignal((r) => ({
-      ...r,
-      rootState: d
+    e.builderContextSignal.rootSetState ? (f = (p = e.builderContextSignal).rootSetState) == null || f.call(p, s) : e.setBuilderContextSignal((c) => ({
+      ...c,
+      rootState: s
     }));
   }
-  function i(s) {
-    var m, f, r, p, y;
-    const d = {
+  function i(l) {
+    var p, f, c, m, g;
+    const s = {
       ...e.builderContextSignal.content,
-      ...s,
+      ...l,
       data: {
-        ...(m = e.builderContextSignal.content) == null ? void 0 : m.data,
-        ...s == null ? void 0 : s.data
+        ...(p = e.builderContextSignal.content) == null ? void 0 : p.data,
+        ...l == null ? void 0 : l.data
       },
       meta: {
         ...(f = e.builderContextSignal.content) == null ? void 0 : f.meta,
-        ...s == null ? void 0 : s.meta,
-        breakpoints: ((r = s == null ? void 0 : s.meta) == null ? void 0 : r.breakpoints) || ((y = (p = e.builderContextSignal.content) == null ? void 0 : p.meta) == null ? void 0 : y.breakpoints)
+        ...l == null ? void 0 : l.meta,
+        breakpoints: ((c = l == null ? void 0 : l.meta) == null ? void 0 : c.breakpoints) || ((g = (m = e.builderContextSignal.content) == null ? void 0 : m.meta) == null ? void 0 : g.breakpoints)
       }
     };
-    e.setBuilderContextSignal((x) => ({
-      ...x,
-      content: d
+    e.setBuilderContextSignal((h) => ({
+      ...h,
+      content: s
     }));
   }
-  function l() {
+  function r() {
     return e.showContent ? {} : {
       hidden: !0,
       "aria-hidden": !0
     };
   }
-  const [u, a] = I(
+  const [d, a] = I(
     () => e.contentWrapper || "div"
   );
-  function o(s) {
-    return ce({
+  function o(l) {
+    return me({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
-        configureSdk: (d) => {
-          var r;
-          const { breakpoints: m, contentId: f } = d;
-          !f || f !== ((r = e.builderContextSignal.content) == null ? void 0 : r.id) || m && i({
+        configureSdk: (s) => {
+          var c;
+          const { breakpoints: p, contentId: f } = s;
+          !f || f !== ((c = e.builderContextSignal.content) == null ? void 0 : c.id) || p && i({
             meta: {
-              breakpoints: m
+              breakpoints: p
             }
           });
         },
-        animation: (d) => {
-          ke(d);
+        animation: (s) => {
+          Ce(s);
+        },
+        contentUpdate: (s) => {
+          i(s);
         },
-        contentUpdate: (d) => {
-          i(d);
+        stateUpdate: (s) => {
+          n(s);
         }
       }
-    })(s);
+    })(l);
   }
-  const [c, T] = I(() => ({})), [S, R] = I(() => ({})), [k, P] = I(() => !1);
-  function W(s) {
-    var d, m;
+  const [u, T] = I(() => ({})), [S, R] = I(() => ({})), [k, W] = I(() => !1);
+  function A(l) {
+    var s, p;
     if (e.builderContextSignal.content) {
-      const f = (d = e.builderContextSignal.content) == null ? void 0 : d.testVariationId, r = (m = e.builderContextSignal.content) == null ? void 0 : m.id;
-      J({
+      const f = (s = e.builderContextSignal.content) == null ? void 0 : s.testVariationId, c = (p = e.builderContextSignal.content) == null ? void 0 : p.id;
+      Y({
         apiHost: e.apiHost,
         type: "click",
-        canTrack: H(e.canTrack),
-        contentId: r,
+        canTrack: U(e.canTrack),
+        contentId: c,
         apiKey: e.apiKey,
-        variationId: f !== r ? f : void 0,
-        ...bt(s),
+        variationId: f !== c ? f : void 0,
+        ...yt(l),
         unique: !k
       });
     }
-    k || P(!0);
+    k || W(!0);
   }
-  function A() {
-    var d, m, f;
-    const s = (f = (m = (d = e.builderContextSignal.content) == null ? void 0 : d.data) == null ? void 0 : m.httpRequests) != null ? f : {};
-    Object.entries(s).forEach(([r, p]) => {
-      if (!p || S[r] || c[r] && !F())
+  function B() {
+    var s, p, f;
+    const l = (f = (p = (s = e.builderContextSignal.content) == null ? void 0 : s.data) == null ? void 0 : p.httpRequests) != null ? f : {};
+    Object.entries(l).forEach(([c, m]) => {
+      if (!m || S[c] || u[c] && !P())
         return;
-      S[r] = !0;
-      const y = p.replace(
+      S[c] = !0;
+      const g = m.replace(
         /{{([^}]+)}}/g,
-        (x, B) => String(
-          ne({
-            code: B,
+        (h, F) => String(
+          ae({
+            code: F,
             context: e.context || {},
             localState: void 0,
             rootState: e.builderContextSignal.rootState,
@@ -1679,24 +1682,24 @@ function Ct(e) {
           })
         )
       );
-      me(y), fetch(y).then((x) => x.json()).then((x) => {
+      pe(g), fetch(g).then((h) => h.json()).then((h) => {
         n({
-          [r]: x
-        }), c[r] = !0;
-      }).catch((x) => {
-        console.error("error fetching dynamic data", p, x);
+          [c]: h
+        }), u[c] = !0;
+      }).catch((h) => {
+        console.error("error fetching dynamic data", m, h);
       }).finally(() => {
-        S[r] = !1;
+        S[c] = !1;
       });
     });
   }
   function w() {
-    F() && window.dispatchEvent(
+    P() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
           detail: {
-            state: Ce(e.builderContextSignal.rootState),
+            state: we(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -1706,10 +1709,10 @@ function Ct(e) {
     );
   }
   const E = _(!1);
-  return E.current || (A(), w(), E.current = !0), V(() => {
-    var s, d, m;
+  return E.current || (B(), w(), E.current = !0), V(() => {
+    var l, s, p, f;
     if (j()) {
-      if (F() && !e.isNestedRender && (window.addEventListener("message", o), le(), se({
+      if (P() && !e.isNestedRender && (window.addEventListener("message", o), se(), de({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -1718,44 +1721,46 @@ function Ct(e) {
         } : {},
         ...e.trustedHosts ? {
           trustedHosts: e.trustedHosts
-        } : {}
+        } : {},
+        modelName: (l = e.model) != null ? l : "",
+        apiKey: e.apiKey
       }), Object.values(
         e.builderContextSignal.componentInfos
-      ).forEach((r) => {
-        var p, y;
-        if (!e.model || !((p = r.models) != null && p.length) || r.models.includes(e.model)) {
-          const x = de(r);
-          (y = window.parent) == null || y.postMessage(x, "*");
+      ).forEach((m) => {
+        var g, h;
+        if (!((g = m.models) != null && g.length) || m.models.includes(e.model)) {
+          const F = ue(m);
+          (h = window.parent) == null || h.postMessage(F, "*");
         }
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
         w
-      )), e.builderContextSignal.content && H(e.canTrack)) {
-        const r = (s = e.builderContextSignal.content) == null ? void 0 : s.testVariationId, p = (d = e.builderContextSignal.content) == null ? void 0 : d.id, y = e.apiKey;
-        J({
+      )), e.builderContextSignal.content && U(e.canTrack)) {
+        const m = (s = e.builderContextSignal.content) == null ? void 0 : s.testVariationId, g = (p = e.builderContextSignal.content) == null ? void 0 : p.id, h = e.apiKey;
+        Y({
           apiHost: e.apiHost,
           type: "impression",
           canTrack: !0,
-          contentId: p,
-          apiKey: y,
-          variationId: r !== p ? r : void 0
+          contentId: g,
+          apiKey: h,
+          variationId: m !== g ? m : void 0
         });
       }
-      if (te() && !F()) {
-        const r = new URL(location.href).searchParams, p = r.get("builder.preview"), y = r.get(
-          `builder.overrides.${p}`
-        ), x = r.get("apiKey") || r.get("builder.space");
-        (p === "BUILDER_STUDIO" || p === e.model && x === e.apiKey && (!e.content || y === e.content.id)) && ue({
-          model: e.model || "",
+      if (ne() && !P()) {
+        const m = new URL(location.href).searchParams, g = m.get("builder.preview"), h = m.get(
+          `builder.overrides.${g}`
+        ), F = m.get("apiKey") || m.get("builder.space");
+        (g === "BUILDER_STUDIO" || g === e.model && F === e.apiKey && (!e.content || h === e.content.id)) && ce({
+          model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion,
-          ...p === "BUILDER_STUDIO" && ((m = e.context) != null && m.symbolId) ? {
+          ...g === "BUILDER_STUDIO" && ((f = e.context) != null && f.symbolId) ? {
             query: {
               id: e.context.symbolId
             }
           } : {}
-        }).then((B) => {
-          B && i(B);
+        }).then((z) => {
+          z && i(z);
         });
       }
     }
@@ -1774,40 +1779,40 @@ function Ct(e) {
       "builder:component:stateChangeListenerActivated",
       w
     ));
-  }, []), /* @__PURE__ */ h(Ie.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || Z() ? /* @__PURE__ */ h(
-    u,
+  }, []), /* @__PURE__ */ y(ke.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || ee() ? /* @__PURE__ */ y(
+    d,
     {
       ref: t,
-      onClick: (s) => W(s),
-      "builder-content-id": (g = e.builderContextSignal.content) == null ? void 0 : g.id,
+      onClick: (l) => A(l),
+      "builder-content-id": (b = e.builderContextSignal.content) == null ? void 0 : b.id,
       "builder-model": e.model,
-      className: kt(
-        ((b = e.content) == null ? void 0 : b.testVariationId) || ((C = e.content) == null ? void 0 : C.id)
+      className: Ct(
+        ((x = e.content) == null ? void 0 : x.testVariationId) || ((C = e.content) == null ? void 0 : C.id)
       ),
       style: {
-        display: !e.builderContextSignal.content && Z() ? "none" : void 0
+        display: !e.builderContextSignal.content && ee() ? "none" : void 0
       },
-      ...l(),
+      ...r(),
       ...e.contentWrapperProps,
       children: e.children
     }
   ) : null });
 }
-function wt(e) {
+function Vt(e) {
   const [t, n] = I(
     () => `
-${St({
+${Tt({
       cssCode: e.cssCode,
       contentId: e.contentId
     })}
-${vt({
+${St({
       customFonts: e.customFonts
     })}
-${It(e.isNestedRender)}
+${kt(e.isNestedRender)}
 `.trim()
   );
-  return /* @__PURE__ */ h(
-    ae,
+  return /* @__PURE__ */ y(
+    ie,
     {
       id: "builderio-content",
       styles: t,
@@ -1815,24 +1820,24 @@ ${It(e.isNestedRender)}
     }
   );
 }
-const Vt = ({
+const Rt = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var u, a, o;
-  const i = {}, l = ((u = e == null ? void 0 : e.data) == null ? void 0 : u.state) || {};
-  return (o = (a = e == null ? void 0 : e.data) == null ? void 0 : a.inputs) == null || o.forEach((c) => {
-    c.name && c.defaultValue !== void 0 && (i[c.name] = c.defaultValue);
+  var d, a, o;
+  const i = {}, r = ((d = e == null ? void 0 : e.data) == null ? void 0 : d.state) || {};
+  return (o = (a = e == null ? void 0 : e.data) == null ? void 0 : a.inputs) == null || o.forEach((u) => {
+    u.name && u.defaultValue !== void 0 && (i[u.name] = u.defaultValue);
   }), {
     ...i,
-    ...l,
+    ...r,
     ...t,
     ...n ? {
       locale: n
     } : {}
   };
-}, Rt = ({
+}, Et = ({
   content: e,
   data: t
 }) => e ? {
@@ -1843,46 +1848,46 @@ const Vt = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function ee(e) {
-  var T, S, R, k, P, W, A, w, E;
+function te(e) {
+  var T, S, R, k, W, A, B, w, E;
   const [t, n] = I(
     () => {
-      var g, b;
-      return ft({
+      var b, x;
+      return gt({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (g = e.content) == null ? void 0 : g.testVariationId,
+        variationId: (b = e.content) == null ? void 0 : b.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        contentId: (b = e.content) == null ? void 0 : b.id
+        contentId: (x = e.content) == null ? void 0 : x.id
       });
     }
   );
-  function i(g) {
-    o((b) => ({
-      ...b,
-      rootState: g
+  function i(b) {
+    o((x) => ({
+      ...x,
+      rootState: b
     }));
   }
-  const [l, u] = I(
+  const [r, d] = I(
     () => [
-      ...G(),
+      ...Q(),
       ...e.customComponents || []
     ].reduce(
-      (g, { component: b, ...C }) => ({
-        ...g,
+      (b, { component: x, ...C }) => ({
+        ...b,
         [C.name]: {
-          component: b,
-          ...Y(C)
+          component: x,
+          ...G(C)
         }
       }),
       {}
     )
   ), [a, o] = I(() => ({
-    content: Rt({
+    content: Et({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: Vt({
+    rootState: Rt({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -1893,12 +1898,12 @@ function ee(e) {
     apiKey: e.apiKey,
     apiVersion: e.apiVersion,
     componentInfos: [
-      ...G(),
+      ...Q(),
       ...e.customComponents || []
     ].reduce(
-      (g, { component: b, ...C }) => ({
-        ...g,
-        [C.name]: Y(C)
+      (b, { component: x, ...C }) => ({
+        ...b,
+        [C.name]: G(C)
       }),
       {}
     ),
@@ -1906,32 +1911,32 @@ function ee(e) {
     BlocksWrapper: e.blocksWrapper || "div",
     BlocksWrapperProps: e.blocksWrapperProps || {},
     nonce: e.nonce || "",
-    model: e.model || ""
-  })), c = _(!1);
-  if (!c.current) {
-    e.apiKey || pe.error(
+    model: e.model
+  })), u = _(!1);
+  if (!u.current) {
+    e.apiKey || fe.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     );
-    const g = (S = (T = a.content) == null ? void 0 : T.data) == null ? void 0 : S.jsCode;
-    g && ne({
-      code: g,
+    const b = (S = (T = a.content) == null ? void 0 : T.data) == null ? void 0 : S.jsCode;
+    b && ae({
+      code: b,
       context: e.context || {},
       localState: void 0,
       rootState: a.rootState,
-      rootSetState: (b) => {
-        Object.assign(a.rootState, b);
+      rootSetState: (x) => {
+        Object.assign(a.rootState, x);
       },
       isExpression: !1
-    }), c.current = !0;
+    }), u.current = !0;
   }
-  return /* @__PURE__ */ h(
-    we.Provider,
+  return /* @__PURE__ */ y(
+    Ve.Provider,
     {
       value: {
-        registeredComponents: l
+        registeredComponents: r
       },
       children: /* @__PURE__ */ $(
-        Ct,
+        wt,
         {
           apiHost: e.apiHost,
           nonce: e.nonce,
@@ -1951,30 +1956,30 @@ function ee(e) {
           isNestedRender: e.isNestedRender,
           setBuilderContextSignal: o,
           children: [
-            e.isSsrAbTest ? /* @__PURE__ */ h(
-              O,
+            e.isSsrAbTest ? /* @__PURE__ */ y(
+              K,
               {
                 id: "builderio-variant-visibility",
                 scriptStr: t,
                 nonce: e.nonce || ""
               }
             ) : null,
-            /* @__PURE__ */ h(
-              wt,
+            /* @__PURE__ */ y(
+              Vt,
               {
                 nonce: e.nonce || "",
                 isNestedRender: e.isNestedRender,
                 contentId: (R = a.content) == null ? void 0 : R.id,
-                cssCode: (P = (k = a.content) == null ? void 0 : k.data) == null ? void 0 : P.cssCode,
-                customFonts: (A = (W = a.content) == null ? void 0 : W.data) == null ? void 0 : A.customFonts
+                cssCode: (W = (k = a.content) == null ? void 0 : k.data) == null ? void 0 : W.cssCode,
+                customFonts: (B = (A = a.content) == null ? void 0 : A.data) == null ? void 0 : B.customFonts
               }
             ),
-            /* @__PURE__ */ h(
-              Ve,
+            /* @__PURE__ */ y(
+              Re,
               {
                 blocks: (E = (w = a.content) == null ? void 0 : w.data) == null ? void 0 : E.blocks,
                 context: a,
-                registeredComponents: l,
+                registeredComponents: r,
                 linkComponent: e.linkComponent
               }
             )
@@ -1984,66 +1989,66 @@ function ee(e) {
     }
   );
 }
-function Et(e) {
+function Ft(e) {
   var a;
   const [t, n] = I(
-    () => ut({
-      canTrack: H(e.canTrack),
+    () => ct({
+      canTrack: U(e.canTrack),
       content: e.content
     })
   );
   function i() {
     var o;
-    return pt(
-      D(e.content).map((c) => ({
-        id: c.testVariationId,
-        testRatio: c.testRatio
+    return ft(
+      D(e.content).map((u) => ({
+        id: u.testVariationId,
+        testRatio: u.testRatio
       })),
       ((o = e.content) == null ? void 0 : o.id) || ""
     );
   }
-  function l() {
+  function r() {
     return D(e.content).map((o) => `.variant-${o.testVariationId} { display: none; } `).join("");
   }
-  function u() {
+  function d() {
     var o;
     return t ? {
       ...e.content,
       testVariationId: (o = e.content) == null ? void 0 : o.id
-    } : fe({
+    } : ge({
       item: e.content,
-      canTrack: H(e.canTrack)
+      canTrack: U(e.canTrack)
     });
   }
   return V(() => {
-  }, []), /* @__PURE__ */ $(z, { children: [
-    !e.isNestedRender && K !== "reactNative" ? /* @__PURE__ */ h(
-      O,
+  }, []), /* @__PURE__ */ $(J, { children: [
+    !e.isNestedRender && O !== "reactNative" ? /* @__PURE__ */ y(
+      K,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: mt(),
+        scriptStr: pt(),
         nonce: e.nonce || ""
       }
     ) : null,
-    t ? /* @__PURE__ */ $(z, { children: [
-      /* @__PURE__ */ h(
-        ae,
+    t ? /* @__PURE__ */ $(J, { children: [
+      /* @__PURE__ */ y(
+        ie,
         {
           id: "builderio-variants",
-          styles: l(),
+          styles: r(),
           nonce: e.nonce || ""
         }
       ),
-      /* @__PURE__ */ h(
-        O,
+      /* @__PURE__ */ y(
+        K,
         {
           id: "builderio-variants-visibility",
           scriptStr: i(),
           nonce: e.nonce || ""
         }
       ),
-      (a = D(e.content)) == null ? void 0 : a.map((o) => /* @__PURE__ */ h(
-        ee,
+      (a = D(e.content)) == null ? void 0 : a.map((o) => /* @__PURE__ */ y(
+        te,
         {
           apiHost: e.apiHost,
           isNestedRender: e.isNestedRender,
@@ -2070,13 +2075,13 @@ function Et(e) {
         o.testVariationId
       ))
     ] }) : null,
-    /* @__PURE__ */ h(
-      ee,
+    /* @__PURE__ */ y(
+      te,
       {
         apiHost: e.apiHost,
         nonce: e.nonce,
         isNestedRender: e.isNestedRender,
-        content: u(),
+        content: d(),
         showContent: !0,
         model: e.model,
         data: e.data,
@@ -2098,11 +2103,11 @@ function Et(e) {
     )
   ] });
 }
-const Dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Et
+  default: Ft
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  O as InlinedScript,
-  Dt as contentVariants
+  K as InlinedScript,
+  Ut as contentVariants
 };