@builder.io/sdk-react 4.0.0 → 4.0.2

package/lib/edge/{content-variants-1594c868.js → content-variants-0f0a71cb.js}

@@ -1,9 +1,9 @@
-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 O, isEditing as P, isPreviewing as ne, registerInsertMenu as se, setupBrowserForEditing as de, createRegisterComponentMessage as ue, getDefaultCanTrack as H, _track as Y, fetchOneEntry as ce, createEditorListener as me, logFetch as pe, serializeIncludingFunctions as G, logger as fe, handleABTestingSync as ge } from "./server-entry-c1673af2.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-0885e182.js";
-const U = {
+import { jsx as h, jsxs as K, Fragment as Q } from "react/jsx-runtime";
+import { lazy as y, useRef as O, useState as T, useEffect as E } from "react";
+import { isBrowser as M, TARGET as J, isEditing as W, isPreviewing as oe, registerInsertMenu as ce, setupBrowserForEditing as me, createRegisterComponentMessage as pe, getDefaultCanTrack as L, getCookieSync as fe, _track as X, fetchOneEntry as ge, createEditorListener as he, logFetch as be, serializeIncludingFunctions as Z, logger as ye, handleABTestingSync as xe } from "./server-entry-818ae9c6.js";
+import { Video as ve, Button as Se, Columns as Te, Fragment as Ie, Image as ke, Section as Ce, Symbol as we, Text as Ve, BuilderContext as Re } from "./blocks-exports.mjs";
+import { triggerAnimation as Ee, evaluate as re, fastClone as Fe, InlinedStyles as le, ComponentsContext as Pe, Blocks as We } from "./blocks-f3b2fbd5.js";
+const q = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -32,7 +32,7 @@ const U = {
       }
     }
   }]
-}, L = {
+}, $ = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item detail",
   responsiveStyles: {
@@ -63,7 +63,7 @@ const U = {
       }
     }
   }]
-}, Ee = {
+}, Ae = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -80,19 +80,19 @@ const U = {
       name: "title",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [U]
+      defaultValue: [q]
     }, {
       name: "detail",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [L]
+      defaultValue: [$]
     }],
     defaultValue: [{
-      title: [U],
-      detail: [L]
+      title: [q],
+      detail: [$]
     }, {
-      title: [U],
-      detail: [L]
+      title: [q],
+      detail: [$]
     }],
     showIf: (e) => !e.get("useChildrenForItems")
   }, {
@@ -127,7 +127,7 @@ const U = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Fe = v(() => import("./accordion-e1b77652.js")), Pe = {
+}, Be = y(() => import("./accordion-5063d748.js")), De = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -163,7 +163,7 @@ const U = {
   shouldReceiveBuilderProps: {
     builderLinkComponent: !0
   }
-}, We = {
+}, Ue = {
   // 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((r) => r.get("width")) && (n.find((d) => !d.get("width")) || n.reduce((o, u) => o + u.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((r) => r.get("width")) && (n.find((u) => !u.get("width")) || n.reduce((o, c) => o + c.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -370,13 +370,13 @@ const U = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Ae = {
+}, He = {
   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"], 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 = {
+}, Y = ["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"], Le = ["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"], Ne = {
   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",
@@ -391,31 +391,31 @@ const U = {
     name: "image",
     type: "file",
     bubble: !0,
-    allowedFileTypes: M,
+    allowedFileTypes: Y,
     required: !0,
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(a, o = 6e4) {
-        return new Promise((u, T) => {
-          const S = document.createElement("img");
-          let R = !1;
-          S.onload = () => {
-            R = !0, u(S);
-          }, S.addEventListener("error", (k) => {
-            console.warn("Image load failed", k.error), T(k.error);
-          }), S.src = a, setTimeout(() => {
-            R || T(new Error("Image load timed out"));
+        return new Promise((c, v) => {
+          const x = document.createElement("img");
+          let F = !1;
+          x.onload = () => {
+            F = !0, c(x);
+          }, x.addEventListener("error", (C) => {
+            console.warn("Image load failed", C.error), v(C.error);
+          }), x.src = a, setTimeout(() => {
+            F || v(new Error("Image load timed out"));
           }, o);
         });
       }
       function i(a) {
         return Math.round(a * 1e3) / 1e3;
       }
-      const r = e.get("image"), d = e.get("aspectRatio");
+      const r = e.get("image"), u = e.get("aspectRatio");
       if (fetch(r).then((a) => a.blob()).then((a) => {
         a.type.includes("svg") && e.set("noWebp", !0);
-      }), r && (!d || d === 0.7041))
+      }), r && (!u || u === 0.7041))
         return n(r).then((a) => {
           const o = e.get("aspectRatio");
           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
   }
-}, He = {
+}, qe = {
   name: "PersonalizationContainer",
   shouldReceiveBuilderProps: {
     builderBlock: !0,
@@ -519,7 +519,7 @@ const U = {
       defaultValue: []
     }]
   }]
-}, Ue = v(() => import("./personalization-container-7e63edce.js")), Le = {
+}, $e = y(() => import("./personalization-container-b581d0f6.js")), _e = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -558,7 +558,7 @@ const U = {
       }
     }
   }]
