@builder.io/sdk-react 4.1.3 → 4.2.0

package/lib/browser/blocks-exports.mjs

@@ -1,7 +1,7 @@
 "use client";
-import { TARGET as F, isEditing as L, isBrowser as M, getUserAttributes as ct, checkIsDefined as ae, logger as J, isPreviewing as se, userAttributesService as Ce, getDefaultCanTrack as Z, logFetch as Oe, setupBrowserForEditing as ut, createRegisterComponentMessage as dt, getCookieSync as mt, _track as Te, fetchOneEntry as Le, createEditorListener as ft, serializeIncludingFunctions as Ie, handleABTestingSync as ht } from "./server-entry-4da1a296.js";
-import { setClientUserAttributes as Hi } from "./server-entry-4da1a296.js";
-import { jsx as s, Fragment as R, jsxs as W } from "react/jsx-runtime";
+import { TARGET as O, isEditing as L, isBrowser as M, getUserAttributes as ct, checkIsDefined as ae, logger as J, isPreviewing as se, userAttributesService as Ce, getDefaultCanTrack as Z, logFetch as Fe, setupBrowserForEditing as ut, createRegisterComponentMessage as dt, getCookieSync as mt, _track as Te, fetchOneEntry as Le, createEditorListener as ft, serializeIncludingFunctions as Ie, handleABTestingSync as ht } from "./server-entry-065ec411.js";
+import { setClientUserAttributes as Hi } from "./server-entry-065ec411.js";
+import { jsx as s, Fragment as R, jsxs as $ } from "react/jsx-runtime";
 import * as gt from "react";
 import { createContext as _e, useEffect as V, useState as C, useRef as H, useContext as we, createElement as Ue } from "react";
 const bt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), yt = (e) => typeof e == "string" && bt.has(e.toLowerCase());
