@builder.io/sdk-react-nextjs 0.16.1 → 0.16.3

package/lib/node/blocks-exports.mjs

@@ -2,17 +2,17 @@
 var Ne = Object.defineProperty;
 var Ae = (e, t, n) => t in e ? Ne(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var ee = (e, t, n) => (Ae(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { jsx as l, Fragment as I, jsxs as P } from "react/jsx-runtime";
-import { TARGET as H, checkIsDefined as K, logger as J, isBrowser as z, fastClone as ie, isEditing as V, init as Ve, getDefaultCanTrack as q, _track as ue, isPreviewing as $e, createEditorListener as Fe, fetch as Le, registerInsertMenu as je, setupBrowserForEditing as De, createRegisterComponentMessage as Oe, fetchOneEntry as pe, serializeComponentInfo as me, handleABTestingSync as He } from "./server-entry-e47775d7.js";
-import { getFunctionArguments as Me, runInNode as Ue, parseCode as _e, getBuilderGlobals as Ke, set as ze } from "./node-runtime-753c71f6.js";
-import { useRef as oe, useState as N, useEffect as R, createContext as qe } from "react";
+import { jsx as l, Fragment as C, jsxs as P } from "react/jsx-runtime";
+import { TARGET as H, checkIsDefined as K, logger as J, isBrowser as z, isEditing as V, init as Ve, getDefaultCanTrack as q, _track as ue, isPreviewing as $e, createEditorListener as Fe, fetch as Le, registerInsertMenu as De, setupBrowserForEditing as je, createRegisterComponentMessage as Oe, fetchOneEntry as pe, serializeComponentInfo as me, handleABTestingSync as He } from "./server-entry-b8ecec52.js";
+import { getFunctionArguments as Me, runInNode as Ue, parseCode as _e, getBuilderGlobals as Ke, fastClone as ie, set as ze } from "./node-runtime-ffe74dec.js";
+import { useRef as oe, useState as A, useEffect as R, createContext as qe } from "react";
 import { useRouter as Ye } from "next/navigation";
 import "lru-cache";
 const Je = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), Qe = (e) => typeof e == "string" && Je.has(e.toLowerCase());
 function ae(e) {
-  return /* @__PURE__ */ l(I, { children: Qe(e.TagName) ? /* @__PURE__ */ l(I, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(I, { children: typeof e.TagName == "string" ? /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
+  return /* @__PURE__ */ l(C, { children: Qe(e.TagName) ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ l(C, { children: typeof e.TagName == "string" ? /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ l(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
 }
-const D = () => {
+const j = () => {
   switch (H) {
     case "react":
     case "reactNative":
@@ -30,7 +30,7 @@ function Ge(e) {
   function t() {
     return {
       ...e.attributes,
-      [D()]: `${e.link ? "" : "builder-button"} ${e.attributes[D()] || ""}`,
+      [j()]: `${e.link ? "" : "builder-button"} ${e.attributes[j()] || ""}`,
       ...e.link ? {
         href: e.link,
         target: e.openLinkInNewTab ? "_blank" : void 0,
@@ -113,7 +113,7 @@ const tt = () => {
     return !1;
   const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (i = process.env.NODE_OPTIONS) == null ? void 0 : i.includes("--no-node-snapshot");
   return e && t && !n ? (J.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
-}, nt = (e) => z() || tt() ? Ze(e) : Ue(e), W = class W {
+}, nt = (e) => z() || tt() ? Ze(e) : Ue(e), N = class N {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -123,16 +123,16 @@ const tt = () => {
     });
   }
   static getCachedValue(t) {
-    return W.cache.get(t);
+    return N.cache.get(t);
   }
   static setCachedValue(t, n) {
-    W.cache.size > 20 && W.cache.delete(W.cache.keys().next().value), W.cache.set(t, {
+    N.cache.size > 20 && N.cache.delete(N.cache.keys().next().value), N.cache.set(t, {
       value: n
     });
   }
 };
-ee(W, "cacheLimit", 20), ee(W, "cache", /* @__PURE__ */ new Map());
-let F = W;
+ee(N, "cacheLimit", 20), ee(N, "cache", /* @__PURE__ */ new Map());
+let F = N;
 function O({
   code: e,
   context: t,
@@ -407,7 +407,7 @@ function ft(e) {
     });
     return K(o.hide) ? !o.hide : K(o.show) ? o.show : !0;
   }, n = function() {
-    var S, b, k;
+    var v, y, p;
     const o = Y({
       block: e.block,
       localState: e.context.localState,
@@ -416,14 +416,14 @@ function ft(e) {
       context: e.context.context,
       shouldEvaluateBindings: !0
     }), a = o.responsiveStyles, c = e.context.content, r = Te(
-      ((S = c == null ? void 0 : c.meta) == null ? void 0 : S.breakpoints) || {}
+      ((v = c == null ? void 0 : c.meta) == null ? void 0 : v.breakpoints) || {}
     ), s = a == null ? void 0 : a.large, d = a == null ? void 0 : a.medium, m = a == null ? void 0 : a.small, u = o.id;
     if (!u)
       return "";
     const h = s ? U({
       className: u,
       styles: s
-    }) : "", p = d ? U({
+    }) : "", I = d ? U({
       className: u,
       styles: d,
       mediaQuery: fe(
@@ -437,29 +437,29 @@ function ft(e) {
         "small",
         r
       )
-    }) : "", y = o.animations && o.animations.find((T) => T.trigger === "hover");
-    let A = "";
-    if (y) {
-      const T = ((k = (b = y.steps) == null ? void 0 : b[1]) == null ? void 0 : k.styles) || {};
-      A = U({
+    }) : "", b = o.animations && o.animations.find((T) => T.trigger === "hover");
+    let E = "";
+    if (b) {
+      const T = ((p = (y = b.steps) == null ? void 0 : y[1]) == null ? void 0 : p.styles) || {};
+      E = U({
         className: `${u}:hover`,
         styles: {
           ...T,
-          transition: `all ${y.duration}s ${re(
-            y.easing
+          transition: `all ${b.duration}s ${re(
+            b.easing
           )}`,
-          transitionDelay: y.delay ? `${y.delay}s` : "0s"
+          transitionDelay: b.delay ? `${b.delay}s` : "0s"
         }
       }) || "";
     }
     return [
       h,
-      p,
+      I,
       w,
-      A
+      E
     ].join(" ");
   };
-  return /* @__PURE__ */ l(I, { children: n() && t() ? /* @__PURE__ */ l(I, { children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(C, { children: n() && t() ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(
     Q,
     {
       id: "builderio-block",
@@ -523,7 +523,7 @@ function ce({
       block: e,
       context: t
     }),
-    [D()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
+    [j()]: [e.id, "builder-block", e.class, (i = e.properties) == null ? void 0 : i.class].filter(Boolean).join(" ")
   };
   return yt({
     properties: n,
@@ -603,7 +603,7 @@ const pt = ({
 function he(e) {
   var n;
   const t = e.isInteractive ? St : e.componentRef;
-  return /* @__PURE__ */ l(I, { children: e.componentRef ? /* @__PURE__ */ l(I, { children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(C, { children: e.componentRef ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(
     t,
     {
       ...pt({
@@ -665,22 +665,22 @@ function G(e) {
       shouldEvaluateBindings: !0
     });
   }, o = function() {
-    var p;
-    return e.block.tagName === "a" || ((p = i().properties) == null ? void 0 : p.href) || i().href ? e.linkComponent || "a" : e.block.tagName || "div";
+    var I;
+    return e.block.tagName === "a" || ((I = i().properties) == null ? void 0 : I.href) || i().href ? e.linkComponent || "a" : e.block.tagName || "div";
   }, a = function() {
-    var w, y;
+    var w, b;
     if ((w = e.block.repeat) != null && w.collection)
-      return !!((y = n()) != null && y.length);
+      return !!((b = n()) != null && b.length);
     const h = "hide" in i() ? i().hide : !1;
     return ("show" in i() ? i().show : !0) && !h;
   }, c = function() {
-    var p, w;
-    return !((p = t()) != null && p.component) && !n() ? (w = i().children) != null ? w : [] : [];
+    var I, w;
+    return !((I = t()) != null && I.component) && !n() ? (w = i().children) != null ? w : [] : [];
   }, r = function() {
-    var h, p, w, y;
+    var h, I, w, b;
     return {
       blockChildren: (h = i().children) != null ? h : [],
-      componentRef: (p = t()) == null ? void 0 : p.component,
+      componentRef: (I = t()) == null ? void 0 : I.component,
       componentOptions: {
         ...Xe(i()),
         ...ut(t(), i()),
@@ -696,12 +696,12 @@ function G(e) {
       registeredComponents: e.registeredComponents,
       builderBlock: i(),
       includeBlockProps: ((w = t()) == null ? void 0 : w.noWrap) === !0,
-      isInteractive: !((y = t()) != null && y.isRSC)
+      isInteractive: !((b = t()) != null && b.isRSC)
     };
   };
-  return /* @__PURE__ */ l(I, { children: a() ? /* @__PURE__ */ P(I, { children: [
+  return /* @__PURE__ */ l(C, { children: a() ? /* @__PURE__ */ P(C, { children: [
     /* @__PURE__ */ l(ft, { block: e.block, context: e.context }),
-    (s = t()) != null && s.noWrap ? /* @__PURE__ */ l(I, { children: /* @__PURE__ */ l(
+    (s = t()) != null && s.noWrap ? /* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(
       he,
       {
         componentRef: r().componentRef,
@@ -714,7 +714,7 @@ function G(e) {
         includeBlockProps: r().includeBlockProps,
         isInteractive: r().isInteractive
       }
-    ) }) : /* @__PURE__ */ l(I, { children: n() ? /* @__PURE__ */ l(I, { children: (m = n()) == null ? void 0 : m.map((u, h) => /* @__PURE__ */ l(
+    ) }) : /* @__PURE__ */ l(C, { children: n() ? /* @__PURE__ */ l(C, { children: (m = n()) == null ? void 0 : m.map((u, h) => /* @__PURE__ */ l(
       kt,
       {
         repeatContext: u.context,
@@ -790,7 +790,7 @@ function Ct(e) {
       "*"
     ));
   }
-  return /* @__PURE__ */ P(I, { children: [
+  return /* @__PURE__ */ P(C, { children: [
     /* @__PURE__ */ l(
       e.BlocksWrapper,
       {
@@ -823,7 +823,7 @@ function le(e) {
       styleProp: e.styleProp,
       BlocksWrapper: (t = e.context) == null ? void 0 : t.BlocksWrapper,
       BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
-      children: e.blocks ? /* @__PURE__ */ l(I, { children: (i = e.blocks) == null ? void 0 : i.map((o) => /* @__PURE__ */ l(
+      children: e.blocks ? /* @__PURE__ */ l(C, { children: (i = e.blocks) == null ? void 0 : i.map((o) => /* @__PURE__ */ l(
         G,
         {
           block: o,
@@ -838,25 +838,25 @@ function le(e) {
 }
 const It = (e) => `builder-columns ${e}-breakpoints`;
 function wt(e) {
-  var y, A;
-  const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], i = e.stackColumnsAt || "tablet", o = function(b) {
-    return b.link ? e.builderLinkComponent || "a" : "div";
-  }, a = function(b) {
-    var k;
-    return ((k = n[b]) == null ? void 0 : k.width) || 100 / n.length;
-  }, c = function(b) {
-    const k = a(b), T = t * (n.length - 1) * (k / 100);
-    return `calc(${k}% - ${T}px)`;
+  var b, E;
+  const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], i = e.stackColumnsAt || "tablet", o = function(y) {
+    return y.link ? e.builderLinkComponent || "a" : "div";
+  }, a = function(y) {
+    var p;
+    return ((p = n[y]) == null ? void 0 : p.width) || 100 / n.length;
+  }, c = function(y) {
+    const p = a(y), T = t * (n.length - 1) * (p / 100);
+    return `calc(${p}% - ${T}px)`;
   }, r = function({
-    stackedStyle: b,
-    desktopStyle: k
+    stackedStyle: y,
+    desktopStyle: p
   }) {
-    return i === "tablet" ? b : k;
+    return i === "tablet" ? y : p;
   }, s = function({
-    stackedStyle: b,
-    desktopStyle: k
+    stackedStyle: y,
+    desktopStyle: p
   }) {
-    return i === "never" ? k : b;
+    return i === "never" ? p : y;
   }, d = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", m = function() {
     return {
       "--flex-dir": d,
@@ -865,8 +865,8 @@ function wt(e) {
         desktopStyle: "row"
       })
     };
-  }, u = function(b) {
-    const k = b === 0 ? 0 : t, T = c(b), B = `${k}px`, L = "100%", j = 0;
+  }, u = function(y) {
+    const p = y === 0 ? 0 : t, T = c(y), W = `${p}px`, L = "100%", D = 0;
     return {
       ...{
         display: "flex",
@@ -874,30 +874,31 @@ function wt(e) {
         alignItems: "stretch"
       },
       width: T,
-      ["marginLeft"]: B,
+      ["marginLeft"]: W,
       "--column-width-mobile": s({
         stackedStyle: L,
         desktopStyle: T
       }),
       "--column-margin-left-mobile": s({
-        stackedStyle: j,
-        desktopStyle: B
+        stackedStyle: D,
+        desktopStyle: W
       }),
       "--column-width-tablet": r({
         stackedStyle: L,
         desktopStyle: T
       }),
       "--column-margin-left-tablet": r({
-        stackedStyle: j,
-        desktopStyle: B
+        stackedStyle: D,
+        desktopStyle: W
       })
     };
-  }, h = function(b) {
-    var T, B;
+  }, h = function(y) {
+    var T, W;
     return Te(
-      ((B = (T = e.builderContext.content) == null ? void 0 : T.meta) == null ? void 0 : B.breakpoints) || {}
-    )[b].max;
-  }, p = function() {
+      ((W = (T = e.builderContext.content) == null ? void 0 : T.meta) == null ? void 0 : W.breakpoints) || {}
+    )[y].max;
+  }, I = function() {
+    const y = `.${e.builderBlock.id}-breakpoints > .builder-column`;
     return `
         @media (max-width: ${h("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
@@ -905,7 +906,7 @@ function wt(e) {
             align-items: stretch;
           }
 
-          .${e.builderBlock.id}-breakpoints > .builder-column {
+          ${y} {
             width: var(--column-width-tablet) !important;
             margin-left: var(--column-margin-left-tablet) !important;
           }
@@ -917,46 +918,46 @@ function wt(e) {
             align-items: stretch;
           }
 
-          .${e.builderBlock.id}-breakpoints > .builder-column {
+          ${y} {
             width: var(--column-width-mobile) !important;
             margin-left: var(--column-margin-left-mobile) !important;
           }
         },
       `;
-  }, w = function(b, k) {
+  }, w = function(y, p) {
     return {
-      ...b.link ? {
-        href: b.link
+      ...y.link ? {
+        href: y.link
       } : {},
-      [D()]: "builder-column",
-      style: Ie(u(k))
+      [j()]: "builder-column",
+      style: Ie(u(p))
     };
   };
-  return /* @__PURE__ */ P(I, { children: [
+  return /* @__PURE__ */ P(C, { children: [
     /* @__PURE__ */ P(
       "div",
       {
-        className: It((y = e.builderBlock) == null ? void 0 : y.id) + " div-c89348d2",
+        className: It((b = e.builderBlock) == null ? void 0 : b.id) + " div-2cd13691",
         style: m(),
         children: [
           /* @__PURE__ */ l(
             Q,
             {
               id: "builderio-columns",
-              styles: p(),
+              styles: I(),
               nonce: e.builderContext.nonce
             }
           ),
-          (A = e.columns) == null ? void 0 : A.map((S, b) => /* @__PURE__ */ l(
+          (E = e.columns) == null ? void 0 : E.map((v, y) => /* @__PURE__ */ l(
             ae,
             {
-              TagName: o(S),
+              TagName: o(v),
               actionAttributes: {},
-              attributes: w(S, b),
+              attributes: w(v, y),
               children: /* @__PURE__ */ l(
                 le,
                 {
-                  path: `component.options.columns.${b}.blocks`,
+                  path: `component.options.columns.${y}.blocks`,
                   parent: e.builderBlock.id,
                   styleProp: {
                     flexGrow: "1"
@@ -964,16 +965,16 @@ function wt(e) {
                   context: e.builderContext,
                   registeredComponents: e.builderComponents,
                   linkComponent: e.builderLinkComponent,
-                  blocks: S.blocks
+                  blocks: v.blocks
                 }
               )
             },
-            b
+            y
           ))
         ]
       }
     ),
-    /* @__PURE__ */ l("style", { children: `.div-c89348d2 {
+    /* @__PURE__ */ l("style", { children: `.div-2cd13691 {
   display: flex;
   line-height: normal;
 }` })
@@ -1021,12 +1022,14 @@ function Et(e) {
     // images, otherwise you can supply this prop manually
     !(u.match(/builder\.io/) || u.match(/cdn\.shopify\.com/)))
       return e.srcset;
-    if (e.srcset && ((h = e.image) != null && h.includes("builder.io/api/v1/image"))) {
-      if (!e.srcset.includes(e.image.split("?")[0]))
-        return console.debug("Removed given srcset"), te(u);
-    } else if (e.image && !e.srcset)
+    if (!e.noWebp) {
+      if (e.srcset && ((h = e.image) != null && h.includes("builder.io/api/v1/image"))) {
+        if (!e.srcset.includes(e.image.split("?")[0]))
+          return console.debug("Removed given srcset"), te(u);
+      } else if (e.image && !e.srcset)
+        return te(u);
       return te(u);
-    return te(u);
+    }
   }
   function n() {
     var m;
@@ -1042,8 +1045,8 @@ function Et(e) {
     };
     return e.aspectRatio ? m : void 0;
   }
-  return /* @__PURE__ */ P(I, { children: [
-    /* @__PURE__ */ P(I, { children: [
+  return /* @__PURE__ */ P(C, { children: [
+    /* @__PURE__ */ P(C, { children: [
       /* @__PURE__ */ P("picture", { children: [
         n() ? /* @__PURE__ */ l("source", { type: "image/webp", srcSet: n() }) : null,
         /* @__PURE__ */ l(
@@ -1058,7 +1061,7 @@ function Et(e) {
               objectFit: e.backgroundSize || "cover",
               ...i()
             },
-            className: "builder-image" + (e.className ? " " + e.className : "") + " img-ac3dff4a",
+            className: "builder-image" + (e.className ? " " + e.className : "") + " img-56bbd606",
             src: e.image,
             srcSet: t(),
             sizes: e.sizes
@@ -1068,23 +1071,23 @@ function Et(e) {
       e.aspectRatio && !((a = (o = e.builderBlock) == null ? void 0 : o.children) != null && a.length && e.fitContent) ? /* @__PURE__ */ l(
         "div",
         {
-          className: "builder-image-sizer div-ac3dff4a",
+          className: "builder-image-sizer div-56bbd606",
           style: {
             paddingTop: e.aspectRatio * 100 + "%"
           }
         }
       ) : null,
-      (r = (c = e.builderBlock) == null ? void 0 : c.children) != null && r.length && e.fitContent ? /* @__PURE__ */ l(I, { children: e.children }) : null,
-      !e.fitContent && ((d = (s = e.builderBlock) == null ? void 0 : s.children) != null && d.length) ? /* @__PURE__ */ l("div", { className: "div-ac3dff4a-2", children: e.children }) : null
+      (r = (c = e.builderBlock) == null ? void 0 : c.children) != null && r.length && e.fitContent ? /* @__PURE__ */ l(C, { children: e.children }) : null,
+      !e.fitContent && ((d = (s = e.builderBlock) == null ? void 0 : s.children) != null && d.length) ? /* @__PURE__ */ l("div", { className: "div-56bbd606-2", children: e.children }) : null
     ] }),
-    /* @__PURE__ */ l("style", { children: `.img-ac3dff4a {
+    /* @__PURE__ */ l("style", { children: `.img-56bbd606 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-ac3dff4a {
+}.div-56bbd606 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-ac3dff4a-2 {
+}.div-56bbd606-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1553,7 +1556,7 @@ function Lt(e) {
     }
   );
 }
-const jt = {
+const Dt = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1592,7 +1595,7 @@ const jt = {
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Dt = {
+}, jt = {
   shouldReceiveBuilderProps: {
     builderBlock: !1
   },
@@ -1651,7 +1654,7 @@ const Ht = {
   }]
 };
 function Mt(e) {
-  const t = oe(null), [n, i] = N(() => []), [o, a] = N(() => []);
+  const t = oe(null), [n, i] = A(() => []), [o, a] = A(() => []);
   return R(() => {
     var r;
     if (!((r = t.current) != null && r.getElementsByTagName) || typeof window == "undefined")
@@ -1705,7 +1708,7 @@ const Ut = {
   }]
 }, _t = ["text/javascript", "application/javascript", "application/ecmascript"], Kt = (e) => _t.includes(e.type);
 function zt(e) {
-  const t = oe(null), [n, i] = N(() => []), [o, a] = N(() => []), [c, r] = N(() => !1);
+  const t = oe(null), [n, i] = A(() => []), [o, a] = A(() => []), [c, r] = A(() => !1);
   function s() {
     if (!t.current || !t.current.getElementsByTagName)
       return;
@@ -1983,10 +1986,10 @@ const Gt = () => [{
   ...Ft
 }, {
   component: Rn,
-  ...jt
+  ...Dt
 }, {
   component: Ot,
-  ...Dt
+  ...jt
 }, ...Gt()], Xt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
@@ -2263,29 +2266,29 @@ font-weight: ${r};
 }
 `, xn = (e) => e ? "" : vn, Sn = (e) => `variant-${e}`;
 function pn(e) {
-  var B, L, j, X, Z, se, de;
+  var W, L, D, X, Z, se, de;
   const t = oe(null);
   function n(g) {
-    var v, x;
+    var x, S;
     const f = {
       ...e.builderContextSignal.rootState,
       ...g
     };
-    e.builderContextSignal.rootSetState ? (x = (v = e.builderContextSignal).rootSetState) == null || x.call(v, f) : e.builderContextSignal.rootState = f;
+    e.builderContextSignal.rootSetState ? (S = (x = e.builderContextSignal).rootSetState) == null || S.call(x, f) : e.builderContextSignal.rootState = f;
   }
   function i(g) {
-    var v, x, C, E, M;
+    var x, S, k, B, M;
     const f = {
       ...e.builderContextSignal.content,
       ...g,
       data: {
-        ...(v = e.builderContextSignal.content) == null ? void 0 : v.data,
+        ...(x = e.builderContextSignal.content) == null ? void 0 : x.data,
         ...g == null ? void 0 : g.data
       },
       meta: {
-        ...(x = e.builderContextSignal.content) == null ? void 0 : x.meta,
+        ...(S = e.builderContextSignal.content) == null ? void 0 : S.meta,
         ...g == null ? void 0 : g.meta,
-        breakpoints: ((C = g == null ? void 0 : g.meta) == null ? void 0 : C.breakpoints) || ((M = (E = e.builderContextSignal.content) == null ? void 0 : E.meta) == null ? void 0 : M.breakpoints)
+        breakpoints: ((k = g == null ? void 0 : g.meta) == null ? void 0 : k.breakpoints) || ((M = (B = e.builderContextSignal.content) == null ? void 0 : B.meta) == null ? void 0 : M.breakpoints)
       }
     };
     dn({
@@ -2301,7 +2304,7 @@ function pn(e) {
       "aria-hidden": !0
     };
   }
-  const [a, c] = N(
+  const [a, c] = A(
     () => e.contentWrapper || "div"
   );
   function r(g) {
@@ -2310,11 +2313,11 @@ function pn(e) {
       trustedHosts: e.trustedHosts,
       callbacks: {
         configureSdk: (f) => {
-          var C;
-          const { breakpoints: v, contentId: x } = f;
-          !x || x !== ((C = e.builderContextSignal.content) == null ? void 0 : C.id) || v && i({
+          var k;
+          const { breakpoints: x, contentId: S } = f;
+          !S || S !== ((k = e.builderContextSignal.content) == null ? void 0 : k.id) || x && i({
             meta: {
-              breakpoints: v
+              breakpoints: x
             }
           });
         },
@@ -2328,8 +2331,8 @@ function pn(e) {
     })(g);
   }
   function s() {
-    var f, v;
-    const g = (v = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : v.jsCode;
+    var f, x;
+    const g = (x = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : x.jsCode;
     g && O({
       code: g,
       context: e.context || {},
@@ -2342,31 +2345,31 @@ function pn(e) {
       enableCache: !1
     });
   }
-  const [d, m] = N(() => ({})), [u, h] = N(() => ({})), [p, w] = N(() => !1);
-  function y(g) {
-    var f, v;
+  const [d, m] = A(() => ({})), [u, h] = A(() => ({})), [I, w] = A(() => !1);
+  function b(g) {
+    var f, x;
     if (e.builderContextSignal.content) {
-      const x = (f = e.builderContextSignal.content) == null ? void 0 : f.testVariationId, C = (v = e.builderContextSignal.content) == null ? void 0 : v.id;
+      const S = (f = e.builderContextSignal.content) == null ? void 0 : f.testVariationId, k = (x = e.builderContextSignal.content) == null ? void 0 : x.id;
       ue({
         type: "click",
         canTrack: q(e.canTrack),
-        contentId: C,
+        contentId: k,
         apiKey: e.apiKey,
-        variationId: x !== C ? x : void 0,
+        variationId: S !== k ? S : void 0,
         ...sn(g),
-        unique: !p
+        unique: !I
       });
     }
-    p || w(!0);
+    I || w(!0);
   }
-  function A() {
-    var f, v, x;
-    const g = (x = (v = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : v.httpRequests) != null ? x : {};
-    Object.entries(g).forEach(([C, E]) => {
-      if (!E || u[C] || d[C] && !V())
+  function E() {
+    var f, x, S;
+    const g = (S = (x = (f = e.builderContextSignal.content) == null ? void 0 : f.data) == null ? void 0 : x.httpRequests) != null ? S : {};
+    Object.entries(g).forEach(([k, B]) => {
+      if (!B || u[k] || d[k] && !V())
         return;
-      u[C] = !0;
-      const M = E.replace(
+      u[k] = !0;
+      const M = B.replace(
         /{{([^}]+)}}/g,
         ($, We) => String(
           O({
@@ -2381,16 +2384,16 @@ function pn(e) {
       );
       Le(M).then(($) => $.json()).then(($) => {
         n({
-          [C]: $
-        }), d[C] = !0;
+          [k]: $
+        }), d[k] = !0;
       }).catch(($) => {
-        console.error("error fetching dynamic data", E, $);
+        console.error("error fetching dynamic data", B, $);
       }).finally(() => {
-        u[C] = !1;
+        u[k] = !1;
       });
     });
   }
-  function S() {
+  function v() {
     V() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
@@ -2405,8 +2408,8 @@ function pn(e) {
       )
     );
   }
-  function b(g) {
-    window.addEventListener("message", r), je(), De({
+  function y(g) {
+    window.addEventListener("message", r), De(), je({
       ...e.locale ? {
         locale: e.locale
       } : {},
@@ -2419,24 +2422,24 @@ function pn(e) {
     }), Object.values(
       e.builderContextSignal.componentInfos
     ).forEach((f) => {
-      var x;
-      const v = Oe(f);
-      (x = window.parent) == null || x.postMessage(v, "*");
+      var S;
+      const x = Oe(f);
+      (S = window.parent) == null || S.postMessage(x, "*");
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
-      S
+      v
     );
   }
-  function k(g) {
-    const f = new URL(location.href).searchParams, v = f.get("builder.preview"), x = f.get(
-      `builder.overrides.${v}`
-    ), C = f.get("apiKey") || f.get("builder.space");
-    v === e.model && C === e.apiKey && (!e.content || x === e.content.id) && pe({
+  function p(g) {
+    const f = new URL(location.href).searchParams, x = f.get("builder.preview"), S = f.get(
+      `builder.overrides.${x}`
+    ), k = f.get("apiKey") || f.get("builder.space");
+    x === e.model && k === e.apiKey && (!e.content || S === e.content.id) && pe({
       model: e.model,
       apiKey: e.apiKey,
       apiVersion: e.builderContextSignal.apiVersion
-    }).then((E) => {
-      E && i(E);
+    }).then((B) => {
+      B && i(B);
     });
   }
   const T = Ye();
@@ -2444,37 +2447,37 @@ function pn(e) {
     var g;
     return (g = t.current) == null || g.addEventListener(
       "initeditingbldr",
-      b
+      y
     ), () => {
       var f;
       return (f = t.current) == null ? void 0 : f.removeEventListener(
         "initeditingbldr",
-        b
+        y
       );
     };
   }, []), R(() => {
     var g;
     return (g = t.current) == null || g.addEventListener(
       "initpreviewingbldr",
-      k
+      p
     ), () => {
       var f;
       return (f = t.current) == null ? void 0 : f.removeEventListener(
         "initpreviewingbldr",
-        k
+        p
       );
     };
   }, []), R(() => {
     var g, f;
     if (z()) {
       if (V() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && q(e.canTrack)) {
-        const x = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId, C = (f = e.builderContextSignal.content) == null ? void 0 : f.id, E = e.apiKey;
+        const S = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId, k = (f = e.builderContextSignal.content) == null ? void 0 : f.id, B = e.apiKey;
         ue({
           type: "impression",
           canTrack: !0,
-          contentId: C,
-          apiKey: E,
-          variationId: x !== C ? x : void 0
+          contentId: k,
+          apiKey: B,
+          variationId: S !== k ? S : void 0
         });
       }
       $e() && V();
@@ -2482,14 +2485,14 @@ function pn(e) {
   }, []), R(() => {
     e.apiKey || J.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), s(), A(), S();
+    ), s(), E(), v();
   }, []), R(() => {
   }, [e.content]), R(() => {
     s();
-  }, [(L = (B = e.builderContextSignal.content) == null ? void 0 : B.data) == null ? void 0 : L.jsCode]), R(() => {
-    A();
-  }, [(X = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : X.httpRequests]), R(() => {
-    S();
+  }, [(L = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : L.jsCode]), R(() => {
+    E();
+  }, [(X = (D = e.builderContextSignal.content) == null ? void 0 : D.data) == null ? void 0 : X.httpRequests]), R(() => {
+    v();
   }, [e.builderContextSignal.rootState]), R(() => {
     e.data && n(e.data);
   }, [e.data]), R(() => {
@@ -2499,13 +2502,13 @@ function pn(e) {
   }, [e.locale]), R(() => () => {
     z() && (window.removeEventListener("message", r), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      S
+      v
     ));
   }, []), /* @__PURE__ */ l(rn.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ l(
     a,
     {
       ref: t,
-      onClick: (g) => y(g),
+      onClick: (g) => b(g),
       "builder-content-id": (Z = e.builderContextSignal.content) == null ? void 0 : Z.id,
       "builder-model": e.model,
       ...o(),
@@ -2566,7 +2569,7 @@ const Cn = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function Se(e) {
-  var o, a, c, r, s, d, m, u, h;
+  var o, a, c, r, s, d, m, u, h, I, w;
   const t = an({
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
     variationId: (o = e.content) == null ? void 0 : o.testVariationId,
@@ -2574,13 +2577,13 @@ function Se(e) {
     contentId: (a = e.content) == null ? void 0 : a.id
   }), n = [
     ...be(),
-    ...e.customComponents || []
+    ...((c = e.customComponents) == null ? void 0 : c.filter(({ models: b }) => !(b != null && b.length) || !e.model ? !0 : b.includes(e.model))) || []
   ].reduce(
-    (p, { component: w, ...y }) => ({
-      ...p,
-      [y.name]: {
-        component: w,
-        ...me(y)
+    (b, { component: E, ...v }) => ({
+      ...b,
+      [v.name]: {
+        component: E,
+        ...me(v)
       }
     }),
     {}
@@ -2602,11 +2605,11 @@ function Se(e) {
     apiVersion: e.apiVersion,
     componentInfos: [
       ...be(),
-      ...e.customComponents || []
+      ...((r = e.customComponents) == null ? void 0 : r.filter(({ models: b }) => !(b != null && b.length) || !e.model ? !0 : b.includes(e.model))) || []
     ].reduce(
-      (p, { component: w, ...y }) => ({
-        ...p,
-        [y.name]: me(y)
+      (b, { component: E, ...v }) => ({
+        ...b,
+        [v.name]: me(v)
       }),
       {}
     ),
@@ -2646,15 +2649,15 @@ function Se(e) {
           {
             nonce: e.nonce || "",
             isNestedRender: e.isNestedRender,
-            contentId: (c = i.content) == null ? void 0 : c.id,
-            cssCode: (s = (r = i.content) == null ? void 0 : r.data) == null ? void 0 : s.cssCode,
-            customFonts: (m = (d = i.content) == null ? void 0 : d.data) == null ? void 0 : m.customFonts
+            contentId: (s = i.content) == null ? void 0 : s.id,
+            cssCode: (m = (d = i.content) == null ? void 0 : d.data) == null ? void 0 : m.cssCode,
+            customFonts: (h = (u = i.content) == null ? void 0 : u.data) == null ? void 0 : h.customFonts
           }
         ),
         /* @__PURE__ */ l(
           le,
           {
-            blocks: (h = (u = i.content) == null ? void 0 : u.data) == null ? void 0 : h.blocks,
+            blocks: (w = (I = i.content) == null ? void 0 : I.data) == null ? void 0 : w.blocks,
             context: i,
             registeredComponents: n,
             linkComponent: e.linkComponent
@@ -2690,7 +2693,7 @@ function wn(e) {
       canTrack: q(e.canTrack)
     });
   };
-  return /* @__PURE__ */ P(I, { children: [
+  return /* @__PURE__ */ P(C, { children: [
     !e.isNestedRender && H !== "reactNative" ? /* @__PURE__ */ l(
       ne,
       {
@@ -2699,7 +2702,7 @@ function wn(e) {
         nonce: e.nonce || ""
       }
     ) : null,
-    t ? /* @__PURE__ */ P(I, { children: [
+    t ? /* @__PURE__ */ P(C, { children: [
       /* @__PURE__ */ l(
         Q,
         {
@@ -2798,7 +2801,7 @@ async function Rn(e) {
   }, i = function() {
     var u, h;
     return [
-      e.attributes[D()],
+      e.attributes[j()],
       "builder-symbol",
       (u = e.symbol) != null && u.inline ? "builder-inline-symbol" : void 0,
       (h = e.symbol) != null && h.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0