@builder.io/sdk-react 1.0.27 → 1.0.29

package/lib/edge/{content-variants-efa4f81b.js → content-variants-dd520b38.js}

@@ -1,11 +1,129 @@
-import { jsx as f, jsxs as D, Fragment as M } from "react/jsx-runtime";
-import { lazy as k, useRef as oe, useState as I, useEffect as S } from "react";
-import { isBrowser as L, TARGET as Z, isEditing as F, registerInsertMenu as re, setupBrowserForEditing as se, createRegisterComponentMessage as le, getDefaultCanTrack as A, _track as O, isPreviewing as de, fetchOneEntry as ce, logger as ue, createEditorListener as me, fetch as pe, fastClone as ge, serializeComponentInfo as z, handleABTestingSync as fe } from "./server-entry-6aaf6054.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 J, InlinedStyles as ee, ComponentsContext as we, Blocks as Ve } from "./blocks-a1399a78.js";
-import "./get-class-prop-name-4a1bad2b.js";
+import { jsx as f, jsxs as $, Fragment as z } from "react/jsx-runtime";
+import { lazy as T, useRef as le, useState as k, useEffect as S } from "react";
+import { isBrowser as H, TARGET as te, isEditing as F, registerInsertMenu as se, setupBrowserForEditing as de, createRegisterComponentMessage as ce, getDefaultCanTrack as A, _track as J, isPreviewing as ue, fetchOneEntry as me, logger as pe, createEditorListener as ge, fetch as fe, fastClone as he, serializeComponentInfo as Y, handleABTestingSync as be } from "./server-entry-d8f1ea14.js";
+import { Video as ye, Button as xe, Columns as ve, Fragment as Se, Image as Te, Section as Ie, Symbol as ke, Text as Ce, BuilderContext as we } from "./blocks-exports.mjs";
+import { triggerAnimation as Ve, evaluate as Q, InlinedStyles as ne, ComponentsContext as Re, Blocks as Ee } from "./blocks-2cd920f9.js";
+import "./get-class-prop-name-f14607dc.js";
 import "./dynamic-renderer-8b343325.js";
-const Re = {
+const P = {
+  "@type": "@builder.io/sdk:Element",
+  layerName: "Accordion item title",
+  responsiveStyles: {
+    large: {
+      marginTop: "10px",
+      position: "relative",
+      display: "flex",
+      alignItems: "stretch",
+      flexDirection: "column",
+      paddingBottom: "10px"
+    }
+  },
+  children: [{
+    "@type": "@builder.io/sdk:Element",
+    responsiveStyles: {
+      large: {
+        textAlign: "left",
+        display: "flex",
+        flexDirection: "column"
+      }
+    },
+    component: {
+      name: "Text",
+      options: {
+        text: "I am an accordion title. Click me!"
+      }
+    }
+  }]
+}, D = {
+  "@type": "@builder.io/sdk:Element",
+  layerName: "Accordion item detail",
+  responsiveStyles: {
+    large: {
+      position: "relative",
+      display: "flex",
+      alignItems: "stretch",
+      flexDirection: "column",
+      marginTop: "10px",
+      paddingBottom: "10px"
+    }
+  },
+  children: [{
+    "@type": "@builder.io/sdk:Element",
+    responsiveStyles: {
+      large: {
+        paddingTop: "50px",
+        textAlign: "left",
+        display: "flex",
+        flexDirection: "column",
+        paddingBottom: "50px"
+      }
+    },
+    component: {
+      name: "Text",
+      options: {
+        text: "I am an accordion detail, hello!"
+      }
+    }
+  }]
+}, Fe = {
+  name: "Builder:Accordion",
+  canHaveChildren: !0,
+  image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
+  defaultStyles: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "stretch"
+  },
+  inputs: [{
+    name: "items",
+    type: "list",
+    broadcast: !0,
+    subFields: [{
+      name: "title",
+      type: "uiBlocks",
+      hideFromUI: !0,
+      defaultValue: [P]
+    }, {
+      name: "detail",
+      type: "uiBlocks",
+      hideFromUI: !0,
+      defaultValue: [D]
+    }],
+    defaultValue: [{
+      title: [P],
+      detail: [D]
+    }, {
+      title: [P],
+      detail: [D]
+    }],
+    showIf: (e) => !e.get("useChildrenForItems")
+  }, {
+    name: "oneAtATime",
+    helperText: "Only allow opening one at a time (collapse all others when new item openned)",
+    type: "boolean",
+    defaultValue: !1
+  }, {
+    name: "grid",
+    helperText: "Display as a grid",
+    type: "boolean",
+    defaultValue: !1
+  }, {
+    name: "gridRowWidth",
+    helperText: "Display as a grid",
+    type: "string",
+    showIf: (e) => e.get("grid"),
+    defaultValue: "25%"
+  }, {
+    name: "useChildrenForItems",
+    type: "boolean",
+    helperText: "Use child elements for each slide, instead of the array. Useful for dynamically repeating items",
+    advanced: !0,
+    defaultValue: !1,
+    onChange: (e) => {
+      e.get("useChildrenForItems") === !0 && e.set("items", []);
+    }
+  }]
+}, We = T(() => import("./accordion-a922b6f1.js")), Ae = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -38,7 +156,7 @@ const Re = {
   }],
   static: !0,
   noWrap: !0
