@builder.io/sdk-react 2.0.0 → 2.0.2

package/lib/edge/{content-variants-f3c6baad.js → content-variants-71ee0c76.js}

@@ -1,11 +1,11 @@
-import { jsx as f, jsxs as L, Fragment as z } from "react/jsx-runtime";
-import { lazy as y, useRef as le, useState as C, useEffect as x } from "react";
-import { isBrowser as H, TARGET as te, isEditing as F, registerInsertMenu as se, setupBrowserForEditing as de, createRegisterComponentMessage as ue, getDefaultCanTrack as W, _track as J, isPreviewing as ce, fetchOneEntry as me, logger as pe, createEditorListener as ge, fetch as fe, fastClone as he, serializeComponentInfo as Y, handleABTestingSync as be } from "./server-entry-75aa714e.js";
+import { jsx as h, jsxs as H, Fragment as z } from "react/jsx-runtime";
+import { lazy as v, useRef as le, useState as k, useEffect as S } from "react";
+import { isBrowser as $, TARGET as te, isEditing as P, registerInsertMenu as se, setupBrowserForEditing as de, createRegisterComponentMessage as ue, getDefaultCanTrack as A, _track as J, isPreviewing as ce, fetchOneEntry as me, logger as pe, createEditorListener as ge, fetch as fe, fastClone as he, serializeComponentInfo as Y, handleABTestingSync as be } from "./server-entry-d2020acf.js";
 import { Video as xe, Button as ye, Columns as ve, Fragment as Se, Image as Te, Section as ke, Symbol as Ce, Text as Ie, 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-6d6258ba.js";
-import "./get-class-prop-name-1bbed5bf.js";
+import { triggerAnimation as Ve, evaluate as Q, InlinedStyles as ne, ComponentsContext as Re, Blocks as Ee } from "./blocks-f55c7d3e.js";
+import "./get-class-prop-name-a677d7a5.js";
 import "./dynamic-renderer-8b343325.js";
-const A = {
+const B = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -34,7 +34,7 @@ const A = {
       }
     }
   }]
-}, B = {
+}, D = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item detail",
   responsiveStyles: {
@@ -82,19 +82,19 @@ const A = {
       name: "title",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [A]
+      defaultValue: [B]
     }, {
       name: "detail",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [B]
+      defaultValue: [D]
     }],
     defaultValue: [{
-      title: [A],
-      detail: [B]
+      title: [B],
+      detail: [D]
     }, {
-      title: [A],
-      detail: [B]
+      title: [B],
+      detail: [D]
     }],
     showIf: (e) => !e.get("useChildrenForItems")
   }, {
@@ -129,7 +129,7 @@ const A = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Pe = y(() => import("./accordion-bd80745a.js")), We = {
+}, Pe = v(() => import("./accordion-ca081054.js")), We = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -344,7 +344,7 @@ const A = {
         });
       }
       const n = e.get("columns");
-      Array.isArray(n) && n.find((d) => d.get("width")) && (n.find((c) => !c.get("width")) || n.reduce((o, m) => o + m.get("width"), 0) !== 100) && t();
+      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();
     }
   }, {
     name: "space",
@@ -399,25 +399,25 @@ const A = {
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(a, o = 6e4) {
-        return new Promise((m, h) => {
-          const I = document.createElement("img");
-          let k = !1;
-          I.onload = () => {
-            k = !0, m(I);
-          }, I.addEventListener("error", (w) => {
-            console.warn("Image load failed", w.error), h(w.error);
-          }), I.src = a, setTimeout(() => {
-            k || h(new Error("Image load timed out"));
+        return new Promise((p, b) => {
+          const C = document.createElement("img");
+          let T = !1;
+          C.onload = () => {
+            T = !0, p(C);
+          }, C.addEventListener("error", (V) => {
+            console.warn("Image load failed", V.error), b(V.error);
+          }), C.src = a, setTimeout(() => {
+            T || b(new Error("Image load timed out"));
           }, o);
         });
       }
       function i(a) {
         return Math.round(a * 1e3) / 1e3;
       }
-      const d = e.get("image"), c = e.get("aspectRatio");
+      const d = e.get("image"), m = e.get("aspectRatio");
       if (fetch(d).then((a) => a.blob()).then((a) => {
         a.type.includes("svg") && e.set("noWebp", !0);
-      }), d && (!c || c === 0.7041))
+      }), d && (!m || m === 0.7041))
         return n(d).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));
@@ -541,7 +541,7 @@ const A = {
   shouldReceiveBuilderProps: {
     builderContext: !0
   }
-}, He = y(() => import("./slot-8159ca1d.js")), $e = {
+}, He = v(() => import("./slot-40de071b.js")), $e = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -580,7 +580,7 @@ const A = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, D = {
+}, U = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -602,7 +602,7 @@ const A = {
       text: "New tab"
     }
   }
