@builder.io/sdk-react 4.1.2 → 4.2.0

package/lib/node/blocks-exports.mjs

@@ -1,11 +1,11 @@
 "use client";
-import { TARGET as F, isBrowser as K, logger as Z, checkIsDefined as ge, isPreviewing as le, isEditing as O, userAttributesService as Ce, getDefaultCanTrack as X, logFetch as Fe, setupBrowserForEditing as lt, createRegisterComponentMessage as st, getCookieSync as ct, _track as Te, fetchOneEntry as Le, createEditorListener as ut, serializeIncludingFunctions as Ie, handleABTestingSync as dt } from "./server-entry-0cf21855.js";
-import { setClientUserAttributes as Mi } from "./server-entry-0cf21855.js";
-import { jsx as s, Fragment as R, jsxs as $ } from "react/jsx-runtime";
+import { TARGET as F, isBrowser as K, logger as Z, checkIsDefined as ge, isPreviewing as le, isEditing as _, userAttributesService as Ce, getDefaultCanTrack as X, logFetch as Fe, setupBrowserForEditing as lt, createRegisterComponentMessage as st, getCookieSync as ct, _track as Te, fetchOneEntry as Oe, createEditorListener as ut, serializeIncludingFunctions as Ie, handleABTestingSync as dt } from "./server-entry-581dd491.js";
+import { setClientUserAttributes as Mi } from "./server-entry-581dd491.js";
+import { jsx as s, Fragment as R, jsxs as W } from "react/jsx-runtime";
 import * as mt from "react";
-import { createContext as Oe, useEffect as V, useState as C, useRef as H, useContext as we, createElement as _e } from "react";
-import { getFunctionArguments as ft, flattenState as ht, runInNode as gt, parseCode as bt, getBuilderGlobals as yt, set as Ue, fastClone as ye } from "./setIvm-4171d613.js";
-import { shouldForceBrowserRuntimeInNode as pt } from "./should-force-browser-runtime-in-node-9fe42073.js";
+import { createContext as Le, useEffect as V, useState as C, useRef as H, useContext as we, createElement as _e } from "react";
+import { getFunctionArguments as ft, flattenState as ht, runInNode as gt, parseCode as bt, getBuilderGlobals as yt, set as Ue, fastClone as ye } from "./setIvm-8d02dc72.js";
+import { shouldForceBrowserRuntimeInNode as pt } from "./should-force-browser-runtime-in-node-f461467e.js";
 const vt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), xt = (e) => typeof e == "string" && vt.has(e.toLowerCase());
 function pe(e) {
   return /* @__PURE__ */ s(R, { children: xt(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 }) }) });
@@ -48,7 +48,7 @@ function St(e) {
     }
   );
 }