@@ -9,7 +9,7 @@ function ye(e) {
   return /* @__PURE__ */ s(R, { children: yt(e.TagName) ? /* @__PURE__ */ s(R, { children: /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ s(R, { children: typeof e.TagName == "string" ? /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
 }
 const z = () => {
-  switch (F) {
+  switch (O) {
     case "react":
     case "reactNative":
     case "rsc":
@@ -272,7 +272,7 @@ function be(e) {
     n !== "meta" && Object.prototype.hasOwnProperty.call(e, n) && (t[n] = be(e[n]));
   return t;
 }
-const Wt = ["svelte", "vue", "angular", "qwik", "solid"].includes(F), $t = (e) => {
+const Wt = ["svelte", "vue", "angular", "qwik", "solid"].includes(O), $t = (e) => {
   if (Wt) {
     const t = ve(e);
     return {
@@ -320,7 +320,7 @@ const Wt = ["svelte", "vue", "angular", "qwik", "solid"].includes(F), $t = (e) =
   }
   return o;
 };
-function Ft({
+function Ot({
   block: e,
   context: t,
   localState: n,
@@ -337,7 +337,7 @@ function Ft({
   }), o = Nt(o, i.locale), o;
 }
 const ce = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
-function Ot(e, t, n = {}) {
+function Ft(e, t, n = {}) {
   let i, r, o, a = null, l = 0;
   const c = function() {
     l = n.leading === !1 ? 0 : Date.now(), a = null, o = e.apply(i, r), a || (i = r = null);
@@ -416,7 +416,7 @@ function Ut(e) {
         }, (e.duration + (e.delay || 0)) * 1e3 + 100);
       })) : e.repeat && i && !r && !l(n) && (i = !1, X(n.style, e.steps[0].styles));
     }
-    const a = Ot(o, 200, {
+    const a = Ft(o, 200, {
       leading: !1
     });
     function l(f) {
@@ -465,7 +465,7 @@ const qt = ({
   block: e
 }));
 function Ye(e) {
-  switch (F) {
+  switch (O) {
     case "svelte":
     case "vue":
     case "solid":
@@ -624,7 +624,7 @@ function Yt(e) {
     return ae(i.hide) ? !i.hide : ae(i.show) ? i.show : !0;
   }
   function n() {
-    var k, A, T, I, g;
+    var k, A, T, w, g;
     const i = e.block, r = i.responsiveStyles, o = e.context.content, a = et(
       ((k = o == null ? void 0 : o.meta) == null ? void 0 : k.breakpoints) || {}
     ), l = !!((T = (A = o == null ? void 0 : o.meta) == null ? void 0 : A.breakpoints) != null && T.xsmall), c = r == null ? void 0 : r.large, u = r == null ? void 0 : r.medium, f = r == null ? void 0 : r.small, b = r == null ? void 0 : r.xsmall, m = i.id;
@@ -657,7 +657,7 @@ function Yt(e) {
     }) : "", y = i.animations && i.animations.find((x) => x.trigger === "hover");
     let S = "";
     if (y) {
-      const x = ((g = (I = y.steps) == null ? void 0 : I[1]) == null ? void 0 : g.styles) || {};
+      const x = ((g = (w = y.steps) == null ? void 0 : w[1]) == null ? void 0 : g.styles) || {};
       S = Y({
         className: `${m}:hover`,
         styles: {
@@ -707,7 +707,7 @@ function tt(e) {
     const o = n[r];
     let a = Zt(r);
     if (e.stripPrefix)
-      switch (F) {
+      switch (O) {
         case "vue":
           a = a.replace("v-on:", "");
           break;
@@ -899,7 +899,7 @@ function ue(e) {
     var h;
     if (n.value && !n.update && !se())
       return n.value;
-    const d = (h = e.block.repeat) != null && h.collection ? e.block : Ft({
+    const d = (h = e.block.repeat) != null && h.collection ? e.block : Ot({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -951,7 +951,7 @@ function ue(e) {
       registeredComponents: e.registeredComponents,
       builderBlock: r(),
       includeBlockProps: ((p = o == null ? void 0 : o()) == null ? void 0 : p.noWrap) === !0,
-      isInteractive: !((y = o == null ? void 0 : o()) != null && y.isRSC && F === "rsc")
+      isInteractive: !((y = o == null ? void 0 : o()) != null && y.isRSC && O === "rsc")
     };
   }
   return V(() => {
@@ -964,7 +964,7 @@ function ue(e) {
     );
   }, []), V(() => {
     n.update = !0;
-  }), /* @__PURE__ */ s(R, { children: l() ? /* @__PURE__ */ W(R, { children: [
+  }), /* @__PURE__ */ s(R, { children: l() ? /* @__PURE__ */ $(R, { children: [
     /* @__PURE__ */ s(Yt, { block: r(), context: e.context }),
     (f = o == null ? void 0 : o()) != null && f.noWrap ? t() ? /* @__PURE__ */ s(R, { children: (v = t()) == null ? void 0 : v.map((d, h) => /* @__PURE__ */ s(
       Ve,
@@ -997,7 +997,7 @@ function ue(e) {
         linkComponent: e.linkComponent
       },
       Re(h)
-    )) }) : /* @__PURE__ */ W(
+    )) }) : /* @__PURE__ */ $(
       rn,
       {
         Wrapper: a(),
@@ -1078,7 +1078,7 @@ function sn(e) {
   }
   return V(() => {
   }, []), V(() => {
-  }, [e.blocks]), /* @__PURE__ */ W(R, { children: [
+  }, [e.blocks]), /* @__PURE__ */ $(R, { children: [
     /* @__PURE__ */ s("style", { children: `.props-blocks-wrapper-8834791c {
   display: flex;
   flex-direction: column;
@@ -1101,10 +1101,10 @@ function sn(e) {
     )
   ] });
 }
-function _(e) {
+function U(e) {
   var i, r, o;
   const t = we(pe), n = we(He);
-  return /* @__PURE__ */ W(
+  return /* @__PURE__ */ $(
     sn,
     {
       blocks: e.blocks,
@@ -1178,7 +1178,7 @@ function un(e) {
     };
   }
   function b(y) {
-    const S = y === 0 ? 0 : t(), k = a(y), A = `${S}px`, T = "100%", I = 0;
+    const S = y === 0 ? 0 : t(), k = a(y), A = `${S}px`, T = "100%", w = 0;
     return {
       ...{
         display: "flex",
@@ -1192,7 +1192,7 @@ function un(e) {
         desktopStyle: k
       }),
       "--column-margin-left-mobile": c({
-        stackedStyle: I,
+        stackedStyle: w,
         desktopStyle: A
       }),
       "--column-width-tablet": l({
@@ -1200,7 +1200,7 @@ function un(e) {
         desktopStyle: k
       }),
       "--column-margin-left-tablet": l({
-        stackedStyle: I,
+        stackedStyle: w,
         desktopStyle: A
       })
     };
@@ -1248,13 +1248,13 @@ function un(e) {
       style: Ye(b(S))
     };
   }
-  return /* @__PURE__ */ W(R, { children: [
+  return /* @__PURE__ */ $(R, { children: [
     /* @__PURE__ */ s("style", { children: `.div-0369db37 {
   display: flex;
   line-height: normal;
   height: 100%;
 }` }),
-    /* @__PURE__ */ W(
+    /* @__PURE__ */ $(
       "div",
       {
         className: cn((h = e.builderBlock) == null ? void 0 : h.id) + " div-0369db37",
@@ -1275,7 +1275,7 @@ function un(e) {
               actionAttributes: {},
               attributes: d(y, S),
               children: /* @__PURE__ */ s(
-                _,
+                U,
                 {
                   path: `columns.${S}.blocks`,
                   parent: e.builderBlock.id,
@@ -1362,7 +1362,7 @@ function hn(e) {
     return e.aspectRatio ? f : void 0;
   }
   return V(() => {
-  }, []), /* @__PURE__ */ W(R, { children: [
+  }, []), /* @__PURE__ */ $(R, { children: [
     /* @__PURE__ */ s("style", { children: `.img-3cc22d08 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
@@ -1380,8 +1380,8 @@ function hn(e) {
   width: 100%;
   height: 100%;
 }` }),
-    /* @__PURE__ */ W(R, { children: [
-      /* @__PURE__ */ W("picture", { children: [
+    /* @__PURE__ */ $(R, { children: [
+      /* @__PURE__ */ $("picture", { children: [
         n() ? /* @__PURE__ */ s("source", { type: "image/webp", srcSet: n() }) : null,
         /* @__PURE__ */ s(
           "img",
@@ -1658,7 +1658,7 @@ const yn = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
   }
 }`, ie = "default", xn = "filterWithCustomTargeting", nt = "builderIoPersonalization", it = "updateVisibilityStylesScript", rt = ["react", "vue", "svelte", "qwik"], re = ["vue", "svelte", "qwik"];
 function Sn(e, t) {
-  return !(e && e.length > 0) || !t ? !1 : re.includes(F) ? !0 : !M();
+  return !(e && e.length > 0) || !t ? !1 : re.includes(O) ? !0 : !M();
 }
 function kn({
   variants: e,
@@ -1703,7 +1703,7 @@ const Cn = () => `
   window.${xn} = ${pn}
   window.${nt} = ${yn}
   window.${it} = ${vn}
-  `, ot = F === "react", Tn = (e, t, n) => `window.${nt}(${JSON.stringify(e)}, "${t}", ${ot}${n ? `, "${n}"` : ""})`, In = (e, t, n) => `window.${it}(${JSON.stringify(e)}, "${t}", ${ot}${n ? `, "${n}"` : ""})`, me = {
+  `, ot = O === "react", Tn = (e, t, n) => `window.${nt}(${JSON.stringify(e)}, "${t}", ${ot}${n ? `, "${n}"` : ""})`, In = (e, t, n) => `window.${it}(${JSON.stringify(e)}, "${t}", ${ot}${n ? `, "${n}"` : ""})`, me = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -1906,7 +1906,7 @@ function En(e) {
   function f(m) {
     t.includes(m) ? n(i() ? [] : t.filter((v) => v !== m)) : n(i() ? [m] : t.concat(m));
   }
-  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: r(), children: (b = e.items) == null ? void 0 : b.map((m, v) => /* @__PURE__ */ W(gt.Fragment, { children: [
+  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: r(), children: (b = e.items) == null ? void 0 : b.map((m, v) => /* @__PURE__ */ $(gt.Fragment, { children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -1921,7 +1921,7 @@ function En(e) {
         "data-index": v,
         onClick: (d) => f(v),
         children: /* @__PURE__ */ s(
-          _,
+          U,
           {
             blocks: m.title,
             path: `items.${v}.title`,
@@ -1939,7 +1939,7 @@ function En(e) {
         className: l(v),
         style: u(),
         children: /* @__PURE__ */ s(
-          _,
+          U,
           {
             blocks: m.detail,
             path: `items.${v}.detail`,
@@ -2362,33 +2362,33 @@ function j(e) {
   );
 }
 function Wn(e) {
-  var S, k, A, T, I, g, x, w, D, O, $, P, U;
+  var S, k, A, T, w, g, x, E, N, F, _, P, D;
   const t = H(null), [n, i] = C(
     () => Ce.getUserAttributes()
   ), [r, o] = C(
     () => {
-      var E, B, N;
+      var I, B, W;
       return Tn(
         e.variants,
-        ((E = e.builderBlock) == null ? void 0 : E.id) || "none",
-        (N = (B = e.builderContext) == null ? void 0 : B.rootState) == null ? void 0 : N.locale
+        ((I = e.builderBlock) == null ? void 0 : I.id) || "none",
+        (W = (B = e.builderContext) == null ? void 0 : B.rootState) == null ? void 0 : W.locale
       );
     }
   ), [a, l] = C(
     () => {
-      var E, B, N;
+      var I, B, W;
       return In(
         e.variants,
-        ((E = e.builderBlock) == null ? void 0 : E.id) || "none",
-        (N = (B = e.builderContext) == null ? void 0 : B.rootState) == null ? void 0 : N.locale
+        ((I = e.builderBlock) == null ? void 0 : I.id) || "none",
+        (W = (B = e.builderContext) == null ? void 0 : B.rootState) == null ? void 0 : W.locale
       );
     }
   ), [c, u] = C(() => []), [f, b] = C(
     () => {
-      var E;
+      var I;
       return Sn(
         e.variants,
-        Z((E = e.builderContext) == null ? void 0 : E.canTrack)
+        Z((I = e.builderContext) == null ? void 0 : I.canTrack)
       );
     }
   ), [m, v] = C(() => !1);
@@ -2399,26 +2399,26 @@ function Wn(e) {
     };
   }
   function h() {
-    return (e.variants || []).filter((E) => {
-      var B, N, K, q;
+    return (e.variants || []).filter((I) => {
+      var B, W, K, q;
       return bn(
         {
-          ...(N = (B = e.builderContext) == null ? void 0 : B.rootState) != null && N.locale ? {
+          ...(W = (B = e.builderContext) == null ? void 0 : B.rootState) != null && W.locale ? {
             locale: (q = (K = e.builderContext) == null ? void 0 : K.rootState) == null ? void 0 : q.locale
           } : {},
           ...n
         },
-        E.query,
-        E.startDate,
-        E.endDate
+        I.query,
+        I.startDate,
+        I.endDate
       );
     });
   }
   function p() {
-    var E;
+    var I;
     return kn({
       variants: e.variants,
-      fallbackBlocks: (E = e.builderBlock) == null ? void 0 : E.children,
+      fallbackBlocks: (I = e.builderBlock) == null ? void 0 : I.children,
       isHydrated: m,
       filteredVariants: h(),
       previewingIndex: e.previewingIndex
@@ -2426,29 +2426,29 @@ function Wn(e) {
   }
   function y() {
     return (e.variants || []).map(
-      (E, B) => {
-        var N;
-        return `div[data-variant-id="${(N = e.builderBlock) == null ? void 0 : N.id}-${B}"] { display: none !important; } `;
+      (I, B) => {
+        var W;
+        return `div[data-variant-id="${(W = e.builderBlock) == null ? void 0 : W.id}-${B}"] { display: none !important; } `;
       }
     ).join("");
   }
   return V(() => {
     var B;
     v(!0);
-    const E = Ce.subscribeOnUserAttributesChange(
-      (N) => {
-        i(N);
+    const I = Ce.subscribeOnUserAttributesChange(
+      (W) => {
+        i(W);
       },
       {
-        fireImmediately: F === "qwik"
+        fireImmediately: O === "qwik"
       }
     );
     if (!(L() || se())) {
-      const N = h()[0];
+      const W = h()[0];
       t.current && (t.current.dispatchEvent(
         new CustomEvent("builder.variantLoaded", {
           detail: {
-            variant: N || ie,
+            variant: W || ie,
             content: (B = e.builderContext) == null ? void 0 : B.content
           },
           bubbles: !0
@@ -2459,7 +2459,7 @@ function Wn(e) {
           te.isIntersecting && t.current && t.current.dispatchEvent(
             new CustomEvent("builder.variantDisplayed", {
               detail: {
-                variant: N || ie,
+                variant: W || ie,
                 content: (Q = e.builderContext) == null ? void 0 : Q.content
               },
               bubbles: !0
@@ -2468,12 +2468,12 @@ function Wn(e) {
         });
       }).observe(t.current));
     }
-    c.push(E);
+    c.push(I);
   }, []), V(() => () => {
-    c.forEach((E) => E());
-  }, []), /* @__PURE__ */ W("div", { ref: t, ...d(), children: [
-    m && re.includes(F) ? /* @__PURE__ */ s(
-      _,
+    c.forEach((I) => I());
+  }, []), /* @__PURE__ */ $("div", { ref: t, ...d(), children: [
+    m && re.includes(O) ? /* @__PURE__ */ s(
+      U,
       {
         blocks: p().blocks,
         parent: (S = e.builderBlock) == null ? void 0 : S.id,
@@ -2486,14 +2486,14 @@ function Wn(e) {
         }
       }
     ) : null,
-    !m && re.includes(F) || !re.includes(F) ? /* @__PURE__ */ W(R, { children: [
-      f ? /* @__PURE__ */ W(R, { children: [
+    !m && re.includes(O) || !re.includes(O) ? /* @__PURE__ */ $(R, { children: [
+      f ? /* @__PURE__ */ $(R, { children: [
         /* @__PURE__ */ s(
           ee,
           {
             nonce: ((T = e.builderContext) == null ? void 0 : T.nonce) || "",
             styles: y(),
-            id: `variants-styles-${(I = e.builderBlock) == null ? void 0 : I.id}`
+            id: `variants-styles-${(w = e.builderBlock) == null ? void 0 : w.id}`
           }
         ),
         /* @__PURE__ */ s(
@@ -2504,18 +2504,18 @@ function Wn(e) {
             id: `variants-visibility-script-${(x = e.builderBlock) == null ? void 0 : x.id}`
           }
         ),
-        (w = e.variants) == null ? void 0 : w.map((E, B) => {
-          var N, K, q, te, Q, ke;
+        (E = e.variants) == null ? void 0 : E.map((I, B) => {
+          var W, K, q, te, Q, ke;
           return /* @__PURE__ */ s(
-            _,
+            U,
             {
               BlocksWrapperProps: {
-                ...(N = e.builderContext) == null ? void 0 : N.BlocksWrapperProps,
+                ...(W = e.builderContext) == null ? void 0 : W.BlocksWrapperProps,
                 "aria-hidden": !0,
                 hidden: !0,
                 "data-variant-id": `${(K = e.builderBlock) == null ? void 0 : K.id}-${B}`
               },
-              blocks: E.blocks,
+              blocks: I.blocks,
               parent: (q = e.builderBlock) == null ? void 0 : q.id,
               path: `component.options.variants.${B}.blocks`,
               context: e.builderContext,
@@ -2534,23 +2534,23 @@ function Wn(e) {
         })
       ] }) : null,
       /* @__PURE__ */ s(
-        _,
+        U,
         {
           blocks: p().blocks,
-          parent: (D = e.builderBlock) == null ? void 0 : D.id,
+          parent: (N = e.builderBlock) == null ? void 0 : N.id,
           path: p().path,
           context: e.builderContext,
           registeredComponents: e.builderComponents,
           BlocksWrapperProps: {
-            ...(O = e.builderContext) == null ? void 0 : O.BlocksWrapperProps,
-            "data-variant-id": `${($ = e.builderBlock) == null ? void 0 : $.id}-${p().index}`
+            ...(F = e.builderContext) == null ? void 0 : F.BlocksWrapperProps,
+            "data-variant-id": `${(_ = e.builderBlock) == null ? void 0 : _.id}-${p().index}`
           },
           children: f ? /* @__PURE__ */ s(
             j,
             {
               nonce: ((P = e.builderContext) == null ? void 0 : P.nonce) || "",
               scriptStr: r,
-              id: `variants-script-${(U = e.builderBlock) == null ? void 0 : U.id}-${ie}`
+              id: `variants-script-${(D = e.builderBlock) == null ? void 0 : D.id}-${ie}`
             }
           ) : null
         }
@@ -2615,7 +2615,7 @@ const $n = {
     builderComponents: !0
   }
 };
-function Fn(e) {
+function On(e) {
   var t, n, i;
   return /* @__PURE__ */ s(
     "div",
@@ -2627,7 +2627,7 @@ function Fn(e) {
         "builder-slot": e.name
       },
       children: /* @__PURE__ */ s(
-        _,
+        U,
         {
           parent: (n = e.builderContext.context) == null ? void 0 : n.symbolId,
           path: `symbol.data.${e.name}`,
@@ -2639,7 +2639,7 @@ function Fn(e) {
     }
   );
 }
-const On = {
+const Fn = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -2831,7 +2831,7 @@ function _n(e) {
   function r(a) {
     a === t && e.collapsible ? n(-1) : n(a);
   }
-  return /* @__PURE__ */ W("div", { children: [
+  return /* @__PURE__ */ $("div", { children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -2851,7 +2851,7 @@ function _n(e) {
             },
             onClick: (c) => r(l),
             children: /* @__PURE__ */ s(
-              _,
+              U,
               {
                 parent: e.builderBlock.id,
                 path: `tabs.${l}.label`,
@@ -2867,7 +2867,7 @@ function _n(e) {
       }
     ),
     i(t) ? /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
-      _,
+      U,
       {
         parent: e.builderBlock.id,
         path: `tabs.${t}.content`,
@@ -3297,25 +3297,25 @@ function Xn(e) {
       let p;
       const y = new FormData(d), S = Array.from(d.querySelectorAll("input,select,textarea")).filter((g) => !!g.name).map((g) => {
         let x;
-        const w = g.name;
+        const E = g.name;
         if (g instanceof HTMLInputElement)
           if (g.type === "radio") {
             if (g.checked)
               return x = g.name, {
-                key: w,
+                key: E,
                 value: x
               };
           } else if (g.type === "checkbox")
             x = g.checked;
           else if (g.type === "number" || g.type === "range") {
-            const D = g.valueAsNumber;
-            isNaN(D) || (x = D);
+            const N = g.valueAsNumber;
+            isNaN(N) || (x = N);
           } else
             g.type === "file" ? x = g.files : x = g.value;
         else
           x = g.value;
         return {
-          key: w,
+          key: E,
           value: x
         };
       });
@@ -3326,8 +3326,8 @@ function Xn(e) {
         p = y;
       else {
         const g = {};
-        Array.from(S).forEach(({ value: x, key: w }) => {
-          ze(g, w, x);
+        Array.from(S).forEach(({ value: x, key: E }) => {
+          ze(g, E, x);
         }), p = JSON.stringify(g);
       }
       k && k !== "multipart/form-data" && (m && ((v = e.action) != null && v.includes("zapier.com")) || (h["content-type"] = k));
@@ -3341,17 +3341,17 @@ function Xn(e) {
       }
       const T = `${Yn() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
         e.sendSubmissionsToEmail || ""
-      )}&name=${encodeURIComponent(e.name || "")}`, I = e.sendSubmissionsTo === "email" ? T : e.action;
-      Oe(I), fetch(I, { body: p, headers: h, method: e.method || "post" }).then(
+      )}&name=${encodeURIComponent(e.name || "")}`, w = e.sendSubmissionsTo === "email" ? T : e.action;
+      Fe(w), fetch(w, { body: p, headers: h, method: e.method || "post" }).then(
         async (g) => {
-          var D, O;
+          var N, F;
           let x;
-          const w = g.headers.get("content-type");
-          if (w && w.indexOf("application/json") !== -1 ? x = await g.json() : x = await g.text(), !g.ok) {
-            const $ = new CustomEvent("submit:error", {
+          const E = g.headers.get("content-type");
+          if (E && E.indexOf("application/json") !== -1 ? x = await g.json() : x = await g.text(), !g.ok) {
+            const _ = new CustomEvent("submit:error", {
               detail: { error: x, status: g.status }
             });
-            if ((D = t.current) != null && D.nativeElement && ((O = t.current) == null || O.nativeElement.dispatchEvent($), $.defaultPrevented))
+            if ((N = t.current) != null && N.nativeElement && ((F = t.current) == null || F.nativeElement.dispatchEvent(_), _.defaultPrevented))
               return;
             o(x), i("error");
             let P = e.errorMessagePath ? Me(x, e.errorMessagePath) : x.message || x.error || x;
@@ -3359,11 +3359,11 @@ function Xn(e) {
             return;
           }
           if (o(x), i(g.ok ? "success" : "error"), g.ok) {
-            const $ = new CustomEvent("submit:success", {
+            const _ = new CustomEvent("submit:success", {
               detail: { res: g, body: x }
             });
             if (t.current) {
-              if (t.current.dispatchEvent($), $.defaultPrevented)
+              if (t.current.dispatchEvent(_), _.defaultPrevented)
                 return;
               e.resetFormOnSubmit !== !1 && t.current.reset();
             }
@@ -3386,11 +3386,11 @@ function Xn(e) {
       );
     }
   }
-  return /* @__PURE__ */ W(R, { children: [
+  return /* @__PURE__ */ $(R, { children: [
     " ",
     /* @__PURE__ */ s("style", { children: ".pre-7c90c93e {   padding: 10px;   color: red;   text-align: center; }" }),
     " ",
-    /* @__PURE__ */ W(
+    /* @__PURE__ */ $(
       "form",
       {
         validate: e.validate,
@@ -3403,7 +3403,7 @@ function Xn(e) {
         children: [
           e.children,
           u() === "error" ? /* @__PURE__ */ s(
-            _,
+            U,
             {
               path: "errorMessage",
               blocks: e.errorMessage,
@@ -3411,7 +3411,7 @@ function Xn(e) {
             }
           ) : null,
           u() === "sending" ? /* @__PURE__ */ s(
-            _,
+            U,
             {
               path: "sendingMessage",
               blocks: e.sendingMessage,
@@ -3420,7 +3420,7 @@ function Xn(e) {
           ) : null,
           u() === "error" && r ? /* @__PURE__ */ s("pre", { className: "builder-form-error-text pre-7c90c93e", children: JSON.stringify(r, null, 2) }) : null,
           u() === "success" ? /* @__PURE__ */ s(
-            _,
+            U,
             {
               path: "successMessage",
               blocks: e.successMessage,
@@ -3811,7 +3811,7 @@ function ui(e) {
     }
   }, []), V(() => () => {
     r && r.disconnect();
-  }, []), /* @__PURE__ */ W(
+  }, []), /* @__PURE__ */ $(
     "div",
     {
       style: {
@@ -3938,15 +3938,15 @@ const di = () => [{
   component: gn,
   ...$n
 }, {
-  component: Fn,
+  component: On,
   ...Dn
 }, {
   component: Di,
-  ...On
+  ...Fn
 }, {
   component: Hn,
   ...Un
-}, ...rt.includes(F) ? [{
+}, ...rt.includes(O) ? [{
   component: Wn,
   ...Nn
 }] : [], {
@@ -4055,7 +4055,7 @@ const di = () => [{
 })), hi = ({
   canTrack: e,
   content: t
-}) => !(!(oe(t).length > 0) || !e || M()), gi = (e) => e === "react" || e === "reactNative", bi = F === "angular", st = gi(F), yi = () => `
+}) => !(!(oe(t).length > 0) || !e || M()), gi = (e) => e === "react" || e === "reactNative", bi = O === "angular", st = gi(O), yi = () => `
   window.${at} = ${mi}
   window.${lt} = ${fi}
   `, pi = (e, t) => `
@@ -4109,7 +4109,7 @@ const xi = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, Ci = ["svelte", "qwik", "vue"], De = () => Ci.includes(F) && (L() || se()), Ti = (e) => {
+}, Ci = ["svelte", "qwik", "vue"], De = () => Ci.includes(O) && (L() || se()), Ti = (e) => {
   var o, a;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (a = e.fileUrl) != null ? a : (o = e == null ? void 0 : e.files) == null ? void 0 : o.regular;
   let r = "";
@@ -4167,18 +4167,18 @@ function Vi(e) {
   C(() => !1);
   function n(T) {
     var g, x;
-    const I = {
+    const w = {
       ...e.builderContextSignal.rootState,
       ...T
     };
-    e.builderContextSignal.rootSetState ? (x = (g = e.builderContextSignal).rootSetState) == null || x.call(g, I) : e.setBuilderContextSignal((w) => ({
-      ...w,
-      rootState: I
+    e.builderContextSignal.rootSetState ? (x = (g = e.builderContextSignal).rootSetState) == null || x.call(g, w) : e.setBuilderContextSignal((E) => ({
+      ...E,
+      rootState: w
     }));
   }
   function i(T) {
-    var g, x, w, D, O;
-    const I = {
+    var g, x, E, N, F;
+    const w = {
       ...e.builderContextSignal.content,
       ...T,
       data: {
@@ -4188,12 +4188,12 @@ function Vi(e) {
       meta: {
         ...(x = e.builderContextSignal.content) == null ? void 0 : x.meta,
         ...T == null ? void 0 : T.meta,
-        breakpoints: ((w = T == null ? void 0 : T.meta) == null ? void 0 : w.breakpoints) || ((O = (D = e.builderContextSignal.content) == null ? void 0 : D.meta) == null ? void 0 : O.breakpoints)
+        breakpoints: ((E = T == null ? void 0 : T.meta) == null ? void 0 : E.breakpoints) || ((F = (N = e.builderContextSignal.content) == null ? void 0 : N.meta) == null ? void 0 : F.breakpoints)
       }
     };
-    e.setBuilderContextSignal(($) => ({
-      ...$,
-      content: I
+    e.setBuilderContextSignal((_) => ({
+      ..._,
+      content: w
     }));
   }
   function r() {
@@ -4210,39 +4210,39 @@ function Vi(e) {
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
-        configureSdk: (I) => {
-          var w;
-          const { breakpoints: g, contentId: x } = I;
-          !x || x !== ((w = e.builderContextSignal.content) == null ? void 0 : w.id) || g && i({
+        configureSdk: (w) => {
+          var E;
+          const { breakpoints: g, contentId: x } = w;
+          !x || x !== ((E = e.builderContextSignal.content) == null ? void 0 : E.id) || g && i({
             meta: {
               breakpoints: g
             }
           });
         },
-        animation: (I) => {
-          Ge(I);
+        animation: (w) => {
+          Ge(w);
         },
-        contentUpdate: (I) => {
-          i(I);
+        contentUpdate: (w) => {
+          i(w);
         },
-        stateUpdate: (I) => {
-          n(I);
+        stateUpdate: (w) => {
+          n(w);
         }
       }
     })(T);
   }
   const [c, u] = C(() => ({})), [f, b] = C(() => ({})), [m, v] = C(() => !1);
   function d(T) {
-    var I, g;
+    var w, g;
     if (e.builderContextSignal.content) {
-      const x = (I = e.builderContextSignal.content) == null ? void 0 : I.testVariationId, w = (g = e.builderContextSignal.content) == null ? void 0 : g.id;
+      const x = (w = e.builderContextSignal.content) == null ? void 0 : w.testVariationId, E = (g = e.builderContextSignal.content) == null ? void 0 : g.id;
       Te({
         apiHost: e.apiHost,
         type: "click",
         canTrack: Z(e.canTrack),
-        contentId: w,
+        contentId: E,
         apiKey: e.apiKey,
-        variationId: x !== w ? x : void 0,
+        variationId: x !== E ? x : void 0,
         ...ki(T),
         unique: !m
       });
@@ -4250,34 +4250,56 @@ function Vi(e) {
     m || v(!0);
   }
   function h() {
-    var I, g, x;
-    const T = (x = (g = (I = e.builderContextSignal.content) == null ? void 0 : I.data) == null ? void 0 : g.httpRequests) != null ? x : {};
-    Object.entries(T).forEach(([w, D]) => {
-      if (!D || f[w] || c[w] && !L())
-        return;
-      f[w] = !0;
-      const O = D.replace(
-        /{{([^}]+)}}/g,
-        ($, P) => String(
-          G({
-            code: P,
-            context: e.context || {},
-            localState: void 0,
-            rootState: e.builderContextSignal.rootState,
-            rootSetState: e.builderContextSignal.rootSetState
-          })
-        )
-      );
-      Oe(O), fetch(O).then(($) => $.json()).then(($) => {
-        n({
-          [w]: $
-        }), c[w] = !0;
-      }).catch(($) => {
-        console.error("error fetching dynamic data", D, $);
-      }).finally(() => {
-        f[w] = !1;
-      });
-    });
+    var w, g, x;
+    const T = (x = (g = (w = e.builderContextSignal.content) == null ? void 0 : w.data) == null ? void 0 : g.httpRequests) != null ? x : {};
+    Object.entries(T).forEach(
+      ([E, N]) => {
+        if (!N)
+          return;
+        const F = typeof N == "object" && N["@type"] === "@builder.io/core:Request";
+        if (f[E] || c[E] && !L())
+          return;
+        const _ = F ? N.request.url : N;
+        f[E] = !0;
+        const P = _.replace(
+          /{{([^}]+)}}/g,
+          (I, B) => String(
+            G({
+              code: B,
+              context: e.context || {},
+              localState: void 0,
+              rootState: e.builderContextSignal.rootState,
+              rootSetState: e.builderContextSignal.rootSetState
+            })
+          )
+        ), D = F ? {
+          url: P,
+          method: N.request.method,
+          headers: N.request.headers,
+          body: N.request.body
+        } : {
+          url: P,
+          method: "GET"
+        };
+        Fe(JSON.stringify(D)), fetch(D.url, {
+          method: D.method,
+          headers: D.headers,
+          body: D.body
+        }).then((I) => I.json()).then((I) => {
+          n({
+            [E]: I
+          }), c[E] = !0;
+        }).catch((I) => {
+          console.error(
+            "error fetching dynamic data",
+            JSON.stringify(N),
+            I
+          );
+        }).finally(() => {
+          f[E] = !1;
+        });
+      }
+    );
   }
   function p() {
     L() && window.dispatchEvent(
@@ -4296,7 +4318,7 @@ function Vi(e) {
   }
   const y = H(!1);
   return y.current || (h(), p(), y.current = !0), V(() => {
-    var T, I, g, x, w;
+    var T, w, g, x, E;
     if (M()) {
       L() && !e.isNestedRender && (window.addEventListener("message", l), ut({
         ...e.locale ? {
@@ -4313,45 +4335,45 @@ function Vi(e) {
       }), Object.values(
         e.builderContextSignal.componentInfos
       ).forEach((P) => {
-        var U, E;
-        if (!((U = P.models) != null && U.length) || P.models.includes(e.model)) {
+        var D, I;
+        if (!((D = P.models) != null && D.length) || P.models.includes(e.model)) {
           const B = dt(P);
-          (E = window.parent) == null || E.postMessage(B, "*");
+          (I = window.parent) == null || I.postMessage(B, "*");
         }
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
         p
       ));
-      const D = e.builderContextSignal.content && Z(e.canTrack), O = mt({
-        name: `builder.tests.${(I = e.builderContextSignal.content) == null ? void 0 : I.id}`,
+      const N = e.builderContextSignal.content && Z(e.canTrack), F = mt({
+        name: `builder.tests.${(w = e.builderContextSignal.content) == null ? void 0 : w.id}`,
         canTrack: !0
-      }), $ = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId;
-      if (D && $ === O) {
-        const P = (x = e.builderContextSignal.content) == null ? void 0 : x.id, U = e.apiKey;
+      }), _ = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId;
+      if (N && _ === F) {
+        const P = (x = e.builderContextSignal.content) == null ? void 0 : x.id, D = e.apiKey;
         Te({
           apiHost: e.apiHost,
           type: "impression",
           canTrack: !0,
           contentId: P,
-          apiKey: U,
-          variationId: O !== P ? O : void 0
+          apiKey: D,
+          variationId: F !== P ? F : void 0
         });
       }
       if (se() && !L()) {
-        const P = new URL(location.href).searchParams, U = P.get("builder.preview"), E = P.get(
-          `builder.overrides.${U}`
+        const P = new URL(location.href).searchParams, D = P.get("builder.preview"), I = P.get(
+          `builder.overrides.${D}`
         ), B = P.get("apiKey") || P.get("builder.space");
-        (U === "BUILDER_STUDIO" || U === e.model && B === e.apiKey && (!e.content || E === e.content.id)) && Le({
+        (D === "BUILDER_STUDIO" || D === e.model && B === e.apiKey && (!e.content || I === e.content.id)) && Le({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion,
-          ...U === "BUILDER_STUDIO" && ((w = e.context) != null && w.symbolId) ? {
+          ...D === "BUILDER_STUDIO" && ((E = e.context) != null && E.symbolId) ? {
             query: {
               id: e.context.symbolId
             }
           } : {}
-        }).then((N) => {
-          N && i(N);
+        }).then((W) => {
+          W && i(W);
         });
       }
     }
@@ -4439,7 +4461,7 @@ const Bi = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function Fe(e) {
+function Oe(e) {
   var u, f, b, m, v, d, h, p, y;
   const [t, n] = C(
     () => {
@@ -4526,7 +4548,7 @@ function Fe(e) {
       value: {
         registeredComponents: r
       },
-      children: /* @__PURE__ */ W(
+      children: /* @__PURE__ */ $(
         Vi,
         {
           apiHost: e.apiHost,
@@ -4566,7 +4588,7 @@ function Fe(e) {
               }
             ),
             /* @__PURE__ */ s(
-              _,
+              U,
               {
                 blocks: (y = (p = a.content) == null ? void 0 : p.data) == null ? void 0 : y.blocks,
                 context: a,
@@ -4612,8 +4634,8 @@ function Wi(e) {
     });
   }
   return V(() => {
-  }, []), /* @__PURE__ */ W(R, { children: [
-    !e.isNestedRender && F !== "reactNative" ? /* @__PURE__ */ W(R, { children: [
+  }, []), /* @__PURE__ */ $(R, { children: [
+    !e.isNestedRender && O !== "reactNative" ? /* @__PURE__ */ $(R, { children: [
       /* @__PURE__ */ s(
         j,
         {
@@ -4622,7 +4644,7 @@ function Wi(e) {
           nonce: e.nonce || ""
         }
       ),
-      rt.includes(F) ? /* @__PURE__ */ s(
+      rt.includes(O) ? /* @__PURE__ */ s(
         j,
         {
           id: "builderio-init-personalization-variants-fns",
@@ -4631,7 +4653,7 @@ function Wi(e) {
         }
       ) : null
     ] }) : null,
-    t ? /* @__PURE__ */ W(R, { children: [
+    t ? /* @__PURE__ */ $(R, { children: [
       /* @__PURE__ */ s(
         ee,
         {
@@ -4649,7 +4671,7 @@ function Wi(e) {
         }
       ),
       (a = oe(e.content)) == null ? void 0 : a.map((l) => /* @__PURE__ */ s(
-        Fe,
+        Oe,
         {
           apiHost: e.apiHost,
           isNestedRender: e.isNestedRender,
@@ -4677,7 +4699,7 @@ function Wi(e) {
       ))
     ] }) : null,
     /* @__PURE__ */ s(
-      Fe,
+      Oe,
       {
         apiHost: e.apiHost,
         nonce: e.nonce,
@@ -4787,7 +4809,7 @@ function Di(e) {
   ) });
 }
 export {
-  _ as Blocks,
+  U as Blocks,
   pe as BuilderContext,
   pt as Button,
   un as Columns,