-}, Ee = {
+}, Pe = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -239,13 +357,13 @@ const Re = {
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, Fe = {
+}, De = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, We = {
+}, Ue = {
   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",
@@ -268,13 +386,13 @@ const Re = {
       function n(i, o = 6e4) {
         return new Promise((m, h) => {
           const C = document.createElement("img");
-          let T = !1;
+          let I = !1;
           C.onload = () => {
-            T = !0, m(C);
+            I = !0, m(C);
           }, C.addEventListener("error", (w) => {
             console.warn("Image load failed", w.error), h(w.error);
           }), C.src = i, setTimeout(() => {
-            T || h(new Error("Image load timed out"));
+            I || h(new Error("Image load timed out"));
           }, o);
         });
       }
@@ -345,7 +463,7 @@ const Re = {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, Ae = {
+}, Le = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -384,7 +502,7 @@ const Re = {
       }
     }
   }]
-}, Pe = {
+}, $e = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -397,7 +515,7 @@ const Re = {
     required: !0,
     defaultValue: "children"
   }]
-}, Ue = k(() => import("./slot-944437dd.js")), De = {
+}, He = T(() => import("./slot-5676b4f4.js")), Ne = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -430,7 +548,7 @@ const Re = {
     hideFromUI: !0,
     type: "boolean"
   }]
-}, P = {
+}, U = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -452,7 +570,7 @@ const Re = {
       text: "New tab"
     }
   }
-}, U = {
+}, L = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -468,7 +586,7 @@ const Re = {
       text: "New tab content "
     }
   }
-}, Le = {
+}, Be = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -478,16 +596,16 @@ const Re = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [P]
+      defaultValue: [U]
     }, {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [U]
+      defaultValue: [L]
     }],
     defaultValue: [{
       label: [{
-        ...P,
+        ...U,
         component: {
           name: "Text",
           options: {
@@ -496,7 +614,7 @@ const Re = {
         }
       }],
       content: [{
-        ...U,
+        ...L,
         component: {
           name: "Text",
           options: {
@@ -506,7 +624,7 @@ const Re = {
       }]
     }, {
       label: [{
-        ...P,
+        ...U,
         component: {
           name: "Text",
           options: {
@@ -515,7 +633,7 @@ const Re = {
         }
       }],
       content: [{
-        ...U,
+        ...L,
         component: {
           name: "Text",
           options: {
@@ -565,7 +683,7 @@ const Re = {
       value: "flex-end"
     }]
   }]
-}, $e = k(() => import("./tabs-62e415e1.js")), He = {
+}, je = T(() => import("./tabs-c2055821.js")), qe = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -583,7 +701,7 @@ const Re = {
     height: "auto",
     textAlign: "center"
   }
-}, Ne = {
+}, Ke = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -605,7 +723,7 @@ const Re = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, je = k(() => import("./custom-code-7786788e.js")), qe = {
+}, Oe = T(() => import("./custom-code-7786788e.js")), _e = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -630,7 +748,7 @@ const Re = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Be = k(() => import("./embed-5c1bbe12.js")), Ke = {
+}, Me = T(() => import("./embed-5c1bbe12.js")), ze = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -861,7 +979,7 @@ const Re = {
       }
     }
   }]
-}, _e = k(() => import("./form-cbe7d822.js")), Me = {
+}, Je = T(() => import("./form-a0093dd2.js")), Ye = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -912,7 +1030,7 @@ const Re = {
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, Oe = k(() => import("./input-534b9f95.js")), ze = {
+}, Qe = T(() => import("./input-5934355a.js")), Ge = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -954,7 +1072,7 @@ const Re = {
   }],
   static: !0,
   noWrap: !0
-}, Je = k(() => import("./select-b05ef24f.js")), Ye = {
+}, Xe = T(() => import("./select-298649a8.js")), Ze = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -979,7 +1097,7 @@ const Re = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, Qe = k(() => import("./submit-button-b48361a7.js")), Ge = {
+}, et = T(() => import("./submit-button-b48361a7.js")), tt = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -993,7 +1111,7 @@ const Re = {
   }],
   noWrap: !0,
   static: !0
-}, Xe = k(() => import("./img-14849a5b.js")), Ze = {
+}, nt = T(() => import("./img-ff2f388e.js")), at = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1074,58 +1192,61 @@ const Re = {
     defaultValue: !0,
     advanced: !0
   }]