-const ve = Oe({
+const ve = Le({
   content: null,
   context: {},
   localState: void 0,
@@ -63,7 +63,7 @@ const ve = Oe({
   BlocksWrapperProps: {},
   nonce: "",
   model: ""
-}), He = Oe({ registeredComponents: {} }), Me = (e, t, n) => {
+}), He = Le({ registeredComponents: {} }), Me = (e, t, n) => {
   const i = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((r, o) => r != null ? r[o] : r, e);
   return i === void 0 || i === e ? n : i;
 }, kt = ({
@@ -265,14 +265,14 @@ function Dt({
   rootState: i,
   rootSetState: r
 }) {
-  let o = Bt(e, i.locale);
-  return o = o, Wt({
+  let o = e;
+  return o = Wt({
     block: o,
     localState: n,
     rootState: i,
     rootSetState: r,
     context: t
-  });
+  }), o = Bt(o, i.locale), o;
 }
 const se = (e) => e ? e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase() : "";
 function Ft(e, t, n = {}) {
@@ -297,7 +297,7 @@ function Y(e, ...t) {
   }
   return n;
 }
-function Lt(e) {
+function Ot(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
@@ -312,12 +312,12 @@ function je(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
 function ze(e, t) {
-  const n = Ot(e), i = getComputedStyle(t), r = e.steps[0].styles, o = e.steps[e.steps.length - 1].styles, a = [r, o];
+  const n = Lt(e), i = getComputedStyle(t), r = e.steps[0].styles, o = e.steps[e.steps.length - 1].styles, a = [r, o];
   for (const l of a)
     for (const c of n)
       c in l || (l[c] = i[c]);
 }
-function Ot(e) {
+function Lt(e) {
   const t = [];
   for (const n of e.steps)
     for (const i in n.styles)
@@ -562,7 +562,7 @@ function Qt(e) {
     return ge(i.hide) ? !i.hide : ge(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 = Xe(
       ((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;
@@ -595,7 +595,7 @@ function Qt(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 = Q({
         className: `${m}:hover`,
         styles: {
@@ -894,7 +894,7 @@ function ce(e) {
   }
   return V(() => {
     const d = r().id, h = r().animations;
-    h && d && Lt(
+    h && d && Ot(
       h.map((p) => ({
         ...p,
         elementId: d
@@ -902,7 +902,7 @@ function ce(e) {
     );
   }, []), V(() => {
     n.update = !0;
-  }), /* @__PURE__ */ s(R, { children: l() ? /* @__PURE__ */ $(R, { children: [
+  }), /* @__PURE__ */ s(R, { children: l() ? /* @__PURE__ */ W(R, { children: [
     /* @__PURE__ */ s(Qt, { 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(
       Pe,
@@ -935,7 +935,7 @@ function ce(e) {
         linkComponent: e.linkComponent
       },
       Ee(h)
-    )) }) : /* @__PURE__ */ $(
+    )) }) : /* @__PURE__ */ W(
       nn,
       {
         Wrapper: a(),
@@ -990,7 +990,7 @@ function ln(e) {
   }
   function r() {
     var a, l;
-    O() && !((a = e.blocks) != null && a.length) && ((l = window.parent) == null || l.postMessage(
+    _() && !((a = e.blocks) != null && a.length) && ((l = window.parent) == null || l.postMessage(
       {
         type: "builder.clickEmptyBlocks",
         data: {
@@ -1003,7 +1003,7 @@ function ln(e) {
   }
   function o() {
     var a, l;
-    O() && !((a = e.blocks) != null && a.length) && ((l = window.parent) == null || l.postMessage(
+    _() && !((a = e.blocks) != null && a.length) && ((l = window.parent) == null || l.postMessage(
       {
         type: "builder.hoverEmptyBlocks",
         data: {
@@ -1016,7 +1016,7 @@ function ln(e) {
   }
   return V(() => {
   }, []), V(() => {
-  }, [e.blocks]), /* @__PURE__ */ $(R, { children: [
+  }, [e.blocks]), /* @__PURE__ */ W(R, { children: [
     /* @__PURE__ */ s("style", { children: `.props-blocks-wrapper-8834791c {
   display: flex;
   flex-direction: column;
@@ -1039,10 +1039,10 @@ function ln(e) {
     )
   ] });
 }
-function _(e) {
+function U(e) {
   var i, r, o;
   const t = we(ve), n = we(He);
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ W(
     ln,
     {
       blocks: e.blocks,
@@ -1116,7 +1116,7 @@ function cn(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",
@@ -1130,7 +1130,7 @@ function cn(e) {
         desktopStyle: k
       }),
       "--column-margin-left-mobile": c({
-        stackedStyle: I,
+        stackedStyle: w,
         desktopStyle: A
       }),
       "--column-width-tablet": l({
@@ -1138,7 +1138,7 @@ function cn(e) {
         desktopStyle: k
       }),
       "--column-margin-left-tablet": l({
-        stackedStyle: I,
+        stackedStyle: w,
         desktopStyle: A
       })
     };
@@ -1186,13 +1186,13 @@ function cn(e) {
       style: Ge(b(S))
     };
   }
-  return /* @__PURE__ */ $(R, { children: [
+  return /* @__PURE__ */ W(R, { children: [
     /* @__PURE__ */ s("style", { children: `.div-0369db37 {
   display: flex;
   line-height: normal;
   height: 100%;
 }` }),
-    /* @__PURE__ */ $(
+    /* @__PURE__ */ W(
       "div",
       {
         className: sn((h = e.builderBlock) == null ? void 0 : h.id) + " div-0369db37",
@@ -1213,7 +1213,7 @@ function cn(e) {
               actionAttributes: {},
               attributes: d(y, S),
               children: /* @__PURE__ */ s(
-                _,
+                U,
                 {
                   path: `columns.${S}.blocks`,
                   parent: e.builderBlock.id,
@@ -1300,7 +1300,7 @@ function fn(e) {
     return e.aspectRatio ? f : void 0;
   }
   return V(() => {
-  }, []), /* @__PURE__ */ $(R, { children: [
+  }, []), /* @__PURE__ */ W(R, { children: [
     /* @__PURE__ */ s("style", { children: `.img-3cc22d08 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
@@ -1318,8 +1318,8 @@ function fn(e) {
   width: 100%;
   height: 100%;
 }` }),
-    /* @__PURE__ */ $(R, { children: [
-      /* @__PURE__ */ $("picture", { children: [
+    /* @__PURE__ */ W(R, { children: [
+      /* @__PURE__ */ W("picture", { children: [
         n() ? /* @__PURE__ */ s("source", { type: "image/webp", srcSet: n() }) : null,
         /* @__PURE__ */ s(
           "img",
@@ -1611,7 +1611,7 @@ function Sn({
     path: "this.children",
     index: ie
   };
-  if (n && O()) {
+  if (n && _()) {
     if (typeof t == "number" && t < ((a = e == null ? void 0 : e.length) != null ? a : 0)) {
       const l = e == null ? void 0 : e[t];
       if (l)
@@ -1844,7 +1844,7 @@ function wn(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__ */ $(mt.Fragment, { children: [
+  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: r(), children: (b = e.items) == null ? void 0 : b.map((m, v) => /* @__PURE__ */ W(mt.Fragment, { children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -1859,7 +1859,7 @@ function wn(e) {
         "data-index": v,
         onClick: (d) => f(v),
         children: /* @__PURE__ */ s(
-          _,
+          U,
           {
             blocks: m.title,
             path: `items.${v}.title`,
@@ -1877,7 +1877,7 @@ function wn(e) {
         className: l(v),
         style: u(),
         children: /* @__PURE__ */ s(
-          _,
+          U,
           {
             blocks: m.detail,
             path: `items.${v}.detail`,
@@ -2300,33 +2300,33 @@ function q(e) {
   );
 }
 function Nn(e) {
-  var S, k, A, T, I, g, x, w, D, L, W, P, U;
+  var S, k, A, T, w, g, x, E, N, O, L, P, D;
   const t = H(null), [n, i] = C(
     () => Ce.getUserAttributes()
   ), [r, o] = C(
     () => {
-      var E, B, N;
+      var I, B, $;
       return Cn(
         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",
+        ($ = (B = e.builderContext) == null ? void 0 : B.rootState) == null ? void 0 : $.locale
       );
     }
   ), [a, l] = C(
     () => {
-      var E, B, N;
+      var I, B, $;
       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",
+        ($ = (B = e.builderContext) == null ? void 0 : B.rootState) == null ? void 0 : $.locale
       );
     }
   ), [c, u] = C(() => []), [f, b] = C(
     () => {
-      var E;
+      var I;
       return xn(
         e.variants,
-        X((E = e.builderContext) == null ? void 0 : E.canTrack)
+        X((I = e.builderContext) == null ? void 0 : I.canTrack)
       );
     }
   ), [m, v] = C(() => !1);
@@ -2337,26 +2337,26 @@ function Nn(e) {
     };
   }
   function h() {
-    return (e.variants || []).filter((E) => {
-      var B, N, z, M;
+    return (e.variants || []).filter((I) => {
+      var B, $, z, M;
       return gn(
         {
-          ...(N = (B = e.builderContext) == null ? void 0 : B.rootState) != null && N.locale ? {
+          ...($ = (B = e.builderContext) == null ? void 0 : B.rootState) != null && $.locale ? {
             locale: (M = (z = e.builderContext) == null ? void 0 : z.rootState) == null ? void 0 : M.locale
           } : {},
           ...n
         },
-        E.query,
-        E.startDate,
-        E.endDate
+        I.query,
+        I.startDate,
+        I.endDate
       );
     });
   }
   function p() {
-    var E;
+    var I;
     return Sn({
       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
@@ -2364,29 +2364,29 @@ function Nn(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 $;
+        return `div[data-variant-id="${($ = e.builderBlock) == null ? void 0 : $.id}-${B}"] { display: none !important; } `;
       }
     ).join("");
   }
   return V(() => {
     var B;
     v(!0);
-    const E = Ce.subscribeOnUserAttributesChange(
-      (N) => {
-        i(N);
+    const I = Ce.subscribeOnUserAttributesChange(
+      ($) => {
+        i($);
       },
       {
         fireImmediately: F === "qwik"
       }
     );
-    if (!(O() || le())) {
-      const N = h()[0];
+    if (!(_() || le())) {
+      const $ = h()[0];
       t.current && (t.current.dispatchEvent(
         new CustomEvent("builder.variantLoaded", {
           detail: {
-            variant: N || ie,
+            variant: $ || ie,
             content: (B = e.builderContext) == null ? void 0 : B.content
           },
           bubbles: !0
@@ -2397,7 +2397,7 @@ function Nn(e) {
           te.isIntersecting && t.current && t.current.dispatchEvent(
             new CustomEvent("builder.variantDisplayed", {
               detail: {
-                variant: N || ie,
+                variant: $ || ie,
                 content: (G = e.builderContext) == null ? void 0 : G.content
               },
               bubbles: !0
@@ -2406,12 +2406,12 @@ function Nn(e) {
         });
       }).observe(t.current));
     }
-    c.push(E);
+    c.push(I);
   }, []), V(() => () => {
-    c.forEach((E) => E());
-  }, []), /* @__PURE__ */ $("div", { ref: t, ...d(), children: [
+    c.forEach((I) => I());
+  }, []), /* @__PURE__ */ W("div", { ref: t, ...d(), children: [
     m && re.includes(F) ? /* @__PURE__ */ s(
-      _,
+      U,
       {
         blocks: p().blocks,
         parent: (S = e.builderBlock) == null ? void 0 : S.id,
@@ -2424,14 +2424,14 @@ function Nn(e) {
         }
       }
     ) : null,
-    !m && re.includes(F) || !re.includes(F) ? /* @__PURE__ */ $(R, { children: [
-      f ? /* @__PURE__ */ $(R, { children: [
+    !m && re.includes(F) || !re.includes(F) ? /* @__PURE__ */ W(R, { children: [
+      f ? /* @__PURE__ */ W(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(
@@ -2442,18 +2442,18 @@ function Nn(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, z, M, te, G, ke;
+        (E = e.variants) == null ? void 0 : E.map((I, B) => {
+          var $, z, M, te, G, ke;
           return /* @__PURE__ */ s(
-            _,
+            U,
             {
               BlocksWrapperProps: {
-                ...(N = e.builderContext) == null ? void 0 : N.BlocksWrapperProps,
+                ...($ = e.builderContext) == null ? void 0 : $.BlocksWrapperProps,
                 "aria-hidden": !0,
                 hidden: !0,
                 "data-variant-id": `${(z = e.builderBlock) == null ? void 0 : z.id}-${B}`
               },
-              blocks: E.blocks,
+              blocks: I.blocks,
               parent: (M = e.builderBlock) == null ? void 0 : M.id,
               path: `component.options.variants.${B}.blocks`,
               context: e.builderContext,
@@ -2472,23 +2472,23 @@ function Nn(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: {
-            ...(L = e.builderContext) == null ? void 0 : L.BlocksWrapperProps,
-            "data-variant-id": `${(W = e.builderBlock) == null ? void 0 : W.id}-${p().index}`
+            ...(O = e.builderContext) == null ? void 0 : O.BlocksWrapperProps,
+            "data-variant-id": `${(L = e.builderBlock) == null ? void 0 : L.id}-${p().index}`
           },
           children: f ? /* @__PURE__ */ s(
             q,
             {
               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
         }
@@ -2565,7 +2565,7 @@ function Dn(e) {
         "builder-slot": e.name
       },
       children: /* @__PURE__ */ s(
-        _,
+        U,
         {
           parent: (n = e.builderContext.context) == null ? void 0 : n.symbolId,
           path: `symbol.data.${e.name}`,
@@ -2654,7 +2654,7 @@ const Fn = {
       text: "New tab content "
     }
   }
-}, Ln = {
+}, On = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -2758,7 +2758,7 @@ const Fn = {
     builderLinkComponent: !0
   }
 };
-function On(e) {
+function Ln(e) {
   var o;
   const [t, n] = C(
     () => e.defaultActiveTab ? e.defaultActiveTab - 1 : 0
@@ -2769,7 +2769,7 @@ function On(e) {
   function r(a) {
     a === t && e.collapsible ? n(-1) : n(a);
   }
-  return /* @__PURE__ */ $("div", { children: [
+  return /* @__PURE__ */ W("div", { children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -2789,7 +2789,7 @@ function On(e) {
             },
             onClick: (c) => r(l),
             children: /* @__PURE__ */ s(
-              _,
+              U,
               {
                 parent: e.builderBlock.id,
                 path: `tabs.${l}.label`,
@@ -2805,7 +2805,7 @@ function On(e) {
       }
     ),
     i(t) ? /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(
-      _,
+      U,
       {
         parent: e.builderBlock.id,
         path: `tabs.${t}.content`,
@@ -2909,7 +2909,7 @@ function Mn(e) {
   return V(() => {
     a();
   }, []), V(() => {
-    O() && a();
+    _() && a();
   }, [e.code]), /* @__PURE__ */ s(
     "div",
     {
@@ -3218,7 +3218,7 @@ function Yn(e) {
     e.builderContext.rootSetState ? (d = (v = e.builderContext).rootSetState) == null || d.call(v, m) : e.builderContext.rootState = m;
   }
   function u() {
-    return O() && e.previewState || n;
+    return _() && e.previewState || n;
   }
   function f(b) {
     var v;
@@ -3235,25 +3235,25 @@ function Yn(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
         };
       });
@@ -3264,8 +3264,8 @@ function Yn(e) {
         p = y;
       else {
         const g = {};
-        Array.from(S).forEach(({ value: x, key: w }) => {
-          Ue(g, w, x);
+        Array.from(S).forEach(({ value: x, key: E }) => {
+          Ue(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));
@@ -3279,17 +3279,17 @@ function Yn(e) {
       }
       const T = `${Qn() === "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;
-      Fe(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, L;
+          var N, O;
           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 W = 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 L = new CustomEvent("submit:error", {
               detail: { error: x, status: g.status }
             });
-            if ((D = t.current) != null && D.nativeElement && ((L = t.current) == null || L.nativeElement.dispatchEvent(W), W.defaultPrevented))
+            if ((N = t.current) != null && N.nativeElement && ((O = t.current) == null || O.nativeElement.dispatchEvent(L), L.defaultPrevented))
               return;
             o(x), i("error");
             let P = e.errorMessagePath ? Me(x, e.errorMessagePath) : x.message || x.error || x;
@@ -3297,11 +3297,11 @@ function Yn(e) {
             return;
           }
           if (o(x), i(g.ok ? "success" : "error"), g.ok) {
-            const W = new CustomEvent("submit:success", {
+            const L = new CustomEvent("submit:success", {
               detail: { res: g, body: x }
             });
             if (t.current) {
-              if (t.current.dispatchEvent(W), W.defaultPrevented)
+              if (t.current.dispatchEvent(L), L.defaultPrevented)
                 return;
               e.resetFormOnSubmit !== !1 && t.current.reset();
             }
@@ -3324,11 +3324,11 @@ function Yn(e) {
       );
     }
   }
-  return /* @__PURE__ */ $(R, { children: [
+  return /* @__PURE__ */ W(R, { children: [
     " ",
     /* @__PURE__ */ s("style", { children: ".pre-7c90c93e {   padding: 10px;   color: red;   text-align: center; }" }),
     " ",
-    /* @__PURE__ */ $(
+    /* @__PURE__ */ W(
       "form",
       {
         validate: e.validate,
@@ -3341,7 +3341,7 @@ function Yn(e) {
         children: [
           e.children,
           u() === "error" ? /* @__PURE__ */ s(
-            _,
+            U,
             {
               path: "errorMessage",
               blocks: e.errorMessage,
@@ -3349,7 +3349,7 @@ function Yn(e) {
             }
           ) : null,
           u() === "sending" ? /* @__PURE__ */ s(
-            _,
+            U,
             {
               path: "sendingMessage",
               blocks: e.sendingMessage,
@@ -3358,7 +3358,7 @@ function Yn(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,
@@ -3428,7 +3428,7 @@ function Zn(e) {
     "input",
     {
       ...e.attributes,
-      key: O() && e.defaultValue ? e.defaultValue : "default-key",
+      key: _() && e.defaultValue ? e.defaultValue : "default-key",
       placeholder: e.placeholder,
       type: e.type,
       name: e.name,
@@ -3488,7 +3488,7 @@ function ti(e) {
     {
       ...e.attributes,
       value: e.value,
-      key: O() && e.defaultValue ? e.defaultValue : "default-key",
+      key: _() && e.defaultValue ? e.defaultValue : "default-key",
       defaultValue: e.defaultValue,
       name: e.name,
       required: e.required
@@ -3609,7 +3609,7 @@ function li(e) {
       srcSet: t(),
       ...e.attributes
     },
-    O() && e.imgSrc || "default-key"
+    _() && e.imgSrc || "default-key"
   );
 }
 const si = {
@@ -3749,7 +3749,7 @@ function ci(e) {
     }
   }, []), V(() => () => {
     r && r.disconnect();
-  }, []), /* @__PURE__ */ $(
+  }, []), /* @__PURE__ */ W(
     "div",
     {
       style: {
@@ -3888,8 +3888,8 @@ const ui = () => [{
   component: Nn,
   ...Bn
 }] : [], {
-  component: On,
-  ...Ln
+  component: Ln,
+  ...On
 }, {
   component: wn,
   ...In
@@ -4047,7 +4047,7 @@ const vi = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, ki = ["svelte", "qwik", "vue"], We = () => ki.includes(F) && (O() || le()), Ci = (e) => {
+}, ki = ["svelte", "qwik", "vue"], We = () => ki.includes(F) && (_() || le()), Ci = (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 = "";
@@ -4105,18 +4105,18 @@ function Pi(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, L;
-    const I = {
+    var g, x, E, N, O;
+    const w = {
       ...e.builderContextSignal.content,
       ...T,
       data: {
@@ -4126,12 +4126,12 @@ function Pi(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) || ((L = (D = e.builderContextSignal.content) == null ? void 0 : D.meta) == null ? void 0 : L.breakpoints)
+        breakpoints: ((E = T == null ? void 0 : T.meta) == null ? void 0 : E.breakpoints) || ((O = (N = e.builderContextSignal.content) == null ? void 0 : N.meta) == null ? void 0 : O.breakpoints)
       }
     };
-    e.setBuilderContextSignal((W) => ({
-      ...W,
-      content: I
+    e.setBuilderContextSignal((L) => ({
+      ...L,
+      content: w
     }));
   }
   function r() {
@@ -4148,39 +4148,39 @@ function Pi(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) => {
-          Ke(I);
+        animation: (w) => {
+          Ke(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: X(e.canTrack),
-        contentId: w,
+        contentId: E,
         apiKey: e.apiKey,
-        variationId: x !== w ? x : void 0,
+        variationId: x !== E ? x : void 0,
         ...Si(T),
         unique: !m
       });
@@ -4188,37 +4188,59 @@ function Pi(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] && !O())
-        return;
-      f[w] = !0;
-      const L = D.replace(
-        /{{([^}]+)}}/g,
-        (W, P) => String(
-          J({
-            code: P,
-            context: e.context || {},
-            localState: void 0,
-            rootState: e.builderContextSignal.rootState,
-            rootSetState: e.builderContextSignal.rootSetState
-          })
-        )
-      );
-      Fe(L), fetch(L).then((W) => W.json()).then((W) => {
-        n({
-          [w]: W
-        }), c[w] = !0;
-      }).catch((W) => {
-        console.error("error fetching dynamic data", D, W);
-      }).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 O = typeof N == "object" && N["@type"] === "@builder.io/core:Request";
+        if (f[E] || c[E] && !_())
+          return;
+        const L = O ? N.request.url : N;
+        f[E] = !0;
+        const P = L.replace(
+          /{{([^}]+)}}/g,
+          (I, B) => String(
+            J({
+              code: B,
+              context: e.context || {},
+              localState: void 0,
+              rootState: e.builderContextSignal.rootState,
+              rootSetState: e.builderContextSignal.rootSetState
+            })
+          )
+        ), D = O ? {
+          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() {
-    O() && window.dispatchEvent(
+    _() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
@@ -4234,9 +4256,9 @@ function Pi(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 (K()) {
-      O() && !e.isNestedRender && (window.addEventListener("message", l), lt({
+      _() && !e.isNestedRender && (window.addEventListener("message", l), lt({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -4251,45 +4273,45 @@ function Pi(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 = st(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 && X(e.canTrack), L = ct({
-        name: `builder.tests.${(I = e.builderContextSignal.content) == null ? void 0 : I.id}`,
+      const N = e.builderContextSignal.content && X(e.canTrack), O = ct({
+        name: `builder.tests.${(w = e.builderContextSignal.content) == null ? void 0 : w.id}`,
         canTrack: !0
-      }), W = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId;
-      if (D && W === L) {
-        const P = (x = e.builderContextSignal.content) == null ? void 0 : x.id, U = e.apiKey;
+      }), L = (g = e.builderContextSignal.content) == null ? void 0 : g.testVariationId;
+      if (N && L === O) {
+        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: L !== P ? L : void 0
+          apiKey: D,
+          variationId: O !== P ? O : void 0
         });
       }
-      if (le() && !O()) {
-        const P = new URL(location.href).searchParams, U = P.get("builder.preview"), E = P.get(
-          `builder.overrides.${U}`
+      if (le() && !_()) {
+        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)) && Oe({
           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(($) => {
+          $ && i($);
         });
       }
     }
@@ -4464,7 +4486,7 @@ function De(e) {
       value: {
         registeredComponents: r
       },
-      children: /* @__PURE__ */ $(
+      children: /* @__PURE__ */ W(
         Pi,
         {
           apiHost: e.apiHost,
@@ -4504,7 +4526,7 @@ function De(e) {
               }
             ),
             /* @__PURE__ */ s(
-              _,
+              U,
               {
                 blocks: (y = (p = a.content) == null ? void 0 : p.data) == null ? void 0 : y.blocks,
                 context: a,
@@ -4550,8 +4572,8 @@ function Ni(e) {
     });
   }
   return V(() => {
-  }, []), /* @__PURE__ */ $(R, { children: [
-    !e.isNestedRender && F !== "reactNative" ? /* @__PURE__ */ $(R, { children: [
+  }, []), /* @__PURE__ */ W(R, { children: [
+    !e.isNestedRender && F !== "reactNative" ? /* @__PURE__ */ W(R, { children: [
       /* @__PURE__ */ s(
         q,
         {
@@ -4569,7 +4591,7 @@ function Ni(e) {
         }
       ) : null
     ] }) : null,
-    t ? /* @__PURE__ */ $(R, { children: [
+    t ? /* @__PURE__ */ W(R, { children: [
       /* @__PURE__ */ s(
         ee,
         {
@@ -4648,7 +4670,7 @@ const $i = async ({
 }) => {
   if (t != null && t.model && // This is a hack, we should not need to check for this, but it is needed for Svelte.
   (e != null && e.apiKey))
-    return Le({
+    return Oe({
       model: t.model,
       apiKey: e.apiKey,
       apiVersion: e.apiVersion,
@@ -4725,7 +4747,7 @@ function Wi(e) {
   ) });
 }
 export {
-  _ as Blocks,
+  U as Blocks,
   ve as BuilderContext,
   St as Button,
   cn as Columns,