@builder.io/sdk-react 3.0.5 → 3.0.7

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

@@ -1,10 +1,8 @@
 import { jsx as h, jsxs as $, Fragment as z } from "react/jsx-runtime";
-import { lazy as S, useRef as _, useState as I, useEffect as V } from "react";
-import { isBrowser as j, TARGET as O, isEditing as F, isPreviewing as te, registerInsertMenu as le, setupBrowserForEditing as se, createRegisterComponentMessage as de, getDefaultCanTrack as H, _track as J, fetchOneEntry as ce, createEditorListener as ue, logFetch as me, serializeIncludingFunctions as Y, logger as pe, handleABTestingSync as fe } from "./server-entry-67bfc740.js";
+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-fe2d7c1a.js";
-import "./get-class-prop-name-8b719c6b.js";
-import "./dynamic-renderer-8b343325.js";
+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 = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
@@ -129,7 +127,7 @@ const U = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Ee = S(() => import("./accordion-cd6e0363.js")), Fe = {
+}, Ee = v(() => import("./accordion-22c2c037.js")), Fe = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -344,7 +342,7 @@ const U = {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((l) => l.get("width")) && (n.find((c) => !c.get("width")) || n.reduce((o, u) => o + u.get("width"), 0) !== 100) && t();
+      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();
     }
   }, {
     name: "space",
@@ -372,13 +370,13 @@ const U = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Ae = {
+}, We = {
   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"], We = ["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"], 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 = {
   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",
@@ -399,14 +397,14 @@ const U = {
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(a, o = 6e4) {
-        return new Promise((u, T) => {
-          const v = document.createElement("img");
+        return new Promise((c, T) => {
+          const S = document.createElement("img");
           let R = !1;
-          v.onload = () => {
-            R = !0, u(v);
-          }, v.addEventListener("error", (k) => {
+          S.onload = () => {
+            R = !0, c(S);
+          }, S.addEventListener("error", (k) => {
             console.warn("Image load failed", k.error), T(k.error);
-          }), v.src = a, setTimeout(() => {
+          }), S.src = a, setTimeout(() => {
             R || T(new Error("Image load timed out"));
           }, o);
         });
@@ -414,10 +412,10 @@ const U = {
       function i(a) {
         return Math.round(a * 1e3) / 1e3;
       }
-      const l = e.get("image"), c = e.get("aspectRatio");
+      const l = e.get("image"), u = e.get("aspectRatio");
       if (fetch(l).then((a) => a.blob()).then((a) => {
         a.type.includes("svg") && e.set("noWebp", !0);
-      }), l && (!c || c === 0.7041))
+      }), l && (!u || u === 0.7041))
         return n(l).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));
@@ -487,6 +485,41 @@ const U = {
     builderBlock: !0
   }
 }, De = {
+  name: "PersonalizationContainer",
+  shouldReceiveBuilderProps: {
+    builderBlock: !0,
+    builderContext: !0
+  },
+  noWrap: !0,
+  image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F37229ed30d8c41dfb10b8cca1992053a",
+  canHaveChildren: !0,
+  inputs: [{
+    name: "variants",
+    defaultValue: [],
+    behavior: "personalizationVariantList",
+    type: "list",
+    subFields: [{
+      name: "name",
+      type: "text"
+    }, {
+      name: "query",
+      friendlyName: "Targeting rules",
+      type: "BuilderQuery",
+      defaultValue: []
+    }, {
+      name: "startDate",
+      type: "date"
+    }, {
+      name: "endDate",
+      type: "date"
+    }, {
+      name: "blocks",
+      type: "uiBlocks",
+      hideFromUI: !0,
+      defaultValue: []
+    }]
+  }]
+}, He = v(() => import("./personalization-container-bcff3433.js")), Ue = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -525,7 +558,7 @@ const U = {
       }
     }
   }]
-}, He = {
+}, Le = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -542,7 +575,7 @@ const U = {
     builderContext: !0,
     builderComponents: !0
   }
-}, Ue = S(() => import("./slot-32a4df0c.js")), Le = {
+}, Ne = v(() => import("./slot-ca171e8c.js")), qe = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -619,7 +652,7 @@ const U = {
       text: "New tab content "
     }
   }
-}, Ne = {
+}, $e = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -722,7 +755,7 @@ const U = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, qe = S(() => import("./tabs-6535c934.js")), $e = {
+}, _e = v(() => import("./tabs-6b67fca2.js")), je = {
   shouldReceiveBuilderProps: {
     builderBlock: !1,
     builderContext: !0
@@ -744,7 +777,7 @@ const U = {
     height: "auto",
     textAlign: "center"
   }
-}, _e = {
+}, Oe = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -766,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
   }]
-}, je = S(() => import("./custom-code-7786788e.js")), Ke = {
+}, Ke = v(() => import("./custom-code-7786788e.js")), Me = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -781,7 +814,7 @@ const U = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Oe = S(() => import("./embed-5c1bbe12.js")), Me = {
+}, ze = v(() => import("./embed-5c1bbe12.js")), Je = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -1018,7 +1051,7 @@ const U = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, ze = S(() => import("./form-16bbf874.js")), Je = {
+}, Ye = v(() => import("./form-d29f3cc0.js")), Ge = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -1069,7 +1102,7 @@ const U = {
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, Ye = S(() => import("./input-24c601b4.js")), Ge = {
+}, Qe = v(() => import("./input-083c3c35.js")), Xe = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -1111,7 +1144,7 @@ const U = {
   }],
   static: !0,
   noWrap: !0
-}, Qe = S(() => import("./select-af05377b.js")), Xe = {
+}, Ze = v(() => import("./select-9f22c2ba.js")), et = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -1136,7 +1169,7 @@ const U = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, Ze = S(() => import("./submit-button-b48361a7.js")), et = {
+}, tt = v(() => import("./submit-button-b48361a7.js")), nt = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -1172,7 +1205,7 @@ const U = {
   },
   static: !0,
   noWrap: !0
-}, tt = S(() => import("./textarea-d29025e9.js")), nt = {
+}, at = v(() => import("./textarea-d29025e9.js")), it = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -1186,7 +1219,7 @@ const U = {
   }],
   noWrap: !0,
   static: !0
-}, at = S(() => import("./img-d3351743.js")), it = {
+}, ot = v(() => import("./img-fed70928.js")), rt = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1197,7 +1230,7 @@ const U = {
   inputs: [{
     name: "video",
     type: "file",
-    allowedFileTypes: We,
+    allowedFileTypes: Ae,
     bubble: !0,
     defaultValue: "https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",
     required: !0
@@ -1270,33 +1303,33 @@ const U = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, ot = () => [{
-  component: je,
-  ..._e
-}, {
-  component: Oe,
-  ...Ke
+}, lt = () => [{
+  component: Ke,
+  ...Oe
 }, {
   component: ze,
   ...Me
 }, {
   component: Ye,
   ...Je
-}, {
-  component: Ze,
-  ...Xe
 }, {
   component: Qe,
   ...Ge
 }, {
   component: tt,
   ...et
+}, {
+  component: Ze,
+  ...Xe
 }, {
   component: at,
   ...nt
 }, {
-  component: ge,
+  component: ot,
   ...it
+}, {
+  component: ge,
+  ...rt
 }], G = () => [{
   component: he,
   ...Fe
@@ -1305,29 +1338,32 @@ const U = {
   ...Pe
 }, {
   component: ye,
-  ...Ae
+  ...We
 }, {
   component: xe,
   ...Be
 }, {
   component: ve,
-  ...De
+  ...Ue
 }, {
-  component: Ue,
-  ...He
+  component: Ne,
+  ...Le
 }, {
   component: Se,
-  ...Le
+  ...qe
 }, {
   component: Te,
-  ...$e
+  ...je
+}, {
+  component: He,
+  ...De
 }, {
-  component: qe,
-  ...Ne
+  component: _e,
+  ...$e
 }, {
   component: Ee,
   ...Re
-}, ...ot()], rt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}, ...lt()], st = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -1383,7 +1419,7 @@ const U = {
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, lt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, dt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -1421,22 +1457,22 @@ const U = {
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), st = ({
+})), ut = ({
   canTrack: e,
   content: t
-}) => !(!(D(t).length > 0) || !e || j()), dt = (e) => e === "react" || e === "reactNative", re = dt(O), ct = () => `
-  window.${ie} = ${rt}
-  window.${oe} = ${lt}
-  `, ut = (e, t) => `
+}) => !(!(D(t).length > 0) || !e || j()), ct = (e) => e === "react" || e === "reactNative", re = ct(K), mt = () => `
+  window.${ie} = ${st}
+  window.${oe} = ${dt}
+  `, pt = (e, t) => `
   window.${ie}(
     "${t}",${JSON.stringify(e)}, ${re}
-  )`, mt = ({
+  )`, ft = ({
   contentId: e,
   variationId: t
 }) => `window.${oe}(
     "${t}", "${e}", ${re}
   )`;
-function K(e) {
+function O(e) {
   return /* @__PURE__ */ h(
     "script",
     {
@@ -1449,7 +1485,7 @@ function K(e) {
 function Q(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const pt = (e, t, n = !0) => {
+const gt = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let i = n ? e : e.parentElement;
@@ -1460,20 +1496,20 @@ const pt = (e, t, n = !0) => {
       return i;
   } while (i = i.parentElement);
   return null;
-}, ft = (e) => pt(e, (t) => {
+}, ht = (e) => gt(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), X = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), i = e.clientX - n.left, l = e.clientY - n.top, c = Q(i / n.width), a = Q(l / n.height);
+  const n = t.getBoundingClientRect(), i = e.clientX - n.left, l = e.clientY - n.top, u = Q(i / n.width), a = Q(l / n.height);
   return {
-    x: c,
+    x: u,
     y: a
   };
-}, gt = (e) => {
-  const t = e.target, n = t && ft(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, 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);
   return {
     targetBuilderElement: i || void 0,
     metadata: {
@@ -1488,9 +1524,9 @@ const pt = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, ht = ["svelte", "qwik", "vue"], Z = () => ht.includes(O) && (F() || te()), bt = (e) => {
-  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;
+}, 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 += `
 @font-face {
@@ -1514,15 +1550,15 @@ font-weight: ${o};
         `.trim());
     }
   return l;
-}, yt = ({
+}, vt = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => bt(n))) == null ? void 0 : t.join(" ")) || "";
-}, xt = ({
+  return ((t = e == null ? void 0 : e.map((n) => xt(n))) == null ? void 0 : t.join(" ")) || "";
+}, St = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", vt = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Tt = `
 .builder-button {
   all: unset;
 }
@@ -1539,8 +1575,8 @@ font-weight: ${o};
   text-align: inherit;
   font-family: inherit;
 }
-`, St = (e) => e ? "" : vt, Tt = (e) => `variant-${e}`;
-function It(e) {
+`, It = (e) => e ? "" : Tt, kt = (e) => `variant-${e}`;
+function Ct(e) {
   var g, b, C;
   const t = _(null);
   function n(s) {
@@ -1580,11 +1616,11 @@ function It(e) {
       "aria-hidden": !0
     };
   }
-  const [c, a] = I(
+  const [u, a] = I(
     () => e.contentWrapper || "div"
   );
   function o(s) {
-    return ue({
+    return ce({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
@@ -1606,8 +1642,8 @@ function It(e) {
       }
     })(s);
   }
-  const [u, T] = I(() => ({})), [v, R] = I(() => ({})), [k, P] = I(() => !1);
-  function A(s) {
+  const [c, T] = I(() => ({})), [S, R] = I(() => ({})), [k, P] = I(() => !1);
+  function W(s) {
     var d, m;
     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;
@@ -1618,19 +1654,19 @@ function It(e) {
         contentId: r,
         apiKey: e.apiKey,
         variationId: f !== r ? f : void 0,
-        ...gt(s),
+        ...bt(s),
         unique: !k
       });
     }
     k || P(!0);
   }
-  function W() {
+  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 || v[r] || u[r] && !F())
+      if (!p || S[r] || c[r] && !F())
         return;
-      v[r] = !0;
+      S[r] = !0;
       const y = p.replace(
         /{{([^}]+)}}/g,
         (x, B) => String(
@@ -1646,11 +1682,11 @@ function It(e) {
       me(y), fetch(y).then((x) => x.json()).then((x) => {
         n({
           [r]: x
-        }), u[r] = !0;
+        }), c[r] = !0;
       }).catch((x) => {
         console.error("error fetching dynamic data", p, x);
       }).finally(() => {
-        v[r] = !1;
+        S[r] = !1;
       });
     });
   }
@@ -1670,7 +1706,7 @@ function It(e) {
     );
   }
   const E = _(!1);
-  return E.current || (W(), w(), E.current = !0), V(() => {
+  return E.current || (A(), w(), E.current = !0), V(() => {
     var s, d, m;
     if (j()) {
       if (F() && !e.isNestedRender && (window.addEventListener("message", o), le(), se({
@@ -1709,7 +1745,7 @@ function It(e) {
         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)) && ce({
+        (p === "BUILDER_STUDIO" || p === e.model && x === e.apiKey && (!e.content || y === e.content.id)) && ue({
           model: e.model || "",
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion,
@@ -1739,13 +1775,13 @@ function It(e) {
       w
     ));
   }, []), /* @__PURE__ */ h(Ie.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || Z() ? /* @__PURE__ */ h(
-    c,
+    u,
     {
       ref: t,
-      onClick: (s) => A(s),
+      onClick: (s) => W(s),
       "builder-content-id": (g = e.builderContextSignal.content) == null ? void 0 : g.id,
       "builder-model": e.model,
-      className: Tt(
+      className: kt(
         ((b = e.content) == null ? void 0 : b.testVariationId) || ((C = e.content) == null ? void 0 : C.id)
       ),
       style: {
@@ -1757,17 +1793,17 @@ function It(e) {
     }
   ) : null });
 }
-function kt(e) {
+function wt(e) {
   const [t, n] = I(
     () => `
-${xt({
+${St({
       cssCode: e.cssCode,
       contentId: e.contentId
     })}
-${yt({
+${vt({
       customFonts: e.customFonts
     })}
-${St(e.isNestedRender)}
+${It(e.isNestedRender)}
 `.trim()
   );
   return /* @__PURE__ */ h(
@@ -1779,15 +1815,15 @@ ${St(e.isNestedRender)}
     }
   );
 }
-const Ct = ({
+const Vt = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var c, a, o;
-  const i = {}, l = ((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((u) => {
-    u.name && u.defaultValue !== void 0 && (i[u.name] = u.defaultValue);
+  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);
   }), {
     ...i,
     ...l,
@@ -1796,7 +1832,7 @@ const Ct = ({
       locale: n
     } : {}
   };
-}, wt = ({
+}, Rt = ({
   content: e,
   data: t
 }) => e ? {
@@ -1808,11 +1844,11 @@ const Ct = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function ee(e) {
-  var T, v, R, k, P, A, W, w, E;
+  var T, S, R, k, P, W, A, w, E;
   const [t, n] = I(
     () => {
       var g, b;
-      return mt({
+      return ft({
         // 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,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
@@ -1826,7 +1862,7 @@ function ee(e) {
       rootState: g
     }));
   }
-  const [l, c] = I(
+  const [l, u] = I(
     () => [
       ...G(),
       ...e.customComponents || []
@@ -1841,12 +1877,12 @@ function ee(e) {
       {}
     )
   ), [a, o] = I(() => ({
-    content: wt({
+    content: Rt({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: Ct({
+    rootState: Vt({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -1871,12 +1907,12 @@ function ee(e) {
     BlocksWrapperProps: e.blocksWrapperProps || {},
     nonce: e.nonce || "",
     model: e.model || ""
-  })), u = _(!1);
-  if (!u.current) {
+  })), c = _(!1);
+  if (!c.current) {
     e.apiKey || pe.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     );
-    const g = (v = (T = a.content) == null ? void 0 : T.data) == null ? void 0 : v.jsCode;
+    const g = (S = (T = a.content) == null ? void 0 : T.data) == null ? void 0 : S.jsCode;
     g && ne({
       code: g,
       context: e.context || {},
@@ -1886,7 +1922,7 @@ function ee(e) {
         Object.assign(a.rootState, b);
       },
       isExpression: !1
-    }), u.current = !0;
+    }), c.current = !0;
   }
   return /* @__PURE__ */ h(
     we.Provider,
@@ -1895,7 +1931,7 @@ function ee(e) {
         registeredComponents: l
       },
       children: /* @__PURE__ */ $(
-        It,
+        Ct,
         {
           apiHost: e.apiHost,
           nonce: e.nonce,
@@ -1916,7 +1952,7 @@ function ee(e) {
           setBuilderContextSignal: o,
           children: [
             e.isSsrAbTest ? /* @__PURE__ */ h(
-              K,
+              O,
               {
                 id: "builderio-variant-visibility",
                 scriptStr: t,
@@ -1924,13 +1960,13 @@ function ee(e) {
               }
             ) : null,
             /* @__PURE__ */ h(
-              kt,
+              wt,
               {
                 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: (W = (A = a.content) == null ? void 0 : A.data) == null ? void 0 : W.customFonts
+                customFonts: (A = (W = a.content) == null ? void 0 : W.data) == null ? void 0 : A.customFonts
               }
             ),
             /* @__PURE__ */ h(
@@ -1948,20 +1984,20 @@ function ee(e) {
     }
   );
 }
-function Bt(e) {
+function Et(e) {
   var a;
   const [t, n] = I(
-    () => st({
+    () => ut({
       canTrack: H(e.canTrack),
       content: e.content
     })
   );
   function i() {
     var o;
-    return ut(
-      D(e.content).map((u) => ({
-        id: u.testVariationId,
-        testRatio: u.testRatio
+    return pt(
+      D(e.content).map((c) => ({
+        id: c.testVariationId,
+        testRatio: c.testRatio
       })),
       ((o = e.content) == null ? void 0 : o.id) || ""
     );
@@ -1969,7 +2005,7 @@ function Bt(e) {
   function l() {
     return D(e.content).map((o) => `.variant-${o.testVariationId} { display: none; } `).join("");
   }
-  function c() {
+  function u() {
     var o;
     return t ? {
       ...e.content,
@@ -1981,11 +2017,11 @@ function Bt(e) {
   }
   return V(() => {
   }, []), /* @__PURE__ */ $(z, { children: [
-    !e.isNestedRender && O !== "reactNative" ? /* @__PURE__ */ h(
-      K,
+    !e.isNestedRender && K !== "reactNative" ? /* @__PURE__ */ h(
+      O,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: ct(),
+        scriptStr: mt(),
         nonce: e.nonce || ""
       }
     ) : null,
@@ -1999,7 +2035,7 @@ function Bt(e) {
         }
       ),
       /* @__PURE__ */ h(
-        K,
+        O,
         {
           id: "builderio-variants-visibility",
           scriptStr: i(),
@@ -2040,7 +2076,7 @@ function Bt(e) {
         apiHost: e.apiHost,
         nonce: e.nonce,
         isNestedRender: e.isNestedRender,
-        content: c(),
+        content: u(),
         showContent: !0,
         model: e.model,
         data: e.data,
@@ -2062,6 +2098,11 @@ function Bt(e) {
     )
   ] });
 }
+const Dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Et
+}, Symbol.toStringTag, { value: "Module" }));
 export {
-  Bt as default
+  O as InlinedScript,
+  Dt as contentVariants
 };