-}, et = () => [{
-  component: je,
-  ...Ne
-}, {
-  component: Be,
-  ...qe
-}, {
-  component: _e,
+}, it = () => [{
+  component: Oe,
   ...Ke
 }, {
-  component: Oe,
-  ...Me
+  component: Me,
+  ..._e
+}, {
+  component: Je,
+  ...ze
 }, {
   component: Qe,
   ...Ye
 }, {
-  component: Je,
-  ...ze
+  component: et,
+  ...Ze
 }, {
   component: Xe,
   ...Ge
 }, {
-  component: he,
-  ...Ze
-}], Y = () => [{
-  component: be,
-  ...Re
+  component: nt,
+  ...tt
 }, {
   component: ye,
-  ...Ee
-}, {
+  ...at
+}], G = () => [{
   component: xe,
-  ...Fe
+  ...Ae
 }, {
   component: ve,
-  ...We
+  ...Pe
 }, {
   component: Se,
-  ...Ae
-}, {
-  component: Ue,
-  ...Pe
+  ...De
 }, {
   component: Te,
-  ...De
+  ...Ue
 }, {
   component: Ie,
-  ...He
-}, {
-  component: $e,
   ...Le
-}, ...et()], tt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}, {
+  component: He,
+  ...$e
+}, {
+  component: ke,
+  ...Ne
+}, {
+  component: Ce,
+  ...qe
+}, {
+  component: je,
+  ...Be
+}, {
+  component: We,
+  ...Fe
+}, ...it()], ot = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -1181,7 +1302,7 @@ const Re = {
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, nt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, rt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -1215,26 +1336,26 @@ const Re = {
     thisScriptEl?.remove();
   }
   return;
-}`, te = "builderIoAbTest", ne = "builderIoRenderContent", W = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, ae = "builderIoAbTest", ie = "builderIoRenderContent", W = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), at = ({
+})), lt = ({
   canTrack: e,
   content: t
-}) => !(!(W(t).length > 0) || !e || L()), it = (e) => e === "react" || e === "reactNative", ae = it(Z), ot = () => `
-  window.${te} = ${tt}
-  window.${ne} = ${nt}
-  `, rt = (e, t) => `
-  window.${te}(
-    "${t}",${JSON.stringify(e)}, ${ae}
-  )`, st = ({
+}) => !(!(W(t).length > 0) || !e || H()), st = (e) => e === "react" || e === "reactNative", oe = st(te), dt = () => `
+  window.${ae} = ${ot}
+  window.${ie} = ${rt}
+  `, ct = (e, t) => `
+  window.${ae}(
+    "${t}",${JSON.stringify(e)}, ${oe}
+  )`, ut = ({
   contentId: e,
   variationId: t
-}) => `window.${ne}(
-    "${t}", "${e}", ${ae}
+}) => `window.${ie}(
+    "${t}", "${e}", ${oe}
   )`;
