@builder.io/sdk-react 1.0.24 → 1.0.26

package/lib/node/blocks-exports.mjs

@@ -2,13 +2,13 @@
 var Me = Object.defineProperty;
 var Ue = (e, t, n) => t in e ? Me(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var ne = (e, t, n) => (Ue(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { jsx as s, Fragment as E, jsxs as V } from "react/jsx-runtime";
-import { TARGET as q, checkIsDefined as Y, logger as Z, isBrowser as G, fastClone as le, isEditing as F, registerInsertMenu as Oe, setupBrowserForEditing as He, createRegisterComponentMessage as Ke, getDefaultCanTrack as Q, _track as me, isPreviewing as qe, fetchOneEntry as ke, createEditorListener as _e, fetch as ze, serializeComponentInfo as fe, handleABTestingSync as Je } from "./server-entry-fd29e8b4.js";
+import { jsx as s, Fragment as w, jsxs as V } from "react/jsx-runtime";
+import { TARGET as q, checkIsDefined as Y, logger as Z, isBrowser as G, fastClone as le, isEditing as F, registerInsertMenu as Oe, setupBrowserForEditing as He, createRegisterComponentMessage as Ke, getDefaultCanTrack as Q, _track as me, isPreviewing as qe, fetchOneEntry as ke, createEditorListener as _e, fetch as ze, serializeComponentInfo as fe, handleABTestingSync as Je } from "./server-entry-262852ac.js";
 import { createContext as Ce, useState as C, useEffect as P, useContext as he, useRef as ee, createElement as Te } from "react";
-import { getFunctionArguments as Ye, runInNode as Ge, parseCode as Qe, getBuilderGlobals as Xe, set as we } from "./node-runtime-071b85f9.js";
+import { getFunctionArguments as Ye, runInNode as Ge, parseCode as Qe, getBuilderGlobals as Xe, set as we } from "./node-runtime-8a7cc42d.js";
 const Ze = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), et = (e) => typeof e == "string" && Ze.has(e.toLowerCase());
 function se(e) {
-  return /* @__PURE__ */ s(E, { children: et(e.TagName) ? /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ s(E, { 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 }) }) });
+  return /* @__PURE__ */ s(w, { children: et(e.TagName) ? /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ s(w, { 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 H = () => {
   switch (q) {
@@ -362,12 +362,12 @@ function ht({
 const gt = ({
   block: e,
   context: t
-}) => We(ht({
+}) => Ne(ht({
   style: e.style || {},
   context: t,
   block: e
 }));
-function We(e) {
+function Ne(e) {
   switch (q) {
     case "svelte":
     case "vue":
@@ -403,7 +403,7 @@ const bt = ({
   console.warn(`
       Could not find a registered component named "${i}". 
       If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}, yt = ({
+}, pt = ({
   block: e,
   context: t
 }) => {
@@ -437,7 +437,7 @@ const bt = ({
     },
     block: i
   }));
-}, pt = (e) => e && ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs"].includes(e), xt = (e) => e && ["Symbol", "Columns", "Form:Form", "Builder: Tabs"].includes(e), Ae = {
+}, yt = (e) => e && (e.isRSC || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs"].includes(e.name)), xt = (e) => e && (e.isRSC || ["Symbol", "Columns", "Form:Form", "Builder: Tabs"].includes(e.name)), We = {
   small: {
     min: 320,
     default: 321,
@@ -453,11 +453,11 @@ const bt = ({
     default: 991,
     max: 1200
   }
-}, ge = (e, t = Ae) => `@media (max-width: ${t[e].max}px)`, Ne = ({
+}, ge = (e, t = We) => `@media (max-width: ${t[e].max}px)`, Ae = ({
   small: e,
   medium: t
 }) => {
-  const n = le(Ae);
+  const n = le(We);
   if (!e || !t)
     return n;
   const i = Math.floor(e / 2);
@@ -502,7 +502,7 @@ function St(e) {
     return Y(i.hide) ? !i.hide : Y(i.show) ? i.show : !0;
   }
   function n() {
-    var w, R, W;
+    var E, R, N;
     const i = X({
       block: e.block,
       localState: e.context.localState,
@@ -510,8 +510,8 @@ function St(e) {
       rootSetState: e.context.rootSetState,
       context: e.context.context,
       shouldEvaluateBindings: !0
-    }), o = i.responsiveStyles, l = e.context.content, r = Ne(
-      ((w = l == null ? void 0 : l.meta) == null ? void 0 : w.breakpoints) || {}
+    }), o = i.responsiveStyles, l = e.context.content, r = Ae(
+      ((E = l == null ? void 0 : l.meta) == null ? void 0 : E.breakpoints) || {}
     ), a = o == null ? void 0 : o.large, c = o == null ? void 0 : o.medium, d = o == null ? void 0 : o.small, m = i.id;
     if (!m)
       return "";
@@ -525,21 +525,21 @@ function St(e) {
         "medium",
         r
       )
-    }) : "", y = d ? z({
+    }) : "", p = d ? z({
       className: m,
       styles: d,
       mediaQuery: ge(
         "small",
         r
       )
-    }) : "", S = i.animations && i.animations.find((A) => A.trigger === "hover");
-    let T = "";
+    }) : "", S = i.animations && i.animations.find((W) => W.trigger === "hover");
+    let I = "";
     if (S) {
-      const A = ((W = (R = S.steps) == null ? void 0 : R[1]) == null ? void 0 : W.styles) || {};
-      T = z({
+      const W = ((N = (R = S.steps) == null ? void 0 : R[1]) == null ? void 0 : N.styles) || {};
+      I = z({
         className: `${m}:hover`,
         styles: {
-          ...A,
+          ...W,
           transition: `all ${S.duration}s ${de(
             S.easing
           )}`,
@@ -550,11 +550,11 @@ function St(e) {
     return [
       u,
       g,
-      y,
-      T
+      p,
+      I
     ].join(" ");
   }
-  return /* @__PURE__ */ s(E, { children: n() && t() ? /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(te, { id: "builderio-block", styles: n() }) }) : null });
+  return /* @__PURE__ */ s(w, { children: n() && t() ? /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(te, { id: "builderio-block", styles: n() }) }) : null });
 }
 function vt(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
@@ -693,7 +693,7 @@ function be(e) {
   const [t, n] = C(
     () => e.isInteractive ? Et : e.componentRef
   );
-  return /* @__PURE__ */ s(E, { children: e.componentRef ? /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ s(w, { children: e.componentRef ? /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(
     t,
     {
       ...Rt({
@@ -741,7 +741,7 @@ function _(e) {
     });
   }
   function n() {
-    return yt({
+    return pt({
       block: e.block,
       context: e.context
     });
@@ -762,28 +762,28 @@ function _(e) {
     return e.block.tagName === "a" || ((g = i().properties) == null ? void 0 : g.href) || i().href ? e.linkComponent || "a" : e.block.tagName || "div";
   }
   function l() {
-    var y, S;
-    if ((y = e.block.repeat) != null && y.collection)
+    var p, S;
+    if ((p = e.block.repeat) != null && p.collection)
       return !!((S = n == null ? void 0 : n()) != null && S.length);
     const u = "hide" in i() ? i().hide : !1;
     return ("show" in i() ? i().show : !0) && !u;
   }
   function r() {
-    var g, y;
-    return !((g = t == null ? void 0 : t()) != null && g.component) && !n() ? (y = i().children) != null ? y : [] : [];
+    var g, p;
+    return !((g = t == null ? void 0 : t()) != null && g.component) && !n() ? (p = i().children) != null ? p : [] : [];
   }
   function a() {
-    var u, g, y, S, T, w;
+    var u, g, p, S;
     return {
       blockChildren: (u = i().children) != null ? u : [],
       componentRef: (g = t == null ? void 0 : t()) == null ? void 0 : g.component,
       componentOptions: {
         ...nt(i()),
         builderContext: e.context,
-        ...pt((y = t == null ? void 0 : t()) == null ? void 0 : y.name) ? {
+        ...yt(t()) ? {
           builderLinkComponent: e.linkComponent
         } : {},
-        ...xt((S = t == null ? void 0 : t()) == null ? void 0 : S.name) ? {
+        ...xt(t()) ? {
           builderComponents: e.registeredComponents
         } : {}
       },
@@ -791,21 +791,21 @@ function _(e) {
       linkComponent: e.linkComponent,
       registeredComponents: e.registeredComponents,
       builderBlock: i(),
-      includeBlockProps: ((T = t == null ? void 0 : t()) == null ? void 0 : T.noWrap) === !0,
-      isInteractive: !((w = t == null ? void 0 : t()) != null && w.isRSC)
+      includeBlockProps: ((p = t == null ? void 0 : t()) == null ? void 0 : p.noWrap) === !0,
+      isInteractive: !((S = t == null ? void 0 : t()) != null && S.isRSC)
     };
   }
   return P(() => {
     const u = i().id, g = i().animations;
     g && u && ct(
-      g.map((y) => ({
-        ...y,
+      g.map((p) => ({
+        ...p,
         elementId: u
       }))
     );
-  }, []), /* @__PURE__ */ s(E, { children: l() ? /* @__PURE__ */ V(E, { children: [
+  }, []), /* @__PURE__ */ s(w, { children: l() ? /* @__PURE__ */ V(w, { children: [
     /* @__PURE__ */ s(St, { block: e.block, context: e.context }),
-    (c = t == null ? void 0 : t()) != null && c.noWrap ? /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(
+    (c = t == null ? void 0 : t()) != null && c.noWrap ? /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(
       be,
       {
         componentRef: a().componentRef,
@@ -818,7 +818,7 @@ function _(e) {
         includeBlockProps: a().includeBlockProps,
         isInteractive: a().isInteractive
       }
-    ) }) : /* @__PURE__ */ s(E, { children: n() ? /* @__PURE__ */ s(E, { children: (m = n()) == null ? void 0 : m.map((u, g) => /* @__PURE__ */ s(
+    ) }) : /* @__PURE__ */ s(w, { children: n() ? /* @__PURE__ */ s(w, { children: (m = n()) == null ? void 0 : m.map((u, g) => /* @__PURE__ */ s(
       Pt,
       {
         repeatContext: u.context,
@@ -895,7 +895,7 @@ function Vt(e) {
       "*"
     ));
   }
-  return /* @__PURE__ */ V(E, { children: [
+  return /* @__PURE__ */ V(w, { children: [
     /* @__PURE__ */ s(
       e.BlocksWrapper,
       {
@@ -929,7 +929,7 @@ function j(e) {
       styleProp: e.styleProp,
       BlocksWrapper: ((i = e.context) == null ? void 0 : i.BlocksWrapper) || t.BlocksWrapper,
       BlocksWrapperProps: ((o = e.context) == null ? void 0 : o.BlocksWrapperProps) || t.BlocksWrapperProps,
-      children: e.blocks ? /* @__PURE__ */ s(E, { children: (l = e.blocks) == null ? void 0 : l.map((r) => /* @__PURE__ */ s(
+      children: e.blocks ? /* @__PURE__ */ s(w, { children: (l = e.blocks) == null ? void 0 : l.map((r) => /* @__PURE__ */ s(
         _,
         {
           block: r,
@@ -943,8 +943,8 @@ function j(e) {
   );
 }
 const Bt = (e) => `builder-columns ${e}-breakpoints`;
-function Wt(e) {
-  var A, D;
+function Nt(e) {
+  var W, D;
   const [t, n] = C(
     () => typeof e.space == "number" ? e.space || 0 : 20
   ), [i, o] = C(() => e.columns || []), [l, r] = C(
@@ -954,26 +954,26 @@ function Wt(e) {
     return x.link ? e.builderLinkComponent || "a" : "div";
   }
   function c(x) {
-    var I;
-    return ((I = i[x]) == null ? void 0 : I.width) || 100 / i.length;
+    var T;
+    return ((T = i[x]) == null ? void 0 : T.width) || 100 / i.length;
   }
   function d(x) {
-    const I = t * (i.length - 1) / i.length;
-    return `calc(${c(x)}% - ${I}px)`;
+    const T = t * (i.length - 1) / i.length;
+    return `calc(${c(x)}% - ${T}px)`;
   }
   function m({
     stackedStyle: x,
-    desktopStyle: I
+    desktopStyle: T
   }) {
-    return l === "tablet" ? x : I;
+    return l === "tablet" ? x : T;
   }
   function u({
     stackedStyle: x,
-    desktopStyle: I
+    desktopStyle: T
   }) {
-    return l === "never" ? I : x;
+    return l === "never" ? T : x;
   }
-  const [g, y] = C(
+  const [g, p] = C(
     () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
   );
   function S() {
@@ -985,19 +985,19 @@ function Wt(e) {
       })
     };
   }
-  function T(x) {
-    const I = x === 0 ? 0 : t, N = d(x), h = `${I}px`, f = "100%", b = 0;
+  function I(x) {
+    const T = x === 0 ? 0 : t, A = d(x), h = `${T}px`, f = "100%", b = 0;
     return {
       ...{
         display: "flex",
         flexDirection: "column",
         alignItems: "stretch"
       },
-      width: N,
+      width: A,
       ["marginLeft"]: h,
       "--column-width-mobile": u({
         stackedStyle: f,
-        desktopStyle: N
+        desktopStyle: A
       }),
       "--column-margin-left-mobile": u({
         stackedStyle: b,
@@ -1005,7 +1005,7 @@ function Wt(e) {
       }),
       "--column-width-tablet": m({
         stackedStyle: f,
-        desktopStyle: N
+        desktopStyle: A
       }),
       "--column-margin-left-tablet": m({
         stackedStyle: b,
@@ -1013,15 +1013,15 @@ function Wt(e) {
       })
     };
   }
-  function w(x) {
-    var N, h;
-    return Ne(
-      ((h = (N = e.builderContext.content) == null ? void 0 : N.meta) == null ? void 0 : h.breakpoints) || {}
+  function E(x) {
+    var A, h;
+    return Ae(
+      ((h = (A = e.builderContext.content) == null ? void 0 : A.meta) == null ? void 0 : h.breakpoints) || {}
     )[x].max;
   }
   function R() {
     return `
-        @media (max-width: ${w("medium")}px) {
+        @media (max-width: ${E("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -1033,7 +1033,7 @@ function Wt(e) {
           }
         }
 
-        @media (max-width: ${w("small")}px) {
+        @media (max-width: ${E("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -1046,33 +1046,33 @@ function Wt(e) {
         },
       `;
   }
-  function W(x, I) {
+  function N(x, T) {
     return {
       ...x.link ? {
         href: x.link
       } : {},
       [H()]: "builder-column",
-      style: We(T(I))
+      style: Ne(I(T))
     };
   }
-  return /* @__PURE__ */ V(E, { children: [
+  return /* @__PURE__ */ V(w, { children: [
     /* @__PURE__ */ V(
       "div",
       {
-        className: Bt((A = e.builderBlock) == null ? void 0 : A.id) + " div-00cb97e2",
+        className: Bt((W = e.builderBlock) == null ? void 0 : W.id) + " div-00cb97e2",
         style: S(),
         children: [
           /* @__PURE__ */ s(te, { id: "builderio-columns", styles: R() }),
-          (D = e.columns) == null ? void 0 : D.map((x, I) => /* @__PURE__ */ s(
+          (D = e.columns) == null ? void 0 : D.map((x, T) => /* @__PURE__ */ s(
             se,
             {
               TagName: a(x),
               actionAttributes: {},
-              attributes: W(x, I),
+              attributes: N(x, T),
               children: /* @__PURE__ */ s(
                 j,
                 {
-                  path: `component.options.columns.${I}.blocks`,
+                  path: `component.options.columns.${T}.blocks`,
                   parent: e.builderBlock.id,
                   styleProp: {
                     flexGrow: "1"
@@ -1084,7 +1084,7 @@ function Wt(e) {
                 }
               )
             },
-            I
+            T
           ))
         ]
       }
@@ -1095,13 +1095,13 @@ function Wt(e) {
 }` })
   ] });
 }
-function At(e) {
+function Wt(e) {
   return /* @__PURE__ */ s("span", { children: e.children });
 }
-function ye(e) {
+function pe(e) {
   return e.replace(/http(s)?:/, "");
 }
-function Nt(e = "", t, n) {
+function At(e = "", t, n) {
   const i = new RegExp("([?&])" + t + "=.*?(&|$)", "i"), o = e.indexOf("?") !== -1 ? "&" : "?";
   return e.match(i) ? e.replace(i, "$1" + t + "=" + encodeURIComponent(n) + "$2") : e + o + t + "=" + encodeURIComponent(n);
 }
@@ -1109,11 +1109,11 @@ function $t(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return ye(e);
+    return pe(e);
   const n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
   if (n) {
     const i = e.split(n[0]), o = n[3], l = t.match("x") ? t : `${t}x`;
-    return ye(`${i[0]}_${l}${o}`);
+    return pe(`${i[0]}_${l}${o}`);
   }
   return null;
 }
@@ -1124,7 +1124,7 @@ function ie(e) {
   if (e.match(/builder\.io/)) {
     let n = e;
     const i = Number(e.split("?width=")[1]);
-    return isNaN(i) || (n = `${n} ${i}w`), t.filter((o) => o !== i).map((o) => `${Nt(e, "width", o)} ${o}w`).concat([n]).join(", ");
+    return isNaN(i) || (n = `${n} ${i}w`), t.filter((o) => o !== i).map((o) => `${At(e, "width", o)} ${o}w`).concat([n]).join(", ");
   }
   return e.match(/cdn\.shopify\.com/) ? t.map((n) => [$t(e, `${n}x${n}`), n]).filter(([n]) => !!n).map(([n, i]) => `${n} ${i}w`).concat([e]).join(", ") : e;
 }
@@ -1158,8 +1158,8 @@ function Ft(e) {
     };
     return e.aspectRatio ? m : void 0;
   }
-  return /* @__PURE__ */ V(E, { children: [
-    /* @__PURE__ */ V(E, { children: [
+  return /* @__PURE__ */ V(w, { children: [
+    /* @__PURE__ */ V(w, { children: [
       /* @__PURE__ */ V("picture", { children: [
         n() ? /* @__PURE__ */ s("source", { type: "image/webp", srcSet: n() }) : null,
         /* @__PURE__ */ s(
@@ -1189,7 +1189,7 @@ function Ft(e) {
           }
         }
       ) : null,
-      (a = (r = e.builderBlock) == null ? void 0 : r.children) != null && a.length && e.fitContent ? /* @__PURE__ */ s(E, { children: e.children }) : null,
+      (a = (r = e.builderBlock) == null ? void 0 : r.children) != null && a.length && e.fitContent ? /* @__PURE__ */ s(w, { children: e.children }) : null,
       !e.fitContent && ((d = (c = e.builderBlock) == null ? void 0 : c.children) != null && d.length) ? /* @__PURE__ */ s("div", { className: "div-3ac67dd4-2", children: e.children }) : null
     ] }),
     /* @__PURE__ */ s("style", { children: `.img-3ac67dd4 {
@@ -2267,32 +2267,32 @@ const nn = {
 function ln(e) {
   var u, g;
   const t = ee(null), [n, i] = C(() => "unsubmitted"), [o, l] = C(() => null), [r, a] = C(() => "");
-  function c(y) {
-    var T, w;
+  function c(p) {
+    var I, E;
     const S = {
       ...e.builderContext.rootState,
-      ...y
+      ...p
     };
-    e.builderContext.rootSetState ? (w = (T = e.builderContext).rootSetState) == null || w.call(T, S) : e.builderContext.rootState = S;
+    e.builderContext.rootSetState ? (E = (I = e.builderContext).rootSetState) == null || E.call(I, S) : e.builderContext.rootState = S;
   }
   function d() {
     return F() && e.previewState || n;
   }
-  function m(y) {
-    var T;
+  function m(p) {
+    var I;
     const S = e.sendWithJs || e.sendSubmissionsTo === "email";
     if (e.sendSubmissionsTo === "zapier")
-      y.preventDefault();
+      p.preventDefault();
     else if (S) {
       if (!(e.action || e.sendSubmissionsTo === "email")) {
-        y.preventDefault();
+        p.preventDefault();
         return;
       }
-      y.preventDefault();
-      const w = y.currentTarget, R = e.customHeaders || {};
-      let W;
-      const A = new FormData(w), D = Array.from(
-        y.currentTarget.querySelectorAll("input,select,textarea")
+      p.preventDefault();
+      const E = p.currentTarget, R = e.customHeaders || {};
+      let N;
+      const W = new FormData(E), D = Array.from(
+        p.currentTarget.querySelectorAll("input,select,textarea")
       ).filter((h) => !!h.name).map((h) => {
         let f;
         const b = h.name;
@@ -2306,8 +2306,8 @@ function ln(e) {
           } else if (h.type === "checkbox")
             f = h.checked;
           else if (h.type === "number" || h.type === "range") {
-            const p = h.valueAsNumber;
-            isNaN(p) || (f = p);
+            const y = h.valueAsNumber;
+            isNaN(y) || (f = y);
           } else
             h.type === "file" ? f = h.files : f = h.value;
         else
@@ -2321,38 +2321,38 @@ function ln(e) {
       if (e.sendSubmissionsTo === "email" && (x = "multipart/form-data"), Array.from(D).forEach(({ value: h }) => {
         (h instanceof File || Array.isArray(h) && h[0] instanceof File || h instanceof FileList) && (x = "multipart/form-data");
       }), x !== "application/json")
-        W = A;
+        N = W;
       else {
         const h = {};
         Array.from(D).forEach(({ value: f, key: b }) => {
           we(h, b, f);
-        }), W = JSON.stringify(h);
+        }), N = JSON.stringify(h);
       }
-      x && x !== "multipart/form-data" && (S && ((T = e.action) != null && T.includes("zapier.com")) || (R["content-type"] = x));
-      const I = new CustomEvent("presubmit", { detail: { body: W } });
-      if (t.current && (t.current.dispatchEvent(I), I.defaultPrevented))
+      x && x !== "multipart/form-data" && (S && ((I = e.action) != null && I.includes("zapier.com")) || (R["content-type"] = x));
+      const T = new CustomEvent("presubmit", { detail: { body: N } });
+      if (t.current && (t.current.dispatchEvent(T), T.defaultPrevented))
         return;
       i("sending");
-      const N = `${an() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
+      const A = `${an() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
         e.sendSubmissionsToEmail || ""
       )}&name=${encodeURIComponent(e.name || "")}`;
       fetch(
-        e.sendSubmissionsTo === "email" ? N : e.action,
-        { body: W, headers: R, method: e.method || "post" }
+        e.sendSubmissionsTo === "email" ? A : e.action,
+        { body: N, headers: R, method: e.method || "post" }
       ).then(
         async (h) => {
           let f;
           const b = h.headers.get("content-type");
           if (b && b.indexOf("application/json") !== -1 ? f = await h.json() : f = await h.text(), !h.ok && e.errorMessagePath) {
-            let p = rn(f, e.errorMessagePath);
-            p && (typeof p != "string" && (p = JSON.stringify(p)), a(p), c({ formErrorMessage: p }));
+            let y = rn(f, e.errorMessagePath);
+            y && (typeof y != "string" && (y = JSON.stringify(y)), a(y), c({ formErrorMessage: y }));
           }
           if (l(f), i(h.ok ? "success" : "error"), h.ok) {
-            const p = new CustomEvent("submit:success", {
+            const y = new CustomEvent("submit:success", {
               detail: { res: h, body: f }
             });
             if (t.current) {
-              if (t.current.dispatchEvent(p), p.defaultPrevented)
+              if (t.current.dispatchEvent(y), y.defaultPrevented)
                 return;
               e.resetFormOnSubmit !== !1 && t.current.reset();
             }
@@ -2375,7 +2375,7 @@ function ln(e) {
       );
     }
   }
-  return /* @__PURE__ */ V(E, { children: [
+  return /* @__PURE__ */ V(w, { children: [
     " ",
     /* @__PURE__ */ V(
       "form",
@@ -2385,13 +2385,13 @@ function ln(e) {
         action: !e.sendWithJs && e.action,
         method: e.method,
         name: e.name,
-        onSubmit: (y) => m(y),
+        onSubmit: (p) => m(p),
         ...e.attributes,
         children: [
-          e.builderBlock && e.builderBlock.children ? /* @__PURE__ */ s(E, { children: (g = (u = e.builderBlock) == null ? void 0 : u.children) == null ? void 0 : g.map((y, S) => /* @__PURE__ */ s(
+          e.builderBlock && e.builderBlock.children ? /* @__PURE__ */ s(w, { children: (g = (u = e.builderBlock) == null ? void 0 : u.children) == null ? void 0 : g.map((p, S) => /* @__PURE__ */ s(
             _,
             {
-              block: y,
+              block: p,
               context: e.builderContext,
               registeredComponents: e.builderComponents,
               linkComponent: e.builderLinkComponent
@@ -2696,7 +2696,7 @@ const bn = {
     advanced: !0
   }]
 };
-function yn(e) {
+function pn(e) {
   var i, o, l, r, a, c, d;
   function t() {
     return {
@@ -2797,7 +2797,7 @@ function yn(e) {
     }
   );
 }
-const pn = () => [{
+const yn = () => [{
   component: Qt,
   ...Gt
 }, {
@@ -2819,16 +2819,16 @@ const pn = () => [{
   component: gn,
   ...hn
 }, {
-  component: yn,
+  component: pn,
   ...bn
-}], pe = () => [{
+}], ye = () => [{
   component: tt,
   ...Dt
 }, {
-  component: Wt,
+  component: Nt,
   ...jt
 }, {
-  component: At,
+  component: Wt,
   ...Mt
 }, {
   component: Ft,
@@ -2848,7 +2848,7 @@ const pn = () => [{
 }, {
   component: zt,
   ..._t
-}, ...pn()], xn = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}, ...yn()], xn = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -3042,7 +3042,7 @@ font-weight: ${a};
 }, Bn = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Wn = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Nn = `
 .builder-button {
   all: unset;
 }
@@ -3059,28 +3059,28 @@ font-weight: ${a};
   text-align: inherit;
   font-family: inherit;
 }
-`, An = (e) => e ? "" : Wn, Nn = (e) => `variant-${e}`;
+`, Wn = (e) => e ? "" : Nn, An = (e) => `variant-${e}`;
 function $n(e) {
-  var W, A, D, x, I, N, h;
+  var N, W, D, x, T, A, h;
   const t = ee(null);
   function n(f) {
-    var p, v;
+    var y, v;
     const b = {
       ...e.builderContextSignal.rootState,
       ...f
     };
-    e.builderContextSignal.rootSetState ? (v = (p = e.builderContextSignal).rootSetState) == null || v.call(p, b) : e.setBuilderContextSignal((k) => ({
+    e.builderContextSignal.rootSetState ? (v = (y = e.builderContextSignal).rootSetState) == null || v.call(y, b) : e.setBuilderContextSignal((k) => ({
       ...k,
       rootState: b
     }));
   }
   function i(f) {
-    var p, v, k, B, M;
+    var y, v, k, B, M;
     const b = {
       ...e.builderContextSignal.content,
       ...f,
       data: {
-        ...(p = e.builderContextSignal.content) == null ? void 0 : p.data,
+        ...(y = e.builderContextSignal.content) == null ? void 0 : y.data,
         ...f == null ? void 0 : f.data
       },
       meta: {
@@ -3110,10 +3110,10 @@ function $n(e) {
       callbacks: {
         configureSdk: (b) => {
           var k;
-          const { breakpoints: p, contentId: v } = b;
-          !v || v !== ((k = e.builderContextSignal.content) == null ? void 0 : k.id) || p && i({
+          const { breakpoints: y, contentId: v } = b;
+          !v || v !== ((k = e.builderContextSignal.content) == null ? void 0 : k.id) || y && i({
             meta: {
-              breakpoints: p
+              breakpoints: y
             }
           });
         },
@@ -3127,8 +3127,8 @@ function $n(e) {
     })(f);
   }
   function c() {
-    var b, p;
-    const f = (p = (b = e.builderContextSignal.content) == null ? void 0 : b.data) == null ? void 0 : p.jsCode;
+    var b, y;
+    const f = (y = (b = e.builderContextSignal.content) == null ? void 0 : b.data) == null ? void 0 : y.jsCode;
     f && K({
       code: f,
       context: e.context || {},
@@ -3141,11 +3141,11 @@ function $n(e) {
       enableCache: !1
     });
   }
-  const [d, m] = C(() => ({})), [u, g] = C(() => ({})), [y, S] = C(() => !1);
-  function T(f) {
-    var b, p;
+  const [d, m] = C(() => ({})), [u, g] = C(() => ({})), [p, S] = C(() => !1);
+  function I(f) {
+    var b, y;
     if (e.builderContextSignal.content) {
-      const v = (b = e.builderContextSignal.content) == null ? void 0 : b.testVariationId, k = (p = e.builderContextSignal.content) == null ? void 0 : p.id;
+      const v = (b = e.builderContextSignal.content) == null ? void 0 : b.testVariationId, k = (y = e.builderContextSignal.content) == null ? void 0 : y.id;
       me({
         type: "click",
         canTrack: Q(e.canTrack),
@@ -3153,14 +3153,14 @@ function $n(e) {
         apiKey: e.apiKey,
         variationId: v !== k ? v : void 0,
         ...Rn(f),
-        unique: !y
+        unique: !p
       });
     }
-    y || S(!0);
+    p || S(!0);
   }
-  function w() {
-    var b, p, v;
-    const f = (v = (p = (b = e.builderContextSignal.content) == null ? void 0 : b.data) == null ? void 0 : p.httpRequests) != null ? v : {};
+  function E() {
+    var b, y, v;
+    const f = (v = (y = (b = e.builderContextSignal.content) == null ? void 0 : b.data) == null ? void 0 : y.httpRequests) != null ? v : {};
     Object.entries(f).forEach(([k, B]) => {
       if (!B || u[k] || d[k] && !F())
         return;
@@ -3252,13 +3252,13 @@ function $n(e) {
   }, []), P(() => {
     e.apiKey || Z.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), c(), w(), R();
+    ), c(), E(), R();
   }, []), P(() => {
     e.content && i(e.content);
   }, [e.content]), P(() => {
     c();
-  }, [(A = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : A.jsCode]), P(() => {
-    w();
+  }, [(W = (N = e.builderContextSignal.content) == null ? void 0 : N.data) == null ? void 0 : W.jsCode]), P(() => {
+    E();
   }, [(x = (D = e.builderContextSignal.content) == null ? void 0 : D.data) == null ? void 0 : x.httpRequests]), P(() => {
     R();
   }, [e.builderContextSignal.rootState]), P(() => {
@@ -3276,13 +3276,13 @@ function $n(e) {
     l,
     {
       ref: t,
-      onClick: (f) => T(f),
-      "builder-content-id": (I = e.builderContextSignal.content) == null ? void 0 : I.id,
+      onClick: (f) => I(f),
+      "builder-content-id": (T = e.builderContextSignal.content) == null ? void 0 : T.id,
       "builder-model": e.model,
       ...o(),
       ...e.contentWrapperProps,
-      className: Nn(
-        ((N = e.content) == null ? void 0 : N.testVariationId) || ((h = e.content) == null ? void 0 : h.id)
+      className: An(
+        ((A = e.content) == null ? void 0 : A.testVariationId) || ((h = e.content) == null ? void 0 : h.id)
       ),
       children: e.children
     }
@@ -3298,7 +3298,7 @@ ${Bn({
 ${Vn({
       customFonts: e.customFonts
     })}
-${An(e.isNestedRender)}
+${Wn(e.isNestedRender)}
 `.trim()
   );
   return /* @__PURE__ */ s(te, { id: "builderio-content", styles: t });
@@ -3332,33 +3332,33 @@ const Ln = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function ve(e) {
-  var c, d, m, u, g, y, S;
+  var c, d, m, u, g, p, S;
   const [t, n] = C(
     () => {
-      var T, w;
+      var I, E;
       return wn({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (T = e.content) == null ? void 0 : T.testVariationId,
+        variationId: (I = e.content) == null ? void 0 : I.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        contentId: (w = e.content) == null ? void 0 : w.id
+        contentId: (E = e.content) == null ? void 0 : E.id
       });
     }
   );
-  function i(T) {
-    a((w) => ({
-      ...w,
-      rootState: T
+  function i(I) {
+    a((E) => ({
+      ...E,
+      rootState: I
     }));
   }
   const [o, l] = C(
     () => [
-      ...pe(),
+      ...ye(),
       ...e.customComponents || []
     ].reduce(
-      (T, { component: w, ...R }) => ({
-        ...T,
+      (I, { component: E, ...R }) => ({
+        ...I,
         [R.name]: {
-          component: w,
+          component: E,
           ...fe(R)
         }
       }),
@@ -3380,11 +3380,11 @@ function ve(e) {
     apiKey: e.apiKey,
     apiVersion: e.apiVersion,
     componentInfos: [
-      ...pe(),
+      ...ye(),
       ...e.customComponents || []
     ].reduce(
-      (T, { component: w, ...R }) => ({
-        ...T,
+      (I, { component: E, ...R }) => ({
+        ...I,
         [R.name]: fe(R)
       }),
       {}
@@ -3437,7 +3437,7 @@ function ve(e) {
             /* @__PURE__ */ s(
               j,
               {
-                blocks: (S = (y = r.content) == null ? void 0 : y.data) == null ? void 0 : S.blocks,
+                blocks: (S = (p = r.content) == null ? void 0 : p.data) == null ? void 0 : S.blocks,
                 context: r,
                 registeredComponents: o,
                 linkComponent: e.linkComponent
@@ -3481,7 +3481,7 @@ function jn(e) {
     });
   }
   return P(() => {
-  }, []), /* @__PURE__ */ V(E, { children: [
+  }, []), /* @__PURE__ */ V(w, { children: [
     !e.isNestedRender && q !== "reactNative" ? /* @__PURE__ */ s(
       re,
       {
@@ -3489,7 +3489,7 @@ function jn(e) {
         scriptStr: Cn()
       }
     ) : null,
-    t ? /* @__PURE__ */ V(E, { children: [
+    t ? /* @__PURE__ */ V(w, { children: [
       /* @__PURE__ */ s(
         te,
         {
@@ -3635,12 +3635,12 @@ export {
   j as Blocks,
   ce as BuilderContext,
   tt as Button,
-  Wt as Columns,
+  Nt as Columns,
   jn as Content,
-  At as Fragment,
+  Wt as Fragment,
   Ft as Image,
   Lt as Section,
   Un as Symbol,
   Yt as Text,
-  yn as Video
+  pn as Video
 };