@builder.io/sdk-react 2.0.31 → 3.0.1

package/lib/edge/{content-variants-9c4db669.js → content-variants-3ab9230f.js}

@@ -1,12 +1,12 @@
-import { jsx as b, jsxs as $, Fragment as M } from "react/jsx-runtime";
-import { lazy as v, useRef as q, useState as T, useEffect as w } from "react";
-import { isBrowser as j, TARGET as G, isEditing as A, registerInsertMenu as ie, setupBrowserForEditing as oe, createRegisterComponentMessage as re, getDefaultCanTrack as H, _track as O, isPreviewing as le, fetchOneEntry as se, createEditorListener as de, logFetch as ue, serializeIncludingFunctions as _, logger as ce, handleABTestingSync as me } from "./server-entry-ea35faa6.js";
-import { Video as pe, Button as ge, Columns as fe, Fragment as he, Image as be, Section as ye, Symbol as xe, Text as ve, BuilderContext as Se } from "./blocks-exports.mjs";
-import { triggerAnimation as Te, fastClone as ke, InlinedStyles as X, ComponentsContext as Ie, Blocks as Ce } from "./blocks-9ef79098.js";
-import { evaluate as Z } from "./evaluate-f626f584.js";
-import "./get-class-prop-name-40d6defb.js";
+import { jsx as h, jsxs as q, Fragment as O } from "react/jsx-runtime";
+import { lazy as v, useRef as $, useState as I, useEffect as V } from "react";
+import { isBrowser as j, TARGET as _, isEditing as F, isPreviewing as ee, registerInsertMenu as le, setupBrowserForEditing as se, createRegisterComponentMessage as de, getDefaultCanTrack as D, _track as z, fetchOneEntry as ce, createEditorListener as ue, logFetch as me, serializeIncludingFunctions as J, logger as pe, handleABTestingSync as fe } from "./server-entry-6c0047ea.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, fastClone as Ce, InlinedStyles as te, ComponentsContext as we, Blocks as Ve } from "./blocks-9c35be74.js";
+import { evaluate as ne } from "./evaluate-f0b82ede.js";
+import "./get-class-prop-name-a3bd113c.js";
 import "./dynamic-renderer-8b343325.js";
-const D = {
+const H = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -35,7 +35,7 @@ const D = {
       }
     }
   }]
-}, U = {
+}, L = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item detail",
   responsiveStyles: {
@@ -66,7 +66,7 @@ const D = {
       }
     }
   }]