-}, Ne = {
+}, je = {
   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
   }
-}, qe = v(() => import("./slot-05ef18a0.js")), $e = {
+}, Ke = y(() => import("./slot-05218273.js")), Oe = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -614,7 +614,7 @@ const U = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, N = {
+}, _ = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -636,7 +636,7 @@ const U = {
       text: "New tab"
     }
   }
-}, q = {
+}, j = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -652,7 +652,7 @@ const U = {
       text: "New tab content "
     }
   }
-}, _e = {
+}, Me = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -662,16 +662,16 @@ const U = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [N]
+      defaultValue: [_]
     }, {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [q]
+      defaultValue: [j]
     }],
     defaultValue: [{
       label: [{
-        ...N,
+        ..._,
         component: {
           name: "Text",
           options: {
@@ -680,7 +680,7 @@ const U = {
         }
       }],
       content: [{
-        ...q,
+        ...j,
         component: {
           name: "Text",
           options: {
@@ -690,7 +690,7 @@ const U = {
       }]
     }, {
       label: [{
-        ...N,
+        ..._,
         component: {
           name: "Text",
           options: {
@@ -699,7 +699,7 @@ const U = {
         }
       }],
       content: [{
-        ...q,
+        ...j,
         component: {
           name: "Text",
           options: {
@@ -755,7 +755,7 @@ const U = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, je = v(() => import("./tabs-244d53fa.js")), Ke = {
+}, ze = y(() => import("./tabs-a0b38dde.js")), Je = {
   shouldReceiveBuilderProps: {
     builderBlock: !1,
     builderContext: !0
@@ -777,7 +777,7 @@ const U = {
     height: "auto",
     textAlign: "center"
   }
-}, Oe = {
+}, Ye = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -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
   }]
-}, Me = v(() => import("./custom-code-7786788e.js")), ze = {
+}, Ge = y(() => import("./custom-code-7786788e.js")), Qe = {
   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
   }]
-}, Je = v(() => import("./embed-5c1bbe12.js")), Ye = {
+}, Xe = y(() => import("./embed-5c1bbe12.js")), Ze = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -1051,7 +1051,7 @@ const U = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Ge = v(() => import("./form-b66c20a3.js")), Qe = {
+}, et = y(() => import("./form-b8f74b68.js")), tt = {
   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"
   }
-}, Xe = v(() => import("./input-57c5b097.js")), Ze = {
+}, nt = y(() => import("./input-768a5984.js")), at = {
   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
-}, et = v(() => import("./select-3d4324ef.js")), tt = {
+}, it = y(() => import("./select-e54dc6bc.js")), ot = {
   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,
-}, nt = v(() => import("./submit-button-b48361a7.js")), at = {
+}, rt = y(() => import("./submit-button-b48361a7.js")), lt = {
   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
-}, it = v(() => import("./textarea-d29025e9.js")), ot = {
+}, st = y(() => import("./textarea-d29025e9.js")), dt = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -1214,12 +1214,12 @@ const U = {
     name: "image",
     bubble: !0,
     type: "file",
-    allowedFileTypes: M,
+    allowedFileTypes: Y,
     required: !0
   }],
   noWrap: !0,
   static: !0
-}, rt = v(() => import("./img-c4a772a8.js")), lt = {
+}, ut = y(() => import("./img-4becc0d4.js")), ct = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1230,14 +1230,14 @@ const U = {
   inputs: [{
     name: "video",
     type: "file",
-    allowedFileTypes: Be,
+    allowedFileTypes: Le,
     bubble: !0,
     defaultValue: "https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",
     required: !0
   }, {
     name: "posterImage",
     type: "file",
-    allowedFileTypes: M,
+    allowedFileTypes: Y,
     helperText: "Image to show before the video plays"
   }, {
     name: "autoPlay",
@@ -1303,67 +1303,67 @@ const U = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, st = () => [{
-  component: Me,
-  ...Oe
-}, {
-  component: Je,
-  ...ze
-}, {
+}, mt = () => [{
   component: Ge,
   ...Ye
 }, {
   component: Xe,
   ...Qe
-}, {
-  component: nt,
-  ...tt
 }, {
   component: et,
   ...Ze
 }, {
-  component: it,
-  ...at
+  component: nt,
+  ...tt
 }, {
   component: rt,
   ...ot
 }, {
-  component: he,
-  ...lt
-}], Q = () => [{
-  component: be,
-  ...Pe
+  component: it,
+  ...at
 }, {
-  component: ye,
-  ...We
+  component: st,
+  ...lt
 }, {
-  component: xe,
-  ...Ae
+  component: ut,
+  ...dt
 }, {
   component: ve,
-  ...De
-}, {
+  ...ct
+}], ee = () => [{
   component: Se,
-  ...Le
-}, {
-  component: qe,
-  ...Ne
+  ...De
 }, {
   component: Te,
-  ...$e
+  ...Ue
 }, {
   component: Ie,
-  ...Ke
-}, {
-  component: Ue,
   ...He
 }, {
-  component: je,
+  component: ke,
+  ...Ne
+}, {
+  component: Ce,
   ..._e
 }, {
-  component: Fe,
-  ...Ee
-}, ...st()], dt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+  component: Ke,
+  ...je
+}, {
+  component: we,
+  ...Oe
+}, {
+  component: Ve,
+  ...Je
+}, {
+  component: $e,
+  ...qe
+}, {
+  component: ze,
+  ...Me
+}, {
+  component: Be,
+  ...Ae
+}, ...mt()], pt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -1419,7 +1419,7 @@ const U = {
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, ut = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, ft = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -1453,27 +1453,27 @@ const U = {
     thisScriptEl?.remove();
   }
   return;
-}`, oe = "builderIoAbTest", re = "builderIoRenderContent", D = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, se = "builderIoAbTest", de = "builderIoRenderContent", H = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), ct = ({
+})), gt = ({
   canTrack: e,
   content: t
-}) => !(!(D(t).length > 0) || !e || j()), mt = (e) => e === "react" || e === "reactNative", le = mt(O), pt = () => `
-  window.${oe} = ${dt}
-  window.${re} = ${ut}
-  `, ft = (e, t) => `
-  window.${oe}(
-    "${t}",${JSON.stringify(e)}, ${le}
-  )`, gt = ({
+}) => !(!(H(t).length > 0) || !e || M()), ht = (e) => e === "react" || e === "reactNative", ue = ht(J), bt = () => `
+  window.${se} = ${pt}
+  window.${de} = ${ft}
+  `, yt = (e, t) => `
+  window.${se}(
+    "${t}",${JSON.stringify(e)}, ${ue}
+  )`, xt = ({
   contentId: e,
   variationId: t
-}) => `window.${re}(
-    "${t}", "${e}", ${le}
+}) => `window.${de}(
+    "${t}", "${e}", ${ue}
   )`;
-function K(e) {
-  return /* @__PURE__ */ y(
+function z(e) {
+  return /* @__PURE__ */ h(
     "script",
     {
       dangerouslySetInnerHTML: { __html: e.scriptStr },
@@ -1482,10 +1482,10 @@ function K(e) {
     }
   );
 }
-function X(e) {
+function te(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const ht = (e, t, n = !0) => {
+const vt = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let i = n ? e : e.parentElement;
@@ -1496,37 +1496,37 @@ const ht = (e, t, n = !0) => {
       return i;
   } while (i = i.parentElement);
   return null;
-}, bt = (e) => ht(e, (t) => {
+}, St = (e) => vt(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), Z = ({
+}), ne = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), i = e.clientX - n.left, r = e.clientY - n.top, d = X(i / n.width), a = X(r / n.height);
+  const n = t.getBoundingClientRect(), i = e.clientX - n.left, r = e.clientY - n.top, u = te(i / n.width), a = te(r / n.height);
   return {
-    x: d,
+    x: u,
     y: a
   };
-}, 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);
+}, Tt = (e) => {
+  const t = e.target, n = t && St(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: i || void 0,
     metadata: {
-      targetOffset: t ? Z({
+      targetOffset: t ? ne({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? Z({
+      builderTargetOffset: n ? ne({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, 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;
+}, It = ["svelte", "qwik", "vue"], ae = () => It.includes(J) && (W() || oe()), kt = (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 r = "";
   if (i && t && n && (r += `
 @font-face {
@@ -1539,26 +1539,26 @@ font-weight: 400;
     for (const o in e.files) {
       if (!(String(Number(o)) === o))
         continue;
-      const T = e.files[o];
-      T && T !== i && (r += `
+      const v = e.files[o];
+      v && v !== i && (r += `
 @font-face {
 font-family: "${t}";
-src: url('${T}') format('woff2');
+src: url('${v}') format('woff2');
 font-display: fallback;
 font-weight: ${o};
 }
         `.trim());
     }
   return r;
-}, St = ({
+}, Ct = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => vt(n))) == null ? void 0 : t.join(" ")) || "";
-}, Tt = ({
+  return ((t = e == null ? void 0 : e.map((n) => kt(n))) == null ? void 0 : t.join(" ")) || "";
+}, wt = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", It = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Vt = `
 .builder-button {
   all: unset;
 }
@@ -1575,38 +1575,39 @@ font-weight: ${o};
   text-align: inherit;
   font-family: inherit;
 }
-`, kt = (e) => e ? "" : It, Ct = (e) => `variant-${e}`;
-function wt(e) {
-  var b, x, C;
-  const t = _(null);
+`, Rt = (e) => e ? "" : Vt, Et = (e) => `variant-${e}`;
+function Ft(e) {
+  var f, b, w;
+  const t = O(null);
+  T(() => !1);
   function n(l) {
-    var p, f;
+    var m, p;
     const s = {
       ...e.builderContextSignal.rootState,
       ...l
     };
-    e.builderContextSignal.rootSetState ? (f = (p = e.builderContextSignal).rootSetState) == null || f.call(p, s) : e.setBuilderContextSignal((c) => ({
-      ...c,
+    e.builderContextSignal.rootSetState ? (p = (m = e.builderContextSignal).rootSetState) == null || p.call(m, s) : e.setBuilderContextSignal((d) => ({
+      ...d,
       rootState: s
     }));
   }
   function i(l) {
-    var p, f, c, m, g;
+    var m, p, d, V, I;
     const s = {
       ...e.builderContextSignal.content,
       ...l,
       data: {
-        ...(p = e.builderContextSignal.content) == null ? void 0 : p.data,
+        ...(m = e.builderContextSignal.content) == null ? void 0 : m.data,
         ...l == null ? void 0 : l.data
       },
       meta: {
-        ...(f = e.builderContextSignal.content) == null ? void 0 : f.meta,
+        ...(p = e.builderContextSignal.content) == null ? void 0 : p.meta,
         ...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)
+        breakpoints: ((d = l == null ? void 0 : l.meta) == null ? void 0 : d.breakpoints) || ((I = (V = e.builderContextSignal.content) == null ? void 0 : V.meta) == null ? void 0 : I.breakpoints)
       }
     };
-    e.setBuilderContextSignal((h) => ({
-      ...h,
+    e.setBuilderContextSignal((S) => ({
+      ...S,
       content: s
     }));
   }
@@ -1616,62 +1617,65 @@ function wt(e) {
       "aria-hidden": !0
     };
   }
-  const [d, a] = I(
+  const [u, a] = T(
     () => e.contentWrapper || "div"
   );
   function o(l) {
-    return me({
+    return he({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
         configureSdk: (s) => {
-          var c;
-          const { breakpoints: p, contentId: f } = s;
-          !f || f !== ((c = e.builderContextSignal.content) == null ? void 0 : c.id) || p && i({
+          var d;
+          const { breakpoints: m, contentId: p } = s;
+          !p || p !== ((d = e.builderContextSignal.content) == null ? void 0 : d.id) || m && i({
             meta: {
-              breakpoints: p
+              breakpoints: m
             }
           });
         },
         animation: (s) => {
-          Ce(s);
+          Ee(s);
         },
         contentUpdate: (s) => {
           i(s);
+        },
+        stateUpdate: (s) => {
+          n(s);
         }
       }
     })(l);
   }
-  const [u, T] = I(() => ({})), [S, R] = I(() => ({})), [k, W] = I(() => !1);
-  function A(l) {
-    var s, p;
+  const [c, v] = T(() => ({})), [x, F] = T(() => ({})), [C, A] = T(() => !1);
+  function B(l) {
+    var s, m;
     if (e.builderContextSignal.content) {
-      const f = (s = e.builderContextSignal.content) == null ? void 0 : s.testVariationId, c = (p = e.builderContextSignal.content) == null ? void 0 : p.id;
-      Y({
+      const p = (s = e.builderContextSignal.content) == null ? void 0 : s.testVariationId, d = (m = e.builderContextSignal.content) == null ? void 0 : m.id;
+      X({
         apiHost: e.apiHost,
         type: "click",
-        canTrack: H(e.canTrack),
-        contentId: c,
+        canTrack: L(e.canTrack),
+        contentId: d,
         apiKey: e.apiKey,
-        variationId: f !== c ? f : void 0,
-        ...yt(l),
-        unique: !k
+        variationId: p !== d ? p : void 0,
+        ...Tt(l),
+        unique: !C
       });
     }
-    k || W(!0);
+    C || A(!0);
   }
-  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())
+  function D() {
+    var s, m, p;
+    const l = (p = (m = (s = e.builderContextSignal.content) == null ? void 0 : s.data) == null ? void 0 : m.httpRequests) != null ? p : {};
+    Object.entries(l).forEach(([d, V]) => {
+      if (!V || x[d] || c[d] && !W())
         return;
-      S[c] = !0;
-      const g = m.replace(
+      x[d] = !0;
+      const I = V.replace(
         /{{([^}]+)}}/g,
-        (h, F) => String(
-          ae({
-            code: F,
+        (S, g) => String(
+          re({
+            code: g,
             context: e.context || {},
             localState: void 0,
             rootState: e.builderContextSignal.rootState,
@@ -1679,24 +1683,24 @@ function wt(e) {
           })
         )
       );
-      pe(g), fetch(g).then((h) => h.json()).then((h) => {
+      be(I), fetch(I).then((S) => S.json()).then((S) => {
         n({
-          [c]: h
-        }), u[c] = !0;
-      }).catch((h) => {
-        console.error("error fetching dynamic data", m, h);
+          [d]: S
+        }), c[d] = !0;
+      }).catch((S) => {
+        console.error("error fetching dynamic data", V, S);
       }).finally(() => {
-        S[c] = !1;
+        x[d] = !1;
       });
     });
   }
-  function w() {
-    P() && window.dispatchEvent(
+  function R() {
+    W() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
           detail: {
-            state: we(e.builderContextSignal.rootState),
+            state: Fe(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -1705,11 +1709,11 @@ function wt(e) {
       )
     );
   }
-  const E = _(!1);
-  return E.current || (B(), w(), E.current = !0), V(() => {
-    var l, s, p, f;
-    if (j()) {
-      if (P() && !e.isNestedRender && (window.addEventListener("message", o), se(), de({
+  const P = O(!1);
+  return P.current || (D(), R(), P.current = !0), E(() => {
+    var l, s, m, p, d;
+    if (M()) {
+      W() && !e.isNestedRender && (window.addEventListener("message", o), ce(), me({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -1723,71 +1727,76 @@ function wt(e) {
         apiKey: e.apiKey
       }), Object.values(
         e.builderContextSignal.componentInfos
-      ).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, "*");
+      ).forEach((g) => {
+        var k, U;
+        if (!((k = g.models) != null && k.length) || g.models.includes(e.model)) {
+          const N = pe(g);
+          (U = window.parent) == null || U.postMessage(N, "*");
         }
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
-        w
-      )), e.builderContextSignal.content && H(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({
+        R
+      ));
+      const V = e.builderContextSignal.content && L(e.canTrack), I = fe({
+        name: `builder.tests.${(s = e.builderContextSignal.content) == null ? void 0 : s.id}`,
+        canTrack: !0
+      }), S = (m = e.builderContextSignal.content) == null ? void 0 : m.testVariationId;
+      if (V && S === I) {
+        const g = (p = e.builderContextSignal.content) == null ? void 0 : p.id, k = e.apiKey;
+        X({
           apiHost: e.apiHost,
           type: "impression",
           canTrack: !0,
           contentId: g,
-          apiKey: h,
-          variationId: m !== g ? m : void 0
+          apiKey: k,
+          variationId: I !== g ? I : void 0
         });
       }
-      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({
+      if (oe() && !W()) {
+        const g = new URL(location.href).searchParams, k = g.get("builder.preview"), U = g.get(
+          `builder.overrides.${k}`
+        ), N = g.get("apiKey") || g.get("builder.space");
+        (k === "BUILDER_STUDIO" || k === e.model && N === e.apiKey && (!e.content || U === e.content.id)) && ge({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion,
-          ...g === "BUILDER_STUDIO" && ((f = e.context) != null && f.symbolId) ? {
+          ...k === "BUILDER_STUDIO" && ((d = e.context) != null && d.symbolId) ? {
             query: {
               id: e.context.symbolId
             }
           } : {}
-        }).then((z) => {
-          z && i(z);
+        }).then((G) => {
+          G && i(G);
         });
       }
     }
-  }, []), V(() => {
+  }, []), E(() => {
     e.content && i(e.content);
-  }, [e.content]), V(() => {
-    w();
-  }, [e.builderContextSignal.rootState]), V(() => {
+  }, [e.content]), E(() => {
+    R();
+  }, [e.builderContextSignal.rootState]), E(() => {
     e.data && n(e.data);
-  }, [e.data]), V(() => {
+  }, [e.data]), E(() => {
     e.locale && n({
       locale: e.locale
     });
-  }, [e.locale]), V(() => () => {
-    j() && (window.removeEventListener("message", o), window.removeEventListener(
+  }, [e.locale]), E(() => () => {
+    M() && (window.removeEventListener("message", o), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      w
+      R
     ));
-  }, []), /* @__PURE__ */ y(ke.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || ee() ? /* @__PURE__ */ y(
-    d,
+  }, []), /* @__PURE__ */ h(Re.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || ae() ? /* @__PURE__ */ h(
+    u,
     {
       ref: t,
-      onClick: (l) => A(l),
-      "builder-content-id": (b = e.builderContextSignal.content) == null ? void 0 : b.id,
+      onClick: (l) => B(l),
+      "builder-content-id": (f = e.builderContextSignal.content) == null ? void 0 : f.id,
       "builder-model": e.model,
-      className: Ct(
-        ((x = e.content) == null ? void 0 : x.testVariationId) || ((C = e.content) == null ? void 0 : C.id)
+      className: Et(
+        ((b = e.content) == null ? void 0 : b.testVariationId) || ((w = e.content) == null ? void 0 : w.id)
       ),
       style: {
-        display: !e.builderContextSignal.content && ee() ? "none" : void 0
+        display: !e.builderContextSignal.content && ae() ? "none" : void 0
       },
       ...r(),
       ...e.contentWrapperProps,
@@ -1795,21 +1804,21 @@ function wt(e) {
     }
   ) : null });
 }
-function Vt(e) {
-  const [t, n] = I(
+function Pt(e) {
+  const [t, n] = T(
     () => `
-${Tt({
+${wt({
       cssCode: e.cssCode,
       contentId: e.contentId
     })}
-${St({
+${Ct({
       customFonts: e.customFonts
     })}
-${kt(e.isNestedRender)}
+${Rt(e.isNestedRender)}
 `.trim()
   );
-  return /* @__PURE__ */ y(
-    ie,
+  return /* @__PURE__ */ h(
+    le,
     {
       id: "builderio-content",
       styles: t,
@@ -1817,15 +1826,15 @@ ${kt(e.isNestedRender)}
     }
   );
 }
-const Rt = ({
+const Wt = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  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);
+  var u, a, o;
+  const i = {}, r = ((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);
   }), {
     ...i,
     ...r,
@@ -1834,7 +1843,7 @@ const Rt = ({
       locale: n
     } : {}
   };
-}, Et = ({
+}, At = ({
   content: e,
   data: t
 }) => e ? {
@@ -1845,46 +1854,46 @@ const Rt = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function te(e) {
-  var T, S, R, k, W, A, B, w, E;
-  const [t, n] = I(
+function ie(e) {
+  var v, x, F, C, A, B, D, R, P;
+  const [t, n] = T(
     () => {
-      var b, x;
-      return gt({
+      var f, b;
+      return xt({
         // 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: (f = e.content) == null ? void 0 : f.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        contentId: (x = e.content) == null ? void 0 : x.id
+        contentId: (b = e.content) == null ? void 0 : b.id
       });
     }
   );
-  function i(b) {
-    o((x) => ({
-      ...x,
-      rootState: b
+  function i(f) {
+    o((b) => ({
+      ...b,
+      rootState: f
     }));
   }
-  const [r, d] = I(
+  const [r, u] = T(
     () => [
-      ...Q(),
+      ...ee(),
       ...e.customComponents || []
     ].reduce(
-      (b, { component: x, ...C }) => ({
-        ...b,
-        [C.name]: {
-          component: x,
-          ...G(C)
+      (f, { component: b, ...w }) => ({
+        ...f,
+        [w.name]: {
+          component: b,
+          ...Z(w)
         }
       }),
       {}
     )
-  ), [a, o] = I(() => ({
-    content: Et({
+  ), [a, o] = T(() => ({
+    content: At({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: Rt({
+    rootState: Wt({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -1895,12 +1904,12 @@ function te(e) {
     apiKey: e.apiKey,
     apiVersion: e.apiVersion,
     componentInfos: [
-      ...Q(),
+      ...ee(),
       ...e.customComponents || []
     ].reduce(
-      (b, { component: x, ...C }) => ({
-        ...b,
-        [C.name]: G(C)
+      (f, { component: b, ...w }) => ({
+        ...f,
+        [w.name]: Z(w)
       }),
       {}
     ),
@@ -1909,31 +1918,31 @@ function te(e) {
     BlocksWrapperProps: e.blocksWrapperProps || {},
     nonce: e.nonce || "",
     model: e.model
-  })), u = _(!1);
-  if (!u.current) {
-    e.apiKey || fe.error(
+  })), c = O(!1);
+  if (!c.current) {
+    e.apiKey || ye.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     );
-    const b = (S = (T = a.content) == null ? void 0 : T.data) == null ? void 0 : S.jsCode;
-    b && ae({
-      code: b,
+    const f = (x = (v = a.content) == null ? void 0 : v.data) == null ? void 0 : x.jsCode;
+    f && re({
+      code: f,
       context: e.context || {},
       localState: void 0,
       rootState: a.rootState,
-      rootSetState: (x) => {
-        Object.assign(a.rootState, x);
+      rootSetState: (b) => {
+        Object.assign(a.rootState, b);
       },
       isExpression: !1
-    }), u.current = !0;
+    }), c.current = !0;
   }
-  return /* @__PURE__ */ y(
-    Ve.Provider,
+  return /* @__PURE__ */ h(
+    Pe.Provider,
     {
       value: {
         registeredComponents: r
       },
-      children: /* @__PURE__ */ $(
-        wt,
+      children: /* @__PURE__ */ K(
+        Ft,
         {
           apiHost: e.apiHost,
           nonce: e.nonce,
@@ -1953,28 +1962,28 @@ function te(e) {
           isNestedRender: e.isNestedRender,
           setBuilderContextSignal: o,
           children: [
-            e.isSsrAbTest ? /* @__PURE__ */ y(
-              K,
+            e.isSsrAbTest ? /* @__PURE__ */ h(
+              z,
               {
                 id: "builderio-variant-visibility",
                 scriptStr: t,
                 nonce: e.nonce || ""
               }
             ) : null,
-            /* @__PURE__ */ y(
-              Vt,
+            /* @__PURE__ */ h(
+              Pt,
               {
                 nonce: e.nonce || "",
                 isNestedRender: e.isNestedRender,
-                contentId: (R = a.content) == null ? void 0 : R.id,
-                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
+                contentId: (F = a.content) == null ? void 0 : F.id,
+                cssCode: (A = (C = a.content) == null ? void 0 : C.data) == null ? void 0 : A.cssCode,
+                customFonts: (D = (B = a.content) == null ? void 0 : B.data) == null ? void 0 : D.customFonts
               }
             ),
-            /* @__PURE__ */ y(
-              Re,
+            /* @__PURE__ */ h(
+              We,
               {
-                blocks: (E = (w = a.content) == null ? void 0 : w.data) == null ? void 0 : E.blocks,
+                blocks: (P = (R = a.content) == null ? void 0 : R.data) == null ? void 0 : P.blocks,
                 context: a,
                 registeredComponents: r,
                 linkComponent: e.linkComponent
@@ -1986,66 +1995,66 @@ function te(e) {
     }
   );
 }
-function Ft(e) {
+function Bt(e) {
   var a;
-  const [t, n] = I(
-    () => ct({
-      canTrack: H(e.canTrack),
+  const [t, n] = T(
+    () => gt({
+      canTrack: L(e.canTrack),
       content: e.content
     })
   );
   function i() {
     var o;
-    return ft(
-      D(e.content).map((u) => ({
-        id: u.testVariationId,
-        testRatio: u.testRatio
+    return yt(
+      H(e.content).map((c) => ({
+        id: c.testVariationId,
+        testRatio: c.testRatio
       })),
       ((o = e.content) == null ? void 0 : o.id) || ""
     );
   }
   function r() {
-    return D(e.content).map((o) => `.variant-${o.testVariationId} { display: none; } `).join("");
+    return H(e.content).map((o) => `.variant-${o.testVariationId} { display: none; } `).join("");
   }
-  function d() {
+  function u() {
     var o;
     return t ? {
       ...e.content,
       testVariationId: (o = e.content) == null ? void 0 : o.id
-    } : ge({
+    } : xe({
       item: e.content,
-      canTrack: H(e.canTrack)
+      canTrack: L(e.canTrack)
     });
   }
-  return V(() => {
-  }, []), /* @__PURE__ */ $(J, { children: [
-    !e.isNestedRender && O !== "reactNative" ? /* @__PURE__ */ y(
-      K,
+  return E(() => {
+  }, []), /* @__PURE__ */ K(Q, { children: [
+    !e.isNestedRender && J !== "reactNative" ? /* @__PURE__ */ h(
+      z,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: pt(),
+        scriptStr: bt(),
         nonce: e.nonce || ""
       }
     ) : null,
-    t ? /* @__PURE__ */ $(J, { children: [
-      /* @__PURE__ */ y(
-        ie,
+    t ? /* @__PURE__ */ K(Q, { children: [
+      /* @__PURE__ */ h(
+        le,
         {
           id: "builderio-variants",
           styles: r(),
           nonce: e.nonce || ""
         }
       ),
-      /* @__PURE__ */ y(
-        K,
+      /* @__PURE__ */ h(
+        z,
         {
           id: "builderio-variants-visibility",
           scriptStr: i(),
           nonce: e.nonce || ""
         }
       ),
-      (a = D(e.content)) == null ? void 0 : a.map((o) => /* @__PURE__ */ y(
-        te,
+      (a = H(e.content)) == null ? void 0 : a.map((o) => /* @__PURE__ */ h(
+        ie,
         {
           apiHost: e.apiHost,
           isNestedRender: e.isNestedRender,
@@ -2072,13 +2081,13 @@ function Ft(e) {
         o.testVariationId
       ))
     ] }) : null,
-    /* @__PURE__ */ y(
-      te,
+    /* @__PURE__ */ h(
+      ie,
       {
         apiHost: e.apiHost,
         nonce: e.nonce,
         isNestedRender: e.isNestedRender,
-        content: d(),
+        content: u(),
         showContent: !0,
         model: e.model,
         data: e.data,
@@ -2100,11 +2109,11 @@ function Ft(e) {
     )
   ] });
 }
-const Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ft
+  default: Bt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  K as InlinedScript,
-  Ht as contentVariants
+  z as InlinedScript,
+  qt as contentVariants
 };