-}, U = {
+}, L = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -628,16 +628,16 @@ const A = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [D]
+      defaultValue: [U]
     }, {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [U]
+      defaultValue: [L]
     }],
     defaultValue: [{
       label: [{
-        ...D,
+        ...U,
         component: {
           name: "Text",
           options: {
@@ -646,7 +646,7 @@ const A = {
         }
       }],
       content: [{
-        ...U,
+        ...L,
         component: {
           name: "Text",
           options: {
@@ -656,7 +656,7 @@ const A = {
       }]
     }, {
       label: [{
-        ...D,
+        ...U,
         component: {
           name: "Text",
           options: {
@@ -665,7 +665,7 @@ const A = {
         }
       }],
       content: [{
-        ...U,
+        ...L,
         component: {
           name: "Text",
           options: {
@@ -721,7 +721,7 @@ const A = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, qe = y(() => import("./tabs-f5357a4e.js")), je = {
+}, qe = v(() => import("./tabs-b75be82d.js")), je = {
   shouldReceiveBuilderProps: {
     builderBlock: !1
   },
@@ -764,7 +764,7 @@ const A = {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, Me = y(() => import("./custom-code-7786788e.js")), Oe = {
+}, Me = v(() => import("./custom-code-7786788e.js")), Oe = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -779,7 +779,7 @@ const A = {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, _e = y(() => import("./embed-5c1bbe12.js")), ze = {
+}, _e = v(() => import("./embed-5c1bbe12.js")), ze = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -1016,7 +1016,7 @@ const A = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Je = y(() => import("./form-00c8cc55.js")), Ye = {
+}, Je = v(() => import("./form-ac2f2a0e.js")), Ye = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -1067,7 +1067,7 @@ const A = {
     borderStyle: "solid",
     borderColor: "#ccc"
   }
-}, Qe = y(() => import("./input-2db47a83.js")), Ge = {
+}, Qe = v(() => import("./input-549f090e.js")), Ge = {
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -1109,7 +1109,7 @@ const A = {
   }],
   static: !0,
   noWrap: !0
-}, Xe = y(() => import("./select-2facacf2.js")), Ze = {
+}, Xe = v(() => import("./select-6a5a28ac.js")), Ze = {
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -1134,7 +1134,7 @@ const A = {
   // that only shows if advanced setting is flipped
   // TODO: defaultChildren
   // canHaveChildren: true,
-}, et = y(() => import("./submit-button-b48361a7.js")), tt = {
+}, et = v(() => import("./submit-button-b48361a7.js")), tt = {
   name: "Form:TextArea",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [{
@@ -1170,7 +1170,7 @@ const A = {
   },
   static: !0,
   noWrap: !0
-}, nt = y(() => import("./textarea-d29025e9.js")), at = {
+}, nt = v(() => import("./textarea-d29025e9.js")), at = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -1184,7 +1184,7 @@ const A = {
   }],
   noWrap: !0,
   static: !0
-}, it = y(() => import("./img-e7db1475.js")), ot = {
+}, it = v(() => import("./img-8fc26395.js")), ot = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1415,14 +1415,14 @@ const A = {
     thisScriptEl?.remove();
   }
   return;
-}`, ae = "builderIoAbTest", ie = "builderIoRenderContent", P = (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
 })), dt = ({
   canTrack: e,
   content: t
-}) => !(!(P(t).length > 0) || !e || H()), ut = (e) => e === "react" || e === "reactNative", oe = ut(te), ct = () => `
+}) => !(!(W(t).length > 0) || !e || $()), ut = (e) => e === "react" || e === "reactNative", oe = ut(te), ct = () => `
   window.${ae} = ${lt}
   window.${ie} = ${st}
   `, mt = (e, t) => `
@@ -1434,12 +1434,13 @@ const A = {
 }) => `window.${ie}(
     "${t}", "${e}", ${oe}
   )`;
-function $(e) {
-  return /* @__PURE__ */ f(
+function N(e) {
+  return /* @__PURE__ */ h(
     "script",
     {
       dangerouslySetInnerHTML: { __html: e.scriptStr },
-      "data-id": e.id
+      "data-id": e.id,
+      nonce: e.nonce || ""
     }
   );
 }
@@ -1464,9 +1465,9 @@ const gt = (e, t, n = !0) => {
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), i = e.clientX - n.left, d = e.clientY - n.top, c = X(i / n.width), a = X(d / n.height);
+  const n = t.getBoundingClientRect(), i = e.clientX - n.left, d = e.clientY - n.top, m = X(i / n.width), a = X(d / n.height);
   return {
-    x: c,
+    x: m,
     y: a
   };
 }, ht = (e) => {
@@ -1486,8 +1487,8 @@ const gt = (e, t, n = !0) => {
     }
   };
 }, 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;
+  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 += `
 @font-face {
@@ -1500,11 +1501,11 @@ font-weight: 400;
     for (const o in e.files) {
       if (!(String(Number(o)) === o))
         continue;
-      const h = e.files[o];
-      h && h !== i && (d += `
+      const b = e.files[o];
+      b && b !== i && (d += `
 @font-face {
 font-family: "${t}";
-src: url('${h}') format('woff2');
+src: url('${b}') format('woff2');
 font-display: fallback;
 font-weight: ${o};
 }
@@ -1538,36 +1539,36 @@ font-weight: ${o};
 }
 `, St = (e) => e ? "" : vt, Tt = (e) => `variant-${e}`;
 function kt(e) {
-  var N, q, j, K, M, O, _;
+  var I, q, j, K, M, O, _;
   const t = le(null);
   function n(r) {
-    var p, s;
+    var g, s;
     const u = {
       ...e.builderContextSignal.rootState,
       ...r
     };
-    e.builderContextSignal.rootSetState ? (s = (p = e.builderContextSignal).rootSetState) == null || s.call(p, u) : e.setBuilderContextSignal((l) => ({
+    e.builderContextSignal.rootSetState ? (s = (g = e.builderContextSignal).rootSetState) == null || s.call(g, u) : e.setBuilderContextSignal((l) => ({
       ...l,
       rootState: u
     }));
   }
   function i(r) {
-    var p, s, l, g, V;
+    var g, s, l, f, R;
     const u = {
       ...e.builderContextSignal.content,
       ...r,
       data: {
-        ...(p = e.builderContextSignal.content) == null ? void 0 : p.data,
+        ...(g = e.builderContextSignal.content) == null ? void 0 : g.data,
         ...r == null ? void 0 : r.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) || ((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) || ((R = (f = e.builderContextSignal.content) == null ? void 0 : f.meta) == null ? void 0 : R.breakpoints)
       }
     };
-    e.setBuilderContextSignal((b) => ({
-      ...b,
+    e.setBuilderContextSignal((y) => ({
+      ...y,
       content: u
     }));
   }
@@ -1577,7 +1578,7 @@ function kt(e) {
       "aria-hidden": !0
     };
   }
-  const [c, a] = C(
+  const [m, a] = k(
     () => e.contentWrapper || "div"
   );
   function o(r) {
@@ -1587,10 +1588,10 @@ function kt(e) {
       callbacks: {
         configureSdk: (u) => {
           var l;
-          const { breakpoints: p, contentId: s } = u;
-          !s || s !== ((l = e.builderContextSignal.content) == null ? void 0 : l.id) || p && i({
+          const { breakpoints: g, contentId: s } = u;
+          !s || s !== ((l = e.builderContextSignal.content) == null ? void 0 : l.id) || g && i({
             meta: {
-              breakpoints: p
+              breakpoints: g
             }
           });
         },
@@ -1603,9 +1604,9 @@ function kt(e) {
       }
     })(r);
   }
-  function m() {
-    var u, p;
-    const r = (p = (u = e.builderContextSignal.content) == null ? void 0 : u.data) == null ? void 0 : p.jsCode;
+  function p() {
+    var u, g;
+    const r = (g = (u = e.builderContextSignal.content) == null ? void 0 : u.data) == null ? void 0 : g.jsCode;
     r && Q({
       code: r,
       context: e.context || {},
@@ -1618,33 +1619,33 @@ function kt(e) {
       enableCache: !1
     });
   }
-  const [h, I] = C(() => ({})), [k, w] = C(() => ({})), [R, E] = C(() => !1);
-  function v(r) {
-    var u, p;
+  const [b, C] = k(() => ({})), [T, V] = k(() => ({})), [E, F] = k(() => !1);
+  function x(r) {
+    var u, g;
     if (e.builderContextSignal.content) {
-      const s = (u = e.builderContextSignal.content) == null ? void 0 : u.testVariationId, l = (p = e.builderContextSignal.content) == null ? void 0 : p.id;
+      const s = (u = e.builderContextSignal.content) == null ? void 0 : u.testVariationId, l = (g = e.builderContextSignal.content) == null ? void 0 : g.id;
       J({
         type: "click",
-        canTrack: W(e.canTrack),
+        canTrack: A(e.canTrack),
         contentId: l,
         apiKey: e.apiKey,
         variationId: s !== l ? s : void 0,
         ...ht(r),
-        unique: !R
+        unique: !E
       });
     }
-    R || E(!0);
+    E || F(!0);
   }
-  function S() {
-    var u, p, s;
-    const r = (s = (p = (u = e.builderContextSignal.content) == null ? void 0 : u.data) == null ? void 0 : p.httpRequests) != null ? s : {};
-    Object.entries(r).forEach(([l, g]) => {
-      if (!g || k[l] || h[l] && !F())
+  function c() {
+    var u, g, s;
+    const r = (s = (g = (u = e.builderContextSignal.content) == null ? void 0 : u.data) == null ? void 0 : g.httpRequests) != null ? s : {};
+    Object.entries(r).forEach(([l, f]) => {
+      if (!f || T[l] || b[l] && !P())
         return;
-      k[l] = !0;
-      const V = g.replace(
+      T[l] = !0;
+      const R = f.replace(
         /{{([^}]+)}}/g,
-        (b, re) => String(
+        (y, re) => String(
           Q({
             code: re,
             context: e.context || {},
@@ -1655,19 +1656,19 @@ function kt(e) {
           })
         )
       );
-      fe(V).then((b) => b.json()).then((b) => {
+      fe(R).then((y) => y.json()).then((y) => {
         n({
-          [l]: b
-        }), h[l] = !0;
-      }).catch((b) => {
-        console.error("error fetching dynamic data", g, b);
+          [l]: y
+        }), b[l] = !0;
+      }).catch((y) => {
+        console.error("error fetching dynamic data", f, y);
       }).finally(() => {
-        k[l] = !1;
+        T[l] = !1;
       });
     });
   }
-  function T() {
-    F() && window.dispatchEvent(
+  function w() {
+    P() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
@@ -1681,10 +1682,10 @@ function kt(e) {
       )
     );
   }
-  return x(() => {
+  return S(() => {
     var r, u;
-    if (H()) {
-      if (F() && (window.addEventListener("message", o), se(), de({
+    if ($()) {
+      if (P() && (window.addEventListener("message", o), se(), de({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -1697,63 +1698,63 @@ function kt(e) {
       }), Object.values(
         e.builderContextSignal.componentInfos
       ).forEach((s) => {
-        var g;
+        var f;
         const l = ue(s);
-        (g = window.parent) == null || g.postMessage(l, "*");
+        (f = window.parent) == null || f.postMessage(l, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
-        T
-      )), e.builderContextSignal.content && W(e.canTrack)) {
-        const s = (r = e.builderContextSignal.content) == null ? void 0 : r.testVariationId, l = (u = e.builderContextSignal.content) == null ? void 0 : u.id, g = e.apiKey;
+        w
+      )), e.builderContextSignal.content && A(e.canTrack)) {
+        const s = (r = e.builderContextSignal.content) == null ? void 0 : r.testVariationId, l = (u = e.builderContextSignal.content) == null ? void 0 : u.id, f = e.apiKey;
         J({
           type: "impression",
           canTrack: !0,
           contentId: l,
-          apiKey: g,
+          apiKey: f,
           variationId: s !== l ? s : void 0
         });
       }
-      if (ce() && !F()) {
-        const s = new URL(location.href).searchParams, l = s.get("builder.preview"), g = s.get(
+      if (ce() && !P()) {
+        const s = new URL(location.href).searchParams, l = s.get("builder.preview"), f = 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({
+        ), R = s.get("apiKey") || s.get("builder.space");
+        l === e.model && R === e.apiKey && (!e.content || f === e.content.id) && me({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion
-        }).then((b) => {
-          b && i(b);
+        }).then((y) => {
+          y && i(y);
         });
       }
     }
-  }, []), x(() => {
+  }, []), S(() => {
     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(), S(), T();
-  }, []), x(() => {
+    ), p(), c(), w();
+  }, []), S(() => {
     e.content && i(e.content);
-  }, [e.content]), x(() => {
-    m();
-  }, [(q = (N = e.builderContextSignal.content) == null ? void 0 : N.data) == null ? void 0 : q.jsCode]), x(() => {
-    S();
-  }, [(K = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : K.httpRequests]), x(() => {
-    T();
-  }, [e.builderContextSignal.rootState]), x(() => {
+  }, [e.content]), S(() => {
+    p();
+  }, [(q = (I = e.builderContextSignal.content) == null ? void 0 : I.data) == null ? void 0 : q.jsCode]), S(() => {
+    c();
+  }, [(K = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : K.httpRequests]), S(() => {
+    w();
+  }, [e.builderContextSignal.rootState]), S(() => {
     e.data && n(e.data);
-  }, [e.data]), x(() => {
+  }, [e.data]), S(() => {
     e.locale && n({
       locale: e.locale
     });
-  }, [e.locale]), x(() => () => {
-    H() && (window.removeEventListener("message", o), window.removeEventListener(
+  }, [e.locale]), S(() => () => {
+    $() && (window.removeEventListener("message", o), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      T
+      w
     ));
-  }, []), /* @__PURE__ */ f(we.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ f(
-    c,
+  }, []), /* @__PURE__ */ h(we.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ h(
+    m,
     {
       ref: t,
-      onClick: (r) => v(r),
+      onClick: (r) => x(r),
       "builder-content-id": (M = e.builderContextSignal.content) == null ? void 0 : M.id,
       "builder-model": e.model,
       ...d(),
@@ -1766,7 +1767,7 @@ function kt(e) {
   ) : null });
 }
 function Ct(e) {
-  const [t, n] = C(
+  const [t, n] = k(
     () => `
 ${yt({
       cssCode: e.cssCode,
@@ -1778,17 +1779,24 @@ ${xt({
 ${St(e.isNestedRender)}
 `.trim()
   );
-  return /* @__PURE__ */ f(ne, { id: "builderio-content", styles: t });
+  return /* @__PURE__ */ h(
+    ne,
+    {
+      id: "builderio-content",
+      styles: t,
+      nonce: e.nonce
+    }
+  );
 }
 const It = ({
   content: e,
   data: t,
   locale: n
 }) => {
-  var c, a, o;
-  const i = {}, d = ((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((m) => {
-    m.name && m.defaultValue !== void 0 && (i[m.name] = m.defaultValue);
+  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);
   }), {
     ...i,
     ...d,
@@ -1809,77 +1817,85 @@ const It = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function ee(e) {
-  var m, h, I, k, w, R, E;
-  const [t, n] = C(
+  var p, b, C, T, V, E, F;
+  const [t, n] = k(
     () => {
-      var v, S;
+      var x, c;
       return pt({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (v = e.content) == null ? void 0 : v.testVariationId,
+        variationId: (x = e.content) == null ? void 0 : x.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        contentId: (S = e.content) == null ? void 0 : S.id
+        contentId: (c = e.content) == null ? void 0 : c.id
       });
     }
   );
-  function i(v) {
-    o((S) => ({
-      ...S,
-      rootState: v
+  function i(x) {
+    o((c) => ({
+      ...c,
+      rootState: x
     }));
   }
-  const [d, c] = C(
-    () => [
-      ...G(),
-      ...e.customComponents || []
-    ].reduce(
-      (v, { component: S, ...T }) => ({
-        ...v,
-        [T.name]: {
-          component: S,
-          ...Y(T)
-        }
+  const [d, m] = k(
+    () => {
+      var x;
+      return [
+        ...G(),
+        ...((x = e.customComponents) == null ? void 0 : x.filter(({ models: c }) => !(c != null && c.length) || !e.model ? !0 : c.includes(e.model))) || []
+      ].reduce(
+        (c, { component: w, ...I }) => ({
+          ...c,
+          [I.name]: {
+            component: w,
+            ...Y(I)
+          }
+        }),
+        {}
+      );
+    }
+  ), [a, o] = k(() => {
+    var x;
+    return {
+      content: wt({
+        content: e.content,
+        data: e.data
       }),
-      {}
-    )
-  ), [a, o] = C(() => ({
-    content: wt({
-      content: e.content,
-      data: e.data
-    }),
-    localState: void 0,
-    rootState: It({
-      content: e.content,
-      data: e.data,
-      locale: e.locale
-    }),
-    rootSetState: i,
-    context: e.context || {},
-    canTrack: e.canTrack,
-    apiKey: e.apiKey,
-    apiVersion: e.apiVersion,
-    componentInfos: [
-      ...G(),
-      ...e.customComponents || []
-    ].reduce(
-      (v, { component: S, ...T }) => ({
-        ...v,
-        [T.name]: Y(T)
+      localState: void 0,
+      rootState: It({
+        content: e.content,
+        data: e.data,
+        locale: e.locale
       }),
-      {}
-    ),
-    inheritedStyles: {},
-    BlocksWrapper: e.blocksWrapper || "div",
-    BlocksWrapperProps: e.blocksWrapperProps || {}
-  }));
-  return /* @__PURE__ */ f(
+      rootSetState: i,
+      context: e.context || {},
+      canTrack: e.canTrack,
+      apiKey: e.apiKey,
+      apiVersion: e.apiVersion,
+      componentInfos: [
+        ...G(),
+        ...((x = e.customComponents) == null ? void 0 : x.filter(({ models: c }) => !(c != null && c.length) || !e.model ? !0 : c.includes(e.model))) || []
+      ].reduce(
+        (c, { component: w, ...I }) => ({
+          ...c,
+          [I.name]: Y(I)
+        }),
+        {}
+      ),
+      inheritedStyles: {},
+      BlocksWrapper: e.blocksWrapper || "div",
+      BlocksWrapperProps: e.blocksWrapperProps || {},
+      nonce: e.nonce || ""
+    };
+  });
+  return /* @__PURE__ */ h(
     Re.Provider,
     {
       value: {
         registeredComponents: d
       },
-      children: /* @__PURE__ */ L(
+      children: /* @__PURE__ */ H(
         kt,
         {
+          nonce: e.nonce,
           content: e.content,
           data: e.data,
           model: e.model,
@@ -1895,26 +1911,28 @@ function ee(e) {
           trustedHosts: e.trustedHosts,
           setBuilderContextSignal: o,
           children: [
-            e.isSsrAbTest ? /* @__PURE__ */ f(
-              $,
+            e.isSsrAbTest ? /* @__PURE__ */ h(
+              N,
               {
                 id: "builderio-variant-visibility",
-                scriptStr: t
+                scriptStr: t,
+                nonce: e.nonce || ""
               }
             ) : null,
-            /* @__PURE__ */ f(
+            /* @__PURE__ */ h(
               Ct,
               {
+                nonce: e.nonce || "",
                 isNestedRender: e.isNestedRender,
-                contentId: (m = a.content) == null ? void 0 : m.id,
-                cssCode: (I = (h = a.content) == null ? void 0 : h.data) == null ? void 0 : I.cssCode,
-                customFonts: (w = (k = a.content) == null ? void 0 : k.data) == null ? void 0 : w.customFonts
+                contentId: (p = a.content) == null ? void 0 : p.id,
+                cssCode: (C = (b = a.content) == null ? void 0 : b.data) == null ? void 0 : C.cssCode,
+                customFonts: (V = (T = a.content) == null ? void 0 : T.data) == null ? void 0 : V.customFonts
               }
             ),
-            /* @__PURE__ */ f(
+            /* @__PURE__ */ h(
               Ee,
               {
-                blocks: (E = (R = a.content) == null ? void 0 : R.data) == null ? void 0 : E.blocks,
+                blocks: (F = (E = a.content) == null ? void 0 : E.data) == null ? void 0 : F.blocks,
                 context: a,
                 registeredComponents: d,
                 linkComponent: e.linkComponent
@@ -1928,64 +1946,67 @@ function ee(e) {
 }
 function Bt(e) {
   var a;
-  const [t, n] = C(
+  const [t, n] = k(
     () => dt({
-      canTrack: W(e.canTrack),
+      canTrack: A(e.canTrack),
       content: e.content
     })
   );
   function i() {
     var o;
     return mt(
-      P(e.content).map((m) => ({
-        id: m.testVariationId,
-        testRatio: m.testRatio
+      W(e.content).map((p) => ({
+        id: p.testVariationId,
+        testRatio: p.testRatio
       })),
       ((o = e.content) == null ? void 0 : o.id) || ""
     );
   }
   function d() {
-    return P(e.content).map((o) => `.variant-${o.testVariationId} { display: none; } `).join("");
+    return W(e.content).map((o) => `.variant-${o.testVariationId} { display: none; } `).join("");
   }
-  function c() {
+  function m() {
     var o;
     return t ? {
       ...e.content,
       testVariationId: (o = e.content) == null ? void 0 : o.id
     } : be({
       item: e.content,
-      canTrack: W(e.canTrack)
+      canTrack: A(e.canTrack)
     });
   }
-  return x(() => {
-  }, []), x(() => {
-  }), /* @__PURE__ */ L(z, { children: [
-    !e.isNestedRender && te !== "reactNative" ? /* @__PURE__ */ f(
-      $,
+  return S(() => {
+  }, []), /* @__PURE__ */ H(z, { children: [
+    !e.isNestedRender && te !== "reactNative" ? /* @__PURE__ */ h(
+      N,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: ct()
+        scriptStr: ct(),
+        nonce: e.nonce || ""
       }
     ) : null,
-    t ? /* @__PURE__ */ L(z, { children: [
-      /* @__PURE__ */ f(
+    t ? /* @__PURE__ */ H(z, { children: [
+      /* @__PURE__ */ h(
         ne,
         {
           id: "builderio-variants",
-          styles: d()
+          styles: d(),
+          nonce: e.nonce || ""
         }
       ),
-      /* @__PURE__ */ f(
-        $,
+      /* @__PURE__ */ h(
+        N,
         {
           id: "builderio-variants-visibility",
-          scriptStr: i()
+          scriptStr: i(),
+          nonce: e.nonce || ""
         }
       ),
-      (a = P(e.content)) == null ? void 0 : a.map((o) => /* @__PURE__ */ f(
+      (a = W(e.content)) == null ? void 0 : a.map((o) => /* @__PURE__ */ h(
         ee,
         {
           isNestedRender: e.isNestedRender,
+          nonce: e.nonce,
           content: o,
           showContent: !1,
           model: e.model,
@@ -2008,11 +2029,12 @@ function Bt(e) {
         o.testVariationId
       ))
     ] }) : null,
-    /* @__PURE__ */ f(
+    /* @__PURE__ */ h(
       ee,
       {
+        nonce: e.nonce,
         isNestedRender: e.isNestedRender,
-        content: c(),
+        content: m(),
         showContent: !0,
         model: e.model,
         data: e.data,