-}, we = {
+}, Re = {
   name: "Builder:Accordion",
   canHaveChildren: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -83,19 +83,19 @@ const D = {
       name: "title",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [D]
+      defaultValue: [H]
     }, {
       name: "detail",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [U]
+      defaultValue: [L]
     }],
     defaultValue: [{
-      title: [D],
-      detail: [U]
+      title: [H],
+      detail: [L]
     }, {
-      title: [D],
-      detail: [U]
+      title: [H],
+      detail: [L]
     }],
     showIf: (e) => !e.get("useChildrenForItems")
   }, {
@@ -130,7 +130,7 @@ const D = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Ve = v(() => import("./accordion-d1213549.js")), Re = {
+}, Ee = v(() => import("./accordion-1572cb0d.js")), Fe = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -166,7 +166,7 @@ const D = {
   shouldReceiveBuilderProps: {
     builderLinkComponent: !0
   }
-}, Ee = {
+}, Pe = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -345,7 +345,7 @@ const D = {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((d) => d.get("width")) && (n.find((m) => !m.get("width")) || n.reduce((o, p) => o + p.get("width"), 0) !== 100) && t();
+      Array.isArray(n) && n.find((s) => s.get("width")) && (n.find((u) => !u.get("width")) || n.reduce((o, m) => o + m.get("width"), 0) !== 100) && t();
     }
   }, {
     name: "space",
@@ -373,13 +373,13 @@ const D = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Fe = {
+}, Ae = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Pe = {
+}, 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 = {
   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",
@@ -394,34 +394,34 @@ const D = {
     name: "image",
     type: "file",
     bubble: !0,
-    allowedFileTypes: ["jpeg", "jpg", "png", "svg", "webp"],
+    allowedFileTypes: M,
     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((p, S) => {
+        return new Promise((m, S) => {
           const y = document.createElement("img");
-          let V = !1;
+          let R = !1;
           y.onload = () => {
-            V = !0, p(y);
+            R = !0, m(y);
           }, y.addEventListener("error", (k) => {
             console.warn("Image load failed", k.error), S(k.error);
           }), y.src = a, setTimeout(() => {
-            V || S(new Error("Image load timed out"));
+            R || S(new Error("Image load timed out"));
           }, o);
         });
       }
       function i(a) {
         return Math.round(a * 1e3) / 1e3;
       }
-      const d = e.get("image"), m = e.get("aspectRatio");
-      if (fetch(d).then((a) => a.blob()).then((a) => {
+      const s = e.get("image"), u = e.get("aspectRatio");
+      if (fetch(s).then((a) => a.blob()).then((a) => {
         a.type.includes("svg") && e.set("noWebp", !0);
-      }), d && (!m || m === 0.7041))
-        return n(d).then((a) => {
+      }), s && (!u || u === 0.7041))
+        return n(s).then((a) => {
           const o = e.get("aspectRatio");
-          e.get("image") === d && (!o || o === 0.7041) && a.width && a.height && (e.set("aspectRatio", i(a.height / a.width)), e.set("height", a.height), e.set("width", a.width));
+          e.get("image") === s && (!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,7 +487,7 @@ const D = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, We = {
+}, De = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -526,7 +526,7 @@ const D = {
       }
     }
   }]
-}, Ae = {
+}, He = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -543,7 +543,7 @@ const D = {
     builderContext: !0,
     builderComponents: !0
   }
-}, Be = v(() => import("./slot-6ad4152e.js")), He = {
+}, Le = v(() => import("./slot-68f2b177.js")), Ue = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -582,7 +582,7 @@ const D = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, L = {
+}, U = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -620,7 +620,7 @@ const D = {
       text: "New tab content "
     }
   }
-}, De = {
+}, Ne = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -630,7 +630,7 @@ const D = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [L]
+      defaultValue: [U]
     }, {
       name: "content",
       type: "uiBlocks",
@@ -639,7 +639,7 @@ const D = {
     }],
     defaultValue: [{
       label: [{
-        ...L,
+        ...U,
         component: {
           name: "Text",
           options: {
@@ -658,7 +658,7 @@ const D = {
       }]
     }, {
       label: [{
-        ...L,
+        ...U,
         component: {
           name: "Text",
           options: {
@@ -723,7 +723,7 @@ const D = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Ue = v(() => import("./tabs-6d924c90.js")), Le = {
+}, qe = v(() => import("./tabs-5156494d.js")), $e = {
   shouldReceiveBuilderProps: {
     builderBlock: !1,
     builderContext: !0
@@ -745,7 +745,7 @@ const D = {
     height: "auto",
     textAlign: "center"
   }
-}, Ne = {
+}, je = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -767,7 +767,7 @@ const D = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, $e = v(() => import("./custom-code-7786788e.js")), qe = {
+}, Ke = v(() => import("./custom-code-7786788e.js")), _e = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -782,7 +782,7 @@ const D = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, je = v(() => import("./embed-5c1bbe12.js")), Ke = {
+}, Me = v(() => import("./embed-5c1bbe12.js")), Oe = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -1019,7 +1019,7 @@ const D = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Me = v(() => import("./form-a5407307.js")), Oe = {
+}, ze = v(() => import("./form-27bcc23a.js")), Je = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -1070,7 +1070,7 @@ const D = {
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, _e = v(() => import("./input-93e42e28.js")), ze = {
+}, Ye = v(() => import("./input-920922d5.js")), Ge = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -1112,7 +1112,7 @@ const D = {
   }],
   static: !0,
   noWrap: !0
-}, Je = v(() => import("./select-4cf4356a.js")), Ye = {
+}, Qe = v(() => import("./select-673864b7.js")), Xe = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -1137,7 +1137,7 @@ const D = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, Qe = v(() => import("./submit-button-b48361a7.js")), Ge = {
+}, Ze = v(() => import("./submit-button-b48361a7.js")), et = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -1173,7 +1173,7 @@ const D = {
   },
   static: !0,
   noWrap: !0
-}, Xe = v(() => import("./textarea-d29025e9.js")), Ze = {
+}, tt = v(() => import("./textarea-d29025e9.js")), nt = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -1182,12 +1182,12 @@ const D = {
     name: "image",
     bubble: !0,
     type: "file",
-    allowedFileTypes: ["jpeg", "jpg", "png", "svg", "gif", "webp"],
+    allowedFileTypes: M,
     required: !0
   }],
   noWrap: !0,
   static: !0
-}, et = v(() => import("./img-fa36f926.js")), tt = {
+}, at = v(() => import("./img-80be6914.js")), it = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1198,14 +1198,14 @@ const D = {
   inputs: [{
     name: "video",
     type: "file",
-    allowedFileTypes: ["mp4"],
+    allowedFileTypes: We,
     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: ["jpeg", "png"],
+    allowedFileTypes: M,
     helperText: "Image to show before the video plays"
   }, {
     name: "autoPlay",
@@ -1271,40 +1271,34 @@ const D = {
   shouldReceiveBuilderProps: {
     builderBlock: !0
   }
-}, nt = () => [{
-  component: $e,
-  ...Ne
-}, {
-  component: je,
-  ...qe
+}, ot = () => [{
+  component: Ke,
+  ...je
 }, {
   component: Me,
-  ...Ke
+  ..._e
 }, {
-  component: _e,
+  component: ze,
   ...Oe
 }, {
-  component: Qe,
-  ...Ye
+  component: Ye,
+  ...Je
 }, {
-  component: Je,
-  ...ze
+  component: Ze,
+  ...Xe
 }, {
-  component: Xe,
+  component: Qe,
   ...Ge
 }, {
-  component: et,
-  ...Ze
-}, {
-  component: pe,
-  ...tt
-}], z = () => [{
-  component: ge,
-  ...Re
+  component: tt,
+  ...et
 }, {
-  component: fe,
-  ...Ee
+  component: at,
+  ...nt
 }, {
+  component: ge,
+  ...it
+}], Y = () => [{
   component: he,
   ...Fe
 }, {
@@ -1312,23 +1306,29 @@ const D = {
   ...Pe
 }, {
   component: ye,
-  ...We
-}, {
-  component: Be,
   ...Ae
 }, {
   component: xe,
-  ...He
+  ...Be
 }, {
   component: ve,
-  ...Le
-}, {
-  component: Ue,
   ...De
 }, {
-  component: Ve,
-  ...we
-}, ...nt()], at = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+  component: Le,
+  ...He
+}, {
+  component: Se,
+  ...Ue
+}, {
+  component: Te,
+  ...$e
+}, {
+  component: qe,
+  ...Ne
+}, {
+  component: Ee,
+  ...Re
+}, ...ot()], rt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -1384,7 +1384,7 @@ const D = {
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, it = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, lt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -1418,27 +1418,27 @@ const D = {
     thisScriptEl?.remove();
   }
   return;
-}`, ee = "builderIoAbTest", te = "builderIoRenderContent", B = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, ae = "builderIoAbTest", ie = "builderIoRenderContent", B = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), ot = ({
+})), st = ({
   canTrack: e,
   content: t
-}) => !(!(B(t).length > 0) || !e || j()), rt = (e) => e === "react" || e === "reactNative", ne = rt(G), lt = () => `
-  window.${ee} = ${at}
-  window.${te} = ${it}
-  `, st = (e, t) => `
-  window.${ee}(
-    "${t}",${JSON.stringify(e)}, ${ne}
-  )`, dt = ({
+}) => !(!(B(t).length > 0) || !e || j()), dt = (e) => e === "react" || e === "reactNative", oe = dt(_), ct = () => `
+  window.${ae} = ${rt}
+  window.${ie} = ${lt}
+  `, ut = (e, t) => `
+  window.${ae}(
+    "${t}",${JSON.stringify(e)}, ${oe}
+  )`, mt = ({
   contentId: e,
   variationId: t
-}) => `window.${te}(
-    "${t}", "${e}", ${ne}
+}) => `window.${ie}(
+    "${t}", "${e}", ${oe}
   )`;
 function K(e) {
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ h(
     "script",
     {
       dangerouslySetInnerHTML: { __html: e.scriptStr },
@@ -1447,10 +1447,10 @@ function K(e) {
     }
   );
 }
-function J(e) {
+function G(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const ut = (e, t, n = !0) => {
+const pt = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let i = n ? e : e.parentElement;
@@ -1461,39 +1461,39 @@ const ut = (e, t, n = !0) => {
       return i;
   } while (i = i.parentElement);
   return null;
-}, ct = (e) => ut(e, (t) => {
+}, ft = (e) => pt(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), Y = ({
+}), Q = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), i = e.clientX - n.left, d = e.clientY - n.top, m = J(i / n.width), a = J(d / n.height);
+  const n = t.getBoundingClientRect(), i = e.clientX - n.left, s = e.clientY - n.top, u = G(i / n.width), a = G(s / n.height);
   return {
-    x: m,
+    x: u,
     y: a
   };
-}, mt = (e) => {
-  const t = e.target, n = t && ct(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, 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);
   return {
     targetBuilderElement: i || void 0,
     metadata: {
-      targetOffset: t ? Y({
+      targetOffset: t ? Q({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? Y({
+      builderTargetOffset: n ? Q({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, pt = (e) => {
-  var m, a;
-  const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (a = e.fileUrl) != null ? a : (m = e == null ? void 0 : e.files) == null ? void 0 : m.regular;
-  let d = "";
-  if (i && t && n && (d += `
+}, ht = ["svelte", "qwik", "vue"], X = () => ht.includes(_) && (F() || ee()), bt = (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 s = "";
+  if (i && t && n && (s += `
 @font-face {
 font-family: "${t}";
 src: local("${n}"), url('${i}') format('woff2');
@@ -1505,7 +1505,7 @@ font-weight: 400;
       if (!(String(Number(o)) === o))
         continue;
       const S = e.files[o];
-      S && S !== i && (d += `
+      S && S !== i && (s += `
 @font-face {
 font-family: "${t}";
 src: url('${S}') format('woff2');
@@ -1514,16 +1514,16 @@ font-weight: ${o};
 }
         `.trim());
     }
-  return d;
-}, gt = ({
+  return s;
+}, yt = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => pt(n))) == null ? void 0 : t.join(" ")) || "";
-}, ft = ({
+  return ((t = e == null ? void 0 : e.map((n) => bt(n))) == null ? void 0 : t.join(" ")) || "";
+}, xt = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", ht = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", vt = `
 .builder-button {
   all: unset;
 }
@@ -1540,34 +1540,34 @@ font-weight: ${o};
   text-align: inherit;
   font-family: inherit;
 }
-`, bt = (e) => e ? "" : ht, yt = (e) => `variant-${e}`;
-function xt(e) {
-  var g, u, E;
-  const t = q(null);
-  function n(r) {
-    var f, s;
+`, St = (e) => e ? "" : vt, Tt = (e) => `variant-${e}`;
+function It(e) {
+  var f, b, C;
+  const t = $(null);
+  function n(d) {
+    var p, r;
     const c = {
       ...e.builderContextSignal.rootState,
-      ...r
+      ...d
     };
-    e.builderContextSignal.rootSetState ? (s = (f = e.builderContextSignal).rootSetState) == null || s.call(f, c) : e.setBuilderContextSignal((l) => ({
+    e.builderContextSignal.rootSetState ? (r = (p = e.builderContextSignal).rootSetState) == null || r.call(p, c) : e.setBuilderContextSignal((l) => ({
       ...l,
       rootState: c
     }));
   }
-  function i(r) {
-    var f, s, l, h, C;
+  function i(d) {
+    var p, r, l, g, T;
     const c = {
       ...e.builderContextSignal.content,
-      ...r,
+      ...d,
       data: {
-        ...(f = e.builderContextSignal.content) == null ? void 0 : f.data,
-        ...r == null ? void 0 : r.data
+        ...(p = e.builderContextSignal.content) == null ? void 0 : p.data,
+        ...d == null ? void 0 : d.data
       },
       meta: {
-        ...(s = e.builderContextSignal.content) == null ? void 0 : s.meta,
-        ...r == null ? void 0 : r.meta,
-        breakpoints: ((l = r == null ? void 0 : r.meta) == null ? void 0 : l.breakpoints) || ((C = (h = e.builderContextSignal.content) == null ? void 0 : h.meta) == null ? void 0 : C.breakpoints)
+        ...(r = e.builderContextSignal.content) == null ? void 0 : r.meta,
+        ...d == null ? void 0 : d.meta,
+        breakpoints: ((l = d == null ? void 0 : d.meta) == null ? void 0 : l.breakpoints) || ((T = (g = e.builderContextSignal.content) == null ? void 0 : g.meta) == null ? void 0 : T.breakpoints)
       }
     };
     e.setBuilderContextSignal((x) => ({
@@ -1575,68 +1575,68 @@ function xt(e) {
       content: c
     }));
   }
-  function d() {
+  function s() {
     return e.showContent ? {} : {
       hidden: !0,
       "aria-hidden": !0
     };
   }
-  const [m, a] = T(
+  const [u, a] = I(
     () => e.contentWrapper || "div"
   );
-  function o(r) {
-    return de({
+  function o(d) {
+    return ue({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
         configureSdk: (c) => {
           var l;
-          const { breakpoints: f, contentId: s } = c;
-          !s || s !== ((l = e.builderContextSignal.content) == null ? void 0 : l.id) || f && i({
+          const { breakpoints: p, contentId: r } = c;
+          !r || r !== ((l = e.builderContextSignal.content) == null ? void 0 : l.id) || p && i({
             meta: {
-              breakpoints: f
+              breakpoints: p
             }
           });
         },
         animation: (c) => {
-          Te(c);
+          ke(c);
         },
         contentUpdate: (c) => {
           i(c);
         }
       }
-    })(r);
+    })(d);
   }
-  const [p, S] = T(() => ({})), [y, V] = T(() => ({})), [k, F] = T(() => !1);
-  function P(r) {
-    var c, f;
+  const [m, S] = I(() => ({})), [y, R] = I(() => ({})), [k, P] = I(() => !1);
+  function A(d) {
+    var c, p;
     if (e.builderContextSignal.content) {
-      const s = (c = e.builderContextSignal.content) == null ? void 0 : c.testVariationId, l = (f = e.builderContextSignal.content) == null ? void 0 : f.id;
-      O({
+      const r = (c = e.builderContextSignal.content) == null ? void 0 : c.testVariationId, l = (p = e.builderContextSignal.content) == null ? void 0 : p.id;
+      z({
         apiHost: e.apiHost,
         type: "click",
-        canTrack: H(e.canTrack),
+        canTrack: D(e.canTrack),
         contentId: l,
         apiKey: e.apiKey,
-        variationId: s !== l ? s : void 0,
-        ...mt(r),
+        variationId: r !== l ? r : void 0,
+        ...gt(d),
         unique: !k
       });
     }
-    k || F(!0);
+    k || P(!0);
   }
   function W() {
-    var c, f, s;
-    const r = (s = (f = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : f.httpRequests) != null ? s : {};
-    Object.entries(r).forEach(([l, h]) => {
-      if (!h || y[l] || p[l] && !A())
+    var c, p, r;
+    const d = (r = (p = (c = e.builderContextSignal.content) == null ? void 0 : c.data) == null ? void 0 : p.httpRequests) != null ? r : {};
+    Object.entries(d).forEach(([l, g]) => {
+      if (!g || y[l] || m[l] && !F())
         return;
       y[l] = !0;
-      const C = h.replace(
+      const T = g.replace(
         /{{([^}]+)}}/g,
-        (x, ae) => String(
-          Z({
-            code: ae,
+        (x, re) => String(
+          ne({
+            code: re,
             context: e.context || {},
             localState: void 0,
             rootState: e.builderContextSignal.rootState,
@@ -1644,24 +1644,24 @@ function xt(e) {
           })
         )
       );
-      ue(C), fetch(C).then((x) => x.json()).then((x) => {
+      me(T), fetch(T).then((x) => x.json()).then((x) => {
         n({
           [l]: x
-        }), p[l] = !0;
+        }), m[l] = !0;
       }).catch((x) => {
-        console.error("error fetching dynamic data", h, x);
+        console.error("error fetching dynamic data", g, x);
       }).finally(() => {
         y[l] = !1;
       });
     });
   }
-  function I() {
-    A() && window.dispatchEvent(
+  function w() {
+    F() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
           detail: {
-            state: ke(e.builderContextSignal.rootState),
+            state: Ce(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -1670,11 +1670,11 @@ function xt(e) {
       )
     );
   }
-  const R = q(!1);
-  return R.current || (W(), I(), R.current = !0), w(() => {
-    var r, c;
+  const E = $(!1);
+  return E.current || (W(), w(), E.current = !0), V(() => {
+    var d, c;
     if (j()) {
-      if (A() && !e.isNestedRender && (window.addEventListener("message", o), ie(), oe({
+      if (F() && !e.isNestedRender && (window.addEventListener("message", o), le(), se({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -1686,29 +1686,31 @@ function xt(e) {
         } : {}
       }), Object.values(
         e.builderContextSignal.componentInfos
-      ).forEach((s) => {
-        var h;
-        const l = re(s);
-        (h = window.parent) == null || h.postMessage(l, "*");
+      ).forEach((r) => {
+        var l, g;
+        if (!e.model || !((l = r.models) != null && l.length) || r.models.includes(e.model)) {
+          const T = de(r);
+          (g = window.parent) == null || g.postMessage(T, "*");
+        }
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
-        I
-      )), e.builderContextSignal.content && H(e.canTrack)) {
-        const s = (r = e.builderContextSignal.content) == null ? void 0 : r.testVariationId, l = (c = e.builderContextSignal.content) == null ? void 0 : c.id, h = e.apiKey;
-        O({
+        w
+      )), e.builderContextSignal.content && D(e.canTrack)) {
+        const r = (d = e.builderContextSignal.content) == null ? void 0 : d.testVariationId, l = (c = e.builderContextSignal.content) == null ? void 0 : c.id, g = e.apiKey;
+        z({
           apiHost: e.apiHost,
           type: "impression",
           canTrack: !0,
           contentId: l,
-          apiKey: h,
-          variationId: s !== l ? s : void 0
+          apiKey: g,
+          variationId: r !== l ? r : void 0
         });
       }
-      if (le() && !A()) {
-        const s = new URL(location.href).searchParams, l = s.get("builder.preview"), h = s.get(
+      if (ee() && !F()) {
+        const r = new URL(location.href).searchParams, l = r.get("builder.preview"), g = r.get(
           `builder.overrides.${l}`
-        ), C = s.get("apiKey") || s.get("builder.space");
-        l === e.model && C === e.apiKey && (!e.content || h === e.content.id) && se({
+        ), T = r.get("apiKey") || r.get("builder.space");
+        l === e.model && T === e.apiKey && (!e.content || g === e.content.id) && ce({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion
@@ -1717,52 +1719,55 @@ function xt(e) {
         });
       }
     }
-  }, []), w(() => {
+  }, []), V(() => {
     e.content && i(e.content);
-  }, [e.content]), w(() => {
-    I();
-  }, [e.builderContextSignal.rootState]), w(() => {
+  }, [e.content]), V(() => {
+    w();
+  }, [e.builderContextSignal.rootState]), V(() => {
     e.data && n(e.data);
-  }, [e.data]), w(() => {
+  }, [e.data]), V(() => {
     e.locale && n({
       locale: e.locale
     });
-  }, [e.locale]), w(() => () => {
+  }, [e.locale]), V(() => () => {
     j() && (window.removeEventListener("message", o), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      I
+      w
     ));
-  }, []), /* @__PURE__ */ b(Se.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ b(
-    m,
+  }, []), /* @__PURE__ */ h(Ie.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || X() ? /* @__PURE__ */ h(
+    u,
     {
       ref: t,
-      onClick: (r) => P(r),
-      "builder-content-id": (g = e.builderContextSignal.content) == null ? void 0 : g.id,
+      onClick: (d) => A(d),
+      "builder-content-id": (f = e.builderContextSignal.content) == null ? void 0 : f.id,
       "builder-model": e.model,
-      className: yt(
-        ((u = e.content) == null ? void 0 : u.testVariationId) || ((E = e.content) == null ? void 0 : E.id)
+      className: Tt(
+        ((b = e.content) == null ? void 0 : b.testVariationId) || ((C = e.content) == null ? void 0 : C.id)
       ),
-      ...d(),
+      style: {
+        display: !e.builderContextSignal.content && X() ? "none" : void 0
+      },
+      ...s(),
       ...e.contentWrapperProps,
       children: e.children
     }
   ) : null });
 }
-function vt(e) {
-  const [t, n] = T(
+function kt(e) {
+  const [t, n] = I(
     () => `
-${ft({
+${xt({
       cssCode: e.cssCode,
       contentId: e.contentId
     })}
-${gt({
+${yt({
       customFonts: e.customFonts
     })}
-${bt(e.isNestedRender)}
+${St(e.isNestedRender)}
 `.trim()
   );
-  return /* @__PURE__ */ b(
-    X,
+  return /* @__PURE__ */ h(
+    te,
     {
       id: "builderio-content",
       styles: t,
@@ -1770,24 +1775,24 @@ ${bt(e.isNestedRender)}
     }
   );
 }
-const St = ({
+const Ct = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var m, a, o;
-  const i = {}, d = ((m = e == null ? void 0 : e.data) == null ? void 0 : m.state) || {};
-  return (o = (a = e == null ? void 0 : e.data) == null ? void 0 : a.inputs) == null || o.forEach((p) => {
-    p.name && p.defaultValue !== void 0 && (i[p.name] = p.defaultValue);
+  var u, a, o;
+  const i = {}, s = ((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((m) => {
+    m.name && m.defaultValue !== void 0 && (i[m.name] = m.defaultValue);
   }), {
     ...i,
-    ...d,
+    ...s,
     ...t,
     ...n ? {
       locale: n
     } : {}
   };
-}, Tt = ({
+}, wt = ({
   content: e,
   data: t
 }) => e ? {
@@ -1798,100 +1803,95 @@ const St = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function Q(e) {
-  var S, y, V, k, F, P, W, I, R;
-  const [t, n] = T(
+function Z(e) {
+  var S, y, R, k, P, A, W, w, E;
+  const [t, n] = I(
     () => {
-      var g, u;
-      return dt({
+      var f, b;
+      return mt({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (g = e.content) == null ? void 0 : g.testVariationId,
+        variationId: (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: (u = e.content) == null ? void 0 : u.id
+        contentId: (b = e.content) == null ? void 0 : b.id
       });
     }
   );
-  function i(g) {
-    o((u) => ({
-      ...u,
-      rootState: g
+  function i(f) {
+    o((b) => ({
+      ...b,
+      rootState: f
     }));
   }
-  const [d, m] = T(
-    () => {
-      var g;
-      return [
-        ...z(),
-        ...((g = e.customComponents) == null ? void 0 : g.filter(({ models: u }) => !(u != null && u.length) || !e.model ? !0 : u.includes(e.model))) || []
-      ].reduce(
-        (u, { component: E, ...r }) => ({
-          ...u,
-          [r.name]: {
-            component: E,
-            ..._(r)
-          }
-        }),
-        {}
-      );
-    }
-  ), [a, o] = T(() => {
-    var g;
-    return {
-      content: Tt({
-        content: e.content,
-        data: e.data
+  const [s, u] = I(
+    () => [
+      ...Y(),
+      ...e.customComponents || []
+    ].reduce(
+      (f, { component: b, ...C }) => ({
+        ...f,
+        [C.name]: {
+          component: b,
+          ...J(C)
+        }
       }),
-      localState: void 0,
-      rootState: St({
-        content: e.content,
-        data: e.data,
-        locale: e.locale
+      {}
+    )
+  ), [a, o] = I(() => ({
+    content: wt({
+      content: e.content,
+      data: e.data
+    }),
+    localState: void 0,
+    rootState: Ct({
+      content: e.content,
+      data: e.data,
+      locale: e.locale
+    }),
+    rootSetState: i,
+    context: e.context || {},
+    canTrack: e.canTrack,
+    apiKey: e.apiKey,
+    apiVersion: e.apiVersion,
+    componentInfos: [
+      ...Y(),
+      ...e.customComponents || []
+    ].reduce(
+      (f, { component: b, ...C }) => ({
+        ...f,
+        [C.name]: J(C)
       }),
-      rootSetState: i,
-      context: e.context || {},
-      canTrack: e.canTrack,
-      apiKey: e.apiKey,
-      apiVersion: e.apiVersion,
-      componentInfos: [
-        ...z(),
-        ...((g = e.customComponents) == null ? void 0 : g.filter(({ models: u }) => !(u != null && u.length) || !e.model ? !0 : u.includes(e.model))) || []
-      ].reduce(
-        (u, { component: E, ...r }) => ({
-          ...u,
-          [r.name]: _(r)
-        }),
-        {}
-      ),
-      inheritedStyles: {},
-      BlocksWrapper: e.blocksWrapper || "div",
-      BlocksWrapperProps: e.blocksWrapperProps || {},
-      nonce: e.nonce || ""
-    };
-  }), p = q(!1);
-  if (!p.current) {
-    e.apiKey || ce.error(
+      {}
+    ),
+    inheritedStyles: {},
+    BlocksWrapper: e.blocksWrapper || "div",
+    BlocksWrapperProps: e.blocksWrapperProps || {},
+    nonce: e.nonce || "",
+    model: e.model || ""
+  })), m = $(!1);
+  if (!m.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 = (y = (S = a.content) == null ? void 0 : S.data) == null ? void 0 : y.jsCode;
-    g && Z({
-      code: g,
+    const f = (y = (S = a.content) == null ? void 0 : S.data) == null ? void 0 : y.jsCode;
+    f && ne({
+      code: f,
       context: e.context || {},
       localState: void 0,
       rootState: a.rootState,
-      rootSetState: (u) => {
-        Object.assign(a.rootState, u);
+      rootSetState: (b) => {
+        Object.assign(a.rootState, b);
       },
       isExpression: !1
-    }), p.current = !0;
+    }), m.current = !0;
   }
-  return /* @__PURE__ */ b(
-    Ie.Provider,
+  return /* @__PURE__ */ h(
+    we.Provider,
     {
       value: {
-        registeredComponents: d
+        registeredComponents: s
       },
-      children: /* @__PURE__ */ $(
-        xt,
+      children: /* @__PURE__ */ q(
+        It,
         {
           apiHost: e.apiHost,
           nonce: e.nonce,
@@ -1911,7 +1911,7 @@ function Q(e) {
           isNestedRender: e.isNestedRender,
           setBuilderContextSignal: o,
           children: [
-            e.isSsrAbTest ? /* @__PURE__ */ b(
+            e.isSsrAbTest ? /* @__PURE__ */ h(
               K,
               {
                 id: "builderio-variant-visibility",
@@ -1919,22 +1919,22 @@ function Q(e) {
                 nonce: e.nonce || ""
               }
             ) : null,
-            /* @__PURE__ */ b(
-              vt,
+            /* @__PURE__ */ h(
+              kt,
               {
                 nonce: e.nonce || "",
                 isNestedRender: e.isNestedRender,
-                contentId: (V = a.content) == null ? void 0 : V.id,
-                cssCode: (F = (k = a.content) == null ? void 0 : k.data) == null ? void 0 : F.cssCode,
-                customFonts: (W = (P = a.content) == null ? void 0 : P.data) == null ? void 0 : W.customFonts
+                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
               }
             ),
-            /* @__PURE__ */ b(
-              Ce,
+            /* @__PURE__ */ h(
+              Ve,
               {
-                blocks: (R = (I = a.content) == null ? void 0 : I.data) == null ? void 0 : R.blocks,
+                blocks: (E = (w = a.content) == null ? void 0 : w.data) == null ? void 0 : E.blocks,
                 context: a,
-                registeredComponents: d,
+                registeredComponents: s,
                 linkComponent: e.linkComponent
               }
             )
@@ -1944,57 +1944,57 @@ function Q(e) {
     }
   );
 }
-function Pt(e) {
+function Dt(e) {
   var a;
-  const [t, n] = T(
-    () => ot({
-      canTrack: H(e.canTrack),
+  const [t, n] = I(
+    () => st({
+      canTrack: D(e.canTrack),
       content: e.content
     })
   );
   function i() {
     var o;
-    return st(
-      B(e.content).map((p) => ({
-        id: p.testVariationId,
-        testRatio: p.testRatio
+    return ut(
+      B(e.content).map((m) => ({
+        id: m.testVariationId,
+        testRatio: m.testRatio
       })),
       ((o = e.content) == null ? void 0 : o.id) || ""
     );
   }
-  function d() {
+  function s() {
     return B(e.content).map((o) => `.variant-${o.testVariationId} { display: none; } `).join("");
   }
-  function m() {
+  function u() {
     var o;
     return t ? {
       ...e.content,
       testVariationId: (o = e.content) == null ? void 0 : o.id
-    } : me({
+    } : fe({
       item: e.content,
-      canTrack: H(e.canTrack)
+      canTrack: D(e.canTrack)
     });
   }
-  return w(() => {
-  }, []), /* @__PURE__ */ $(M, { children: [
-    !e.isNestedRender && G !== "reactNative" ? /* @__PURE__ */ b(
+  return V(() => {
+  }, []), /* @__PURE__ */ q(O, { children: [
+    !e.isNestedRender && _ !== "reactNative" ? /* @__PURE__ */ h(
       K,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: lt(),
+        scriptStr: ct(),
         nonce: e.nonce || ""
       }
     ) : null,
-    t ? /* @__PURE__ */ $(M, { children: [
-      /* @__PURE__ */ b(
-        X,
+    t ? /* @__PURE__ */ q(O, { children: [
+      /* @__PURE__ */ h(
+        te,
         {
           id: "builderio-variants",
-          styles: d(),
+          styles: s(),
           nonce: e.nonce || ""
         }
       ),
-      /* @__PURE__ */ b(
+      /* @__PURE__ */ h(
         K,
         {
           id: "builderio-variants-visibility",
@@ -2002,8 +2002,8 @@ function Pt(e) {
           nonce: e.nonce || ""
         }
       ),
-      (a = B(e.content)) == null ? void 0 : a.map((o) => /* @__PURE__ */ b(
-        Q,
+      (a = B(e.content)) == null ? void 0 : a.map((o) => /* @__PURE__ */ h(
+        Z,
         {
           apiHost: e.apiHost,
           isNestedRender: e.isNestedRender,
@@ -2030,13 +2030,13 @@ function Pt(e) {
         o.testVariationId
       ))
     ] }) : null,
-    /* @__PURE__ */ b(
-      Q,
+    /* @__PURE__ */ h(
+      Z,
       {
         apiHost: e.apiHost,
         nonce: e.nonce,
         isNestedRender: e.isNestedRender,
-        content: m(),
+        content: u(),
         showContent: !0,
         model: e.model,
         data: e.data,
@@ -2059,5 +2059,5 @@ function Pt(e) {
   ] });
 }
 export {
-  Pt as default
+  Dt as default
 };