-function $(e) {
+function N(e) {
   return /* @__PURE__ */ f(
     "script",
     {
@@ -1243,10 +1364,10 @@ function $(e) {
     }
   );
 }
-function Q(e) {
+function X(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const lt = (e, t, n = !0) => {
+const mt = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let a = n ? e : e.parentElement;
@@ -1257,35 +1378,35 @@ const lt = (e, t, n = !0) => {
       return a;
   } while (a = a.parentElement);
   return null;
-}, dt = (e) => lt(e, (t) => {
+}, pt = (e) => mt(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), G = ({
+}), Z = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), a = e.clientX - n.left, d = e.clientY - n.top, u = Q(a / n.width), i = Q(d / n.height);
+  const n = t.getBoundingClientRect(), a = e.clientX - n.left, d = e.clientY - n.top, u = X(a / n.width), i = X(d / n.height);
   return {
     x: u,
     y: i
   };
-}, ct = (e) => {
-  const t = e.target, n = t && dt(t), a = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, gt = (e) => {
+  const t = e.target, n = t && pt(t), a = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: a || void 0,
     metadata: {
-      targetOffset: t ? G({
+      targetOffset: t ? Z({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? G({
+      builderTargetOffset: n ? Z({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && a ? [].slice.call(document.getElementsByClassName(a)).indexOf(n) : void 0
     }
   };
-}, ut = (e) => {
+}, ft = (e) => {
   var u, i;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], a = (i = e.fileUrl) != null ? i : (u = e == null ? void 0 : e.files) == null ? void 0 : u.regular;
   let d = "";
@@ -1311,15 +1432,15 @@ font-weight: ${o};
         `.trim());
     }
   return d;
-}, mt = ({
+}, ht = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => ut(n))) == null ? void 0 : t.join(" ")) || "";
-}, pt = ({
+  return ((t = e == null ? void 0 : e.map((n) => ft(n))) == null ? void 0 : t.join(" ")) || "";
+}, bt = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", gt = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", yt = `
 .builder-button {
   all: unset;
 }
@@ -1336,23 +1457,23 @@ font-weight: ${o};
   text-align: inherit;
   font-family: inherit;
 }
-`, ft = (e) => e ? "" : gt, ht = (e) => `variant-${e}`;
-function bt(e) {
-  var H, N, j, q, B, K, _;
-  const t = oe(null);
+`, xt = (e) => e ? "" : yt, vt = (e) => `variant-${e}`;
+function St(e) {
+  var B, j, q, K, O, _, M;
+  const t = le(null);
   function n(r) {
-    var p, l;
+    var p, s;
     const c = {
       ...e.builderContextSignal.rootState,
       ...r
     };
-    e.builderContextSignal.rootSetState ? (l = (p = e.builderContextSignal).rootSetState) == null || l.call(p, c) : e.setBuilderContextSignal((s) => ({
-      ...s,
+    e.builderContextSignal.rootSetState ? (s = (p = e.builderContextSignal).rootSetState) == null || s.call(p, c) : e.setBuilderContextSignal((l) => ({
+      ...l,
       rootState: c
     }));
   }
   function a(r) {
-    var p, l, s, g, V;
+    var p, s, l, g, V;
     const c = {
       ...e.builderContextSignal.content,
       ...r,
@@ -1361,9 +1482,9 @@ function bt(e) {
         ...r == null ? void 0 : r.data
       },
       meta: {
-        ...(l = e.builderContextSignal.content) == null ? void 0 : l.meta,
+        ...(s = e.builderContextSignal.content) == null ? void 0 : s.meta,
         ...r == null ? void 0 : r.meta,
-        breakpoints: ((s = r == null ? void 0 : r.meta) == null ? void 0 : s.breakpoints) || ((V = (g = e.builderContextSignal.content) == null ? void 0 : g.meta) == null ? void 0 : V.breakpoints)
+        breakpoints: ((l = r == null ? void 0 : r.meta) == null ? void 0 : l.breakpoints) || ((V = (g = e.builderContextSignal.content) == null ? void 0 : g.meta) == null ? void 0 : V.breakpoints)
       }
     };
     e.setBuilderContextSignal((b) => ({
@@ -1377,25 +1498,25 @@ function bt(e) {
       "aria-hidden": !0
     };
   }
-  const [u, i] = I(
+  const [u, i] = k(
     () => e.contentWrapper || "div"
   );
   function o(r) {
-    return me({
+    return ge({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
         configureSdk: (c) => {
-          var s;
-          const { breakpoints: p, contentId: l } = c;
-          !l || l !== ((s = e.builderContextSignal.content) == null ? void 0 : s.id) || p && a({
+          var l;
+          const { breakpoints: p, contentId: s } = c;
+          !s || s !== ((l = e.builderContextSignal.content) == null ? void 0 : l.id) || p && a({
             meta: {
               breakpoints: p
             }
           });
         },
         animation: (c) => {
-          Ce(c);
+          Ve(c);
         },
         contentUpdate: (c) => {
           a(c);
@@ -1406,7 +1527,7 @@ function bt(e) {
   function m() {
     var c, p;
     const r = (p = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : p.jsCode;
-    r && J({
+    r && Q({
       code: r,
       context: e.context || {},
       localState: void 0,
@@ -1418,35 +1539,35 @@ function bt(e) {
       enableCache: !1
     });
   }
-  const [h, C] = I(() => ({})), [T, w] = I(() => ({})), [R, E] = I(() => !1);
+  const [h, C] = k(() => ({})), [I, w] = k(() => ({})), [R, E] = k(() => !1);
   function y(r) {
     var c, p;
     if (e.builderContextSignal.content) {
-      const l = (c = e.builderContextSignal.content) == null ? void 0 : c.testVariationId, s = (p = e.builderContextSignal.content) == null ? void 0 : p.id;
-      O({
+      const s = (c = e.builderContextSignal.content) == null ? void 0 : c.testVariationId, l = (p = e.builderContextSignal.content) == null ? void 0 : p.id;
+      J({
         type: "click",
         canTrack: A(e.canTrack),
-        contentId: s,
+        contentId: l,
         apiKey: e.apiKey,
-        variationId: l !== s ? l : void 0,
-        ...ct(r),
+        variationId: s !== l ? s : void 0,
+        ...gt(r),
         unique: !R
       });
     }
     R || E(!0);
   }
   function x() {
-    var c, p, l;
-    const r = (l = (p = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : p.httpRequests) != null ? l : {};
-    Object.entries(r).forEach(([s, g]) => {
-      if (!g || T[s] || h[s] && !F())
+    var c, p, s;
+    const r = (s = (p = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : p.httpRequests) != null ? s : {};
+    Object.entries(r).forEach(([l, g]) => {
+      if (!g || I[l] || h[l] && !F())
         return;
-      T[s] = !0;
+      I[l] = !0;
       const V = g.replace(
         /{{([^}]+)}}/g,
-        (b, ie) => String(
-          J({
-            code: ie,
+        (b, re) => String(
+          Q({
+            code: re,
             context: e.context || {},
             localState: void 0,
             rootState: e.builderContextSignal.rootState,
@@ -1455,14 +1576,14 @@ function bt(e) {
           })
         )
       );
-      pe(V).then((b) => b.json()).then((b) => {
+      fe(V).then((b) => b.json()).then((b) => {
         n({
-          [s]: b
-        }), h[s] = !0;
+          [l]: b
+        }), h[l] = !0;
       }).catch((b) => {
         console.error("error fetching dynamic data", g, b);
       }).finally(() => {
-        T[s] = !1;
+        I[l] = !1;
       });
     });
   }
@@ -1472,7 +1593,7 @@ function bt(e) {
         "builder:component:stateChange",
         {
           detail: {
-            state: ge(e.builderContextSignal.rootState),
+            state: he(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -1483,8 +1604,8 @@ function bt(e) {
   }
   return S(() => {
     var r, c;
-    if (L()) {
-      if (F() && (window.addEventListener("message", o), re(), se({
+    if (H()) {
+      if (F() && (window.addEventListener("message", o), se(), de({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -1496,28 +1617,28 @@ function bt(e) {
         } : {}
       }), Object.values(
         e.builderContextSignal.componentInfos
-      ).forEach((l) => {
+      ).forEach((s) => {
         var g;
-        const s = le(l);
-        (g = window.parent) == null || g.postMessage(s, "*");
+        const l = ce(s);
+        (g = window.parent) == null || g.postMessage(l, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
         v
       )), e.builderContextSignal.content && A(e.canTrack)) {
-        const l = (r = e.builderContextSignal.content) == null ? void 0 : r.testVariationId, s = (c = e.builderContextSignal.content) == null ? void 0 : c.id, g = e.apiKey;
-        O({
+        const s = (r = e.builderContextSignal.content) == null ? void 0 : r.testVariationId, l = (c = e.builderContextSignal.content) == null ? void 0 : c.id, g = e.apiKey;
+        J({
           type: "impression",
           canTrack: !0,
-          contentId: s,
+          contentId: l,
           apiKey: g,
-          variationId: l !== s ? l : void 0
+          variationId: s !== l ? s : void 0
         });
       }
-      if (de() && !F()) {
-        const l = new URL(location.href).searchParams, s = l.get("builder.preview"), g = l.get(
-          `builder.preview.${s}`
-        ), V = l.get("apiKey") || l.get("builder.space");
-        s === e.model && V === e.apiKey && (!e.content || g === e.content.id) && ce({
+      if (ue() && !F()) {
+        const s = new URL(location.href).searchParams, l = s.get("builder.preview"), g = s.get(
+          `builder.overrides.${l}`
+        ), V = s.get("apiKey") || s.get("builder.space");
+        l === e.model && V === e.apiKey && (!e.content || g === e.content.id) && me({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion
@@ -1527,16 +1648,16 @@ function bt(e) {
       }
     }
   }, []), S(() => {
-    e.apiKey || ue.error(
-      "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
+    e.apiKey || pe.error(
+      "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     ), m(), x(), v();
   }, []), S(() => {
     e.content && a(e.content);
   }, [e.content]), S(() => {
     m();
-  }, [(N = (H = e.builderContextSignal.content) == null ? void 0 : H.data) == null ? void 0 : N.jsCode]), S(() => {
+  }, [(j = (B = e.builderContextSignal.content) == null ? void 0 : B.data) == null ? void 0 : j.jsCode]), S(() => {
     x();
-  }, [(q = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : q.httpRequests]), S(() => {
+  }, [(K = (q = e.builderContextSignal.content) == null ? void 0 : q.data) == null ? void 0 : K.httpRequests]), S(() => {
     v();
   }, [e.builderContextSignal.rootState]), S(() => {
     e.data && n(e.data);
@@ -1545,42 +1666,42 @@ function bt(e) {
       locale: e.locale
     });
   }, [e.locale]), S(() => () => {
-    L() && (window.removeEventListener("message", o), window.removeEventListener(
+    H() && (window.removeEventListener("message", o), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       v
     ));
-  }, []), /* @__PURE__ */ f(ke.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ f(
+  }, []), /* @__PURE__ */ f(we.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ f(
     u,
     {
       ref: t,
       onClick: (r) => y(r),
-      "builder-content-id": (B = e.builderContextSignal.content) == null ? void 0 : B.id,
+      "builder-content-id": (O = e.builderContextSignal.content) == null ? void 0 : O.id,
       "builder-model": e.model,
       ...d(),
       ...e.contentWrapperProps,
-      className: ht(
-        ((K = e.content) == null ? void 0 : K.testVariationId) || ((_ = e.content) == null ? void 0 : _.id)
+      className: vt(
+        ((_ = e.content) == null ? void 0 : _.testVariationId) || ((M = e.content) == null ? void 0 : M.id)
       ),
       children: e.children
     }
   ) : null });
 }
-function yt(e) {
-  const [t, n] = I(
+function Tt(e) {
+  const [t, n] = k(
     () => `
-${pt({
+${bt({
       cssCode: e.cssCode,
       contentId: e.contentId
     })}
-${mt({
+${ht({
       customFonts: e.customFonts
     })}
-${ft(e.isNestedRender)}
+${xt(e.isNestedRender)}
 `.trim()
   );
-  return /* @__PURE__ */ f(ee, { id: "builderio-content", styles: t });
+  return /* @__PURE__ */ f(ne, { id: "builderio-content", styles: t });
 }
-const xt = ({
+const It = ({
   content: e,
   data: t,
   locale: n
@@ -1597,7 +1718,7 @@ const xt = ({
       locale: n
     } : {}
   };
-}, vt = ({
+}, kt = ({
   content: e,
   data: t
 }) => e ? {
@@ -1608,12 +1729,12 @@ const xt = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function X(e) {
-  var m, h, C, T, w, R, E;
-  const [t, n] = I(
+function ee(e) {
+  var m, h, C, I, w, R, E;
+  const [t, n] = k(
     () => {
       var y, x;
-      return st({
+      return ut({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         variationId: (y = e.content) == null ? void 0 : y.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
@@ -1627,27 +1748,27 @@ function X(e) {
       rootState: y
     }));
   }
-  const [d, u] = I(
+  const [d, u] = k(
     () => [
-      ...Y(),
+      ...G(),
       ...e.customComponents || []
     ].reduce(
       (y, { component: x, ...v }) => ({
         ...y,
         [v.name]: {
           component: x,
-          ...z(v)
+          ...Y(v)
         }
       }),
       {}
     )
-  ), [i, o] = I(() => ({
-    content: vt({
+  ), [i, o] = k(() => ({
+    content: kt({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: xt({
+    rootState: It({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -1657,12 +1778,12 @@ function X(e) {
     apiKey: e.apiKey,
     apiVersion: e.apiVersion,
     componentInfos: [
-      ...Y(),
+      ...G(),
       ...e.customComponents || []
     ].reduce(
       (y, { component: x, ...v }) => ({
         ...y,
-        [v.name]: z(v)
+        [v.name]: Y(v)
       }),
       {}
     ),
@@ -1671,13 +1792,13 @@ function X(e) {
     BlocksWrapperProps: e.blocksWrapperProps || {}
   }));
   return /* @__PURE__ */ f(
-    we.Provider,
+    Re.Provider,
     {
       value: {
         registeredComponents: d
       },
-      children: /* @__PURE__ */ D(
-        bt,
+      children: /* @__PURE__ */ $(
+        St,
         {
           content: e.content,
           data: e.data,
@@ -1696,23 +1817,23 @@ function X(e) {
           setBuilderContextSignal: o,
           children: [
             e.isSsrAbTest ? /* @__PURE__ */ f(
-              $,
+              N,
               {
                 id: "builderio-variant-visibility",
                 scriptStr: t
               }
             ) : null,
             /* @__PURE__ */ f(
-              yt,
+              Tt,
               {
                 isNestedRender: e.isNestedRender,
                 contentId: (m = i.content) == null ? void 0 : m.id,
                 cssCode: (C = (h = i.content) == null ? void 0 : h.data) == null ? void 0 : C.cssCode,
-                customFonts: (w = (T = i.content) == null ? void 0 : T.data) == null ? void 0 : w.customFonts
+                customFonts: (w = (I = i.content) == null ? void 0 : I.data) == null ? void 0 : w.customFonts
               }
             ),
             /* @__PURE__ */ f(
-              Ve,
+              Ee,
               {
                 blocks: (E = (R = i.content) == null ? void 0 : R.data) == null ? void 0 : E.blocks,
                 context: i,
@@ -1726,17 +1847,17 @@ function X(e) {
     }
   );
 }
-function Rt(e) {
+function At(e) {
   var i;
-  const [t, n] = I(
-    () => at({
+  const [t, n] = k(
+    () => lt({
       canTrack: A(e.canTrack),
       content: e.content
     })
   );
   function a() {
     var o;
-    return rt(
+    return ct(
       W(e.content).map((m) => ({
         id: m.testVariationId,
         testRatio: m.testRatio
@@ -1752,37 +1873,37 @@ function Rt(e) {
     return t ? {
       ...e.content,
       testVariationId: (o = e.content) == null ? void 0 : o.id
-    } : fe({
+    } : be({
       item: e.content,
       canTrack: A(e.canTrack)
     });
   }
   return S(() => {
-  }, []), /* @__PURE__ */ D(M, { children: [
-    !e.isNestedRender && Z !== "reactNative" ? /* @__PURE__ */ f(
-      $,
+  }, []), /* @__PURE__ */ $(z, { children: [
+    !e.isNestedRender && te !== "reactNative" ? /* @__PURE__ */ f(
+      N,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: ot()
+        scriptStr: dt()
       }
     ) : null,
-    t ? /* @__PURE__ */ D(M, { children: [
+    t ? /* @__PURE__ */ $(z, { children: [
       /* @__PURE__ */ f(
-        ee,
+        ne,
         {
           id: "builderio-variants",
           styles: d()
         }
       ),
       /* @__PURE__ */ f(
-        $,
+        N,
         {
           id: "builderio-variants-visibility",
           scriptStr: a()
         }
       ),
       (i = W(e.content)) == null ? void 0 : i.map((o) => /* @__PURE__ */ f(
-        X,
+        ee,
         {
           isNestedRender: e.isNestedRender,
           content: o,
@@ -1808,7 +1929,7 @@ function Rt(e) {
       ))
     ] }) : null,
     /* @__PURE__ */ f(
-      X,
+      ee,
       {
         isNestedRender: e.isNestedRender,
         content: u(),
@@ -1834,5 +1955,5 @@ function Rt(e) {
   ] });
 }
 export {
-  Rt as default
+  At as default
 };