@builder.io/sdk-react 1.0.33 → 1.0.36

package/lib/node/blocks-exports.mjs

@@ -2,10 +2,10 @@
 var He = Object.defineProperty;
 var Ke = (e, t, n) => t in e ? He(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var ie = (e, t, n) => (Ke(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { jsx as s, Fragment as E, jsxs as B } from "react/jsx-runtime";
-import { TARGET as L, checkIsDefined as Y, logger as Z, isBrowser as G, fastClone as de, isEditing as $, registerInsertMenu as qe, setupBrowserForEditing as _e, createRegisterComponentMessage as ze, getDefaultCanTrack as Q, _track as he, isPreviewing as Je, fetchOneEntry as Ie, createEditorListener as Ye, fetch as Ge, serializeComponentInfo as ge, handleABTestingSync as Qe } from "./server-entry-0b4ba9e5.js";
+import { jsx as s, Fragment as E, jsxs as V } from "react/jsx-runtime";
+import { TARGET as L, checkIsDefined as Y, logger as Z, isBrowser as G, fastClone as de, isEditing as $, registerInsertMenu as qe, setupBrowserForEditing as _e, createRegisterComponentMessage as ze, getDefaultCanTrack as Q, _track as he, isPreviewing as Je, fetchOneEntry as Ie, createEditorListener as Ye, fetch as Ge, serializeComponentInfo as ge, handleABTestingSync as Qe } from "./server-entry-8081c6b9.js";
 import { createContext as we, useState as C, useEffect as P, useContext as be, useRef as ee, createElement as Ee } from "react";
-import { getFunctionArguments as Xe, runInNode as Ze, parseCode as et, getBuilderGlobals as tt, set as Re } from "./node-runtime-51136426.js";
+import { getFunctionArguments as Xe, runInNode as Ze, parseCode as et, getBuilderGlobals as tt, set as Re } from "./node-runtime-1b85663b.js";
 const nt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), it = (e) => typeof e == "string" && nt.has(e.toLowerCase());
 function ue(e) {
   return /* @__PURE__ */ s(E, { children: it(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 }) }) });
@@ -61,7 +61,7 @@ const me = we({
   inheritedStyles: {},
   BlocksWrapper: "div",
   BlocksWrapperProps: {}
-}), Be = we({ registeredComponents: {} });
+}), Ve = we({ registeredComponents: {} });
 function at(e) {
   var t;
   return {
@@ -82,7 +82,7 @@ const rt = ({
     builder: t,
     context: n,
     event: i,
-    state: Ve({
+    state: Be({
       rootState: a,
       localState: o,
       rootSetState: l
@@ -90,7 +90,7 @@ const rt = ({
   });
   return new Function(...r.map(([c]) => c), e)(...r.map(([, c]) => c));
 };
-function Ve({
+function Be({
   rootState: e,
   localState: t,
   rootSetState: n
@@ -100,7 +100,7 @@ function Ve({
       if (t && o in t)
         return t[o];
       const l = i[o];
-      return typeof l == "object" && l !== null ? Ve({
+      return typeof l == "object" && l !== null ? Be({
         rootState: l,
         localState: void 0,
         rootSetState: n ? (a) => {
@@ -433,9 +433,9 @@ const yt = ({
     },
     block: i
   }));
-}, St = (e, t) => e && (e.isRSC && L === "rsc" || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)) ? {
+}, vt = (e, t) => e && (e.isRSC && L === "rsc" || ["Core:Button", "Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)) ? {
   builderLinkComponent: t
-} : {}, vt = (e, t) => e && (e.isRSC && L === "rsc" || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)) ? {
+} : {}, St = (e, t) => e && (e.isRSC && L === "rsc" || ["Symbol", "Columns", "Form:Form", "Builder: Tabs", "Builder:Accordion"].includes(e.name)) ? {
   builderComponents: t
 } : {}, kt = (e, t) => e && (e.isRSC && L === "rsc" || L === "reactNative" || ["Builder:Accordion", "Columns", "Form:Form", "Builder: Tabs", "Symbol", "Image", "Video"].includes(e.name)) ? {
   builderBlock: t
@@ -506,7 +506,7 @@ function Tt(e) {
     return Y(i.hide) ? !i.hide : Y(i.show) ? i.show : !0;
   }
   function n() {
-    var x, R, V;
+    var x, R, B;
     const i = X({
       block: e.block,
       localState: e.context.localState,
@@ -539,7 +539,7 @@ function Tt(e) {
     }) : "", p = i.animations && i.animations.find((A) => A.trigger === "hover");
     let I = "";
     if (p) {
-      const A = ((V = (R = p.steps) == null ? void 0 : R[1]) == null ? void 0 : V.styles) || {};
+      const A = ((B = (R = p.steps) == null ? void 0 : R[1]) == null ? void 0 : B.styles) || {};
       I = z({
         className: `${f}:hover`,
         styles: {
@@ -599,7 +599,7 @@ function Rt({
 }) {
   return e;
 }
-const Bt = (e) => ({
+const Vt = (e) => ({
   href: e.href
 });
 function fe({
@@ -608,7 +608,7 @@ function fe({
 }) {
   var i;
   const n = {
-    ...Bt(e),
+    ...Vt(e),
     ...e.properties,
     "builder-id": e.id,
     style: pt({
@@ -623,7 +623,7 @@ function fe({
     block: e
   });
 }
-function Vt(e) {
+function Bt(e) {
   return /* @__PURE__ */ s(
     ue,
     {
@@ -785,8 +785,8 @@ function _(e) {
         ...at(i()),
         ...kt(t(), i()),
         ...Ct(t(), e.context),
-        ...St(t(), e.linkComponent),
-        ...vt(
+        ...vt(t(), e.linkComponent),
+        ...St(
           t(),
           e.registeredComponents
         )
@@ -807,7 +807,7 @@ function _(e) {
         elementId: d
       }))
     );
-  }, []), /* @__PURE__ */ s(E, { children: l() ? /* @__PURE__ */ B(E, { children: [
+  }, []), /* @__PURE__ */ s(E, { children: l() ? /* @__PURE__ */ V(E, { children: [
     /* @__PURE__ */ s(Tt, { block: e.block, context: e.context }),
     (c = t == null ? void 0 : t()) != null && c.noWrap ? /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(
       ye,
@@ -831,8 +831,8 @@ function _(e) {
         linkComponent: e.linkComponent
       },
       m
-    )) }) : /* @__PURE__ */ B(
-      Vt,
+    )) }) : /* @__PURE__ */ V(
+      Bt,
       {
         Wrapper: o(),
         block: i(),
@@ -898,7 +898,7 @@ function Ft(e) {
       "*"
     ));
   }
-  return /* @__PURE__ */ B(E, { children: [
+  return /* @__PURE__ */ V(E, { children: [
     /* @__PURE__ */ s(
       e.BlocksWrapper,
       {
@@ -922,7 +922,7 @@ function Ft(e) {
 }
 function D(e) {
   var i, o, l;
-  const t = be(me), n = be(Be);
+  const t = be(me), n = be(Ve);
   return /* @__PURE__ */ s(
     Ft,
     {
@@ -953,28 +953,28 @@ function $t(e) {
   ), [i, o] = C(() => e.columns || []), [l, a] = C(
     () => e.stackColumnsAt || "tablet"
   );
-  function r(v) {
-    return v.link ? e.builderLinkComponent || "a" : "div";
+  function r(S) {
+    return S.link ? e.builderLinkComponent || "a" : "div";
   }
-  function c(v) {
+  function c(S) {
     var w;
-    return ((w = i[v]) == null ? void 0 : w.width) || 100 / i.length;
+    return ((w = i[S]) == null ? void 0 : w.width) || 100 / i.length;
   }
-  function u(v) {
+  function u(S) {
     const w = t * (i.length - 1) / i.length;
-    return `calc(${c(v)}% - ${w}px)`;
+    return `calc(${c(S)}% - ${w}px)`;
   }
   function f({
-    stackedStyle: v,
+    stackedStyle: S,
     desktopStyle: w
   }) {
-    return l === "tablet" ? v : w;
+    return l === "tablet" ? S : w;
   }
   function d({
-    stackedStyle: v,
+    stackedStyle: S,
     desktopStyle: w
   }) {
-    return l === "never" ? w : v;
+    return l === "never" ? w : S;
   }
   const [m, g] = C(
     () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
@@ -988,8 +988,8 @@ function $t(e) {
       })
     };
   }
-  function I(v) {
-    const w = v === 0 ? 0 : t, F = u(v), b = `${w}px`, h = "100%", y = 0;
+  function I(S) {
+    const w = S === 0 ? 0 : t, F = u(S), b = `${w}px`, h = "100%", y = 0;
     return {
       ...{
         display: "flex",
@@ -1016,11 +1016,11 @@ function $t(e) {
       })
     };
   }
-  function x(v) {
+  function x(S) {
     var F, b;
     return De(
       ((b = (F = e.builderContext.content) == null ? void 0 : F.meta) == null ? void 0 : b.breakpoints) || {}
-    )[v].max;
+    )[S].max;
   }
   function R() {
     return `
@@ -1049,29 +1049,29 @@ function $t(e) {
         },
       `;
   }
-  function V(v, w) {
+  function B(S, w) {
     return {
-      ...v.link ? {
-        href: v.link
+      ...S.link ? {
+        href: S.link
       } : {},
       [K()]: "builder-column",
       style: We(I(w))
     };
   }
-  return /* @__PURE__ */ B(E, { children: [
-    /* @__PURE__ */ B(
+  return /* @__PURE__ */ V(E, { children: [
+    /* @__PURE__ */ V(
       "div",
       {
         className: Wt((A = e.builderBlock) == null ? void 0 : A.id) + " div-bade6b34",
         style: p(),
         children: [
           /* @__PURE__ */ s(ne, { id: "builderio-columns", styles: R() }),
-          (j = e.columns) == null ? void 0 : j.map((v, w) => /* @__PURE__ */ s(
+          (j = e.columns) == null ? void 0 : j.map((S, w) => /* @__PURE__ */ s(
             ue,
             {
-              TagName: r(v),
+              TagName: r(S),
               actionAttributes: {},
-              attributes: V(v, w),
+              attributes: B(S, w),
               children: /* @__PURE__ */ s(
                 D,
                 {
@@ -1083,7 +1083,7 @@ function $t(e) {
                   context: e.builderContext,
                   registeredComponents: e.builderComponents,
                   linkComponent: e.builderLinkComponent,
-                  blocks: v.blocks
+                  blocks: S.blocks
                 }
               )
             },
@@ -1161,9 +1161,9 @@ function jt(e) {
     };
     return e.aspectRatio ? f : void 0;
   }
-  return /* @__PURE__ */ B(E, { children: [
-    /* @__PURE__ */ B(E, { children: [
-      /* @__PURE__ */ B("picture", { children: [
+  return /* @__PURE__ */ V(E, { children: [
+    /* @__PURE__ */ V(E, { children: [
+      /* @__PURE__ */ V("picture", { children: [
         n() ? /* @__PURE__ */ s("source", { type: "image/webp", srcSet: n() }) : null,
         /* @__PURE__ */ s(
           "img",
@@ -1354,7 +1354,7 @@ const ae = {
       e.get("useChildrenForItems") === !0 && e.set("items", []);
     }
   }]
-}, Se = (e) => e.toString();
+}, ve = (e) => e.toString();
 function Ht(e) {
   var d;
   const [t, n] = C(() => []);
@@ -1405,13 +1405,13 @@ function Ht(e) {
           if (x) {
             if (x.classList.contains("builder-accordion-detail"))
               continue;
-            const V = x.getBoundingClientRect();
-            if (V.left > R.left) {
+            const B = x.getBoundingClientRect();
+            if (B.left > R.left) {
               const A = parseInt(
                 x.getAttribute("data-index") || "",
                 10
               );
-              isNaN(A) || (R = V, m = A);
+              isNaN(A) || (R = B, m = A);
             } else
               break;
           }
@@ -1433,7 +1433,7 @@ function Ht(e) {
   function f(m) {
     t.includes(m) ? n(i() ? [] : t.filter((g) => g !== m)) : n(i() ? [m] : t.concat(m));
   }
-  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: o(), children: (d = e.items) == null ? void 0 : d.map((m, g) => /* @__PURE__ */ B(E, { children: [
+  return /* @__PURE__ */ s("div", { className: "builder-accordion", style: o(), children: (d = e.items) == null ? void 0 : d.map((m, g) => /* @__PURE__ */ V(E, { children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -1441,7 +1441,7 @@ function Ht(e) {
         style: {
           ...l(),
           width: e.grid ? e.gridRowWidth : void 0,
-          order: c() !== null ? Se(g) : Se(g + 1)
+          order: c() !== null ? ve(g) : ve(g + 1)
         },
         "data-index": g,
         onClick: (p) => f(g),
@@ -1733,7 +1733,7 @@ const Kt = {
     name: "image",
     type: "file",
     bubble: !0,
-    allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
+    allowedFileTypes: ["jpeg", "jpg", "png", "svg", "webp"],
     required: !0,
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
@@ -2079,7 +2079,7 @@ function Zt(e) {
   function o(a) {
     a === t && e.collapsible ? n(-1) : n(a);
   }
-  return /* @__PURE__ */ B("div", { children: [
+  return /* @__PURE__ */ V("div", { children: [
     /* @__PURE__ */ s(
       "div",
       {
@@ -2231,13 +2231,16 @@ const an = {
     helperText: "e.g. enter a youtube url, google map, etc",
     onChange: (e) => {
       const t = e.get("url");
-      if (t)
-        return e.set("content", "Loading..."), fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`).then((i) => i.json()).then((i) => {
+      if (t) {
+        e.set("content", "Loading...");
+        const n = _iframelyApiKey;
+        return fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=${n}`).then((i) => i.json()).then((i) => {
           e.get("url") === t && (i.html ? e.set("content", i.html) : e.set("content", "Invalid url, please try another"));
         }).catch((i) => {
           e.set("content", "There was an error embedding this URL, please try again or another URL");
         });
-      e.delete("content");
+      } else
+        e.delete("content");
     }
   }, {
     name: "content",
@@ -2541,7 +2544,7 @@ function fn(e) {
       }
       g.preventDefault();
       const x = g.currentTarget || g.target, R = e.customHeaders || {};
-      let V;
+      let B;
       const A = new FormData(x), j = Array.from(x.querySelectorAll("input,select,textarea")).filter((b) => !!b.name).map((b) => {
         let h;
         const y = b.name;
@@ -2555,8 +2558,8 @@ function fn(e) {
           } else if (b.type === "checkbox")
             h = b.checked;
           else if (b.type === "number" || b.type === "range") {
-            const S = b.valueAsNumber;
-            isNaN(S) || (h = S);
+            const v = b.valueAsNumber;
+            isNaN(v) || (h = v);
           } else
             b.type === "file" ? h = b.files : h = b.value;
         else
@@ -2566,19 +2569,19 @@ function fn(e) {
           value: h
         };
       });
-      let v = e.contentType;
-      if (e.sendSubmissionsTo === "email" && (v = "multipart/form-data"), Array.from(j).forEach(({ value: b }) => {
-        (b instanceof File || Array.isArray(b) && b[0] instanceof File || b instanceof FileList) && (v = "multipart/form-data");
-      }), v !== "application/json")
-        V = A;
+      let S = e.contentType;
+      if (e.sendSubmissionsTo === "email" && (S = "multipart/form-data"), Array.from(j).forEach(({ value: b }) => {
+        (b instanceof File || Array.isArray(b) && b[0] instanceof File || b instanceof FileList) && (S = "multipart/form-data");
+      }), S !== "application/json")
+        B = A;
       else {
         const b = {};
         Array.from(j).forEach(({ value: h, key: y }) => {
           Re(b, y, h);
-        }), V = JSON.stringify(b);
+        }), B = JSON.stringify(b);
       }
-      v && v !== "multipart/form-data" && (p && ((I = e.action) != null && I.includes("zapier.com")) || (R["content-type"] = v));
-      const w = new CustomEvent("presubmit", { detail: { body: V } });
+      S && S !== "multipart/form-data" && (p && ((I = e.action) != null && I.includes("zapier.com")) || (R["content-type"] = S));
+      const w = new CustomEvent("presubmit", { detail: { body: B } });
       if (t.current && (t.current.dispatchEvent(w), w.defaultPrevented))
         return;
       i("sending");
@@ -2587,21 +2590,21 @@ function fn(e) {
       )}&name=${encodeURIComponent(e.name || "")}`;
       fetch(
         e.sendSubmissionsTo === "email" ? F : e.action,
-        { body: V, headers: R, method: e.method || "post" }
+        { body: B, headers: R, method: e.method || "post" }
       ).then(
         async (b) => {
           let h;
           const y = b.headers.get("content-type");
           if (y && y.indexOf("application/json") !== -1 ? h = await b.json() : h = await b.text(), !b.ok && e.errorMessagePath) {
-            let S = mn(h, e.errorMessagePath);
-            S && (typeof S != "string" && (S = JSON.stringify(S)), r(S), c({ formErrorMessage: S }));
+            let v = mn(h, e.errorMessagePath);
+            v && (typeof v != "string" && (v = JSON.stringify(v)), r(v), c({ formErrorMessage: v }));
           }
           if (l(h), i(b.ok ? "success" : "error"), b.ok) {
-            const S = new CustomEvent("submit:success", {
+            const v = new CustomEvent("submit:success", {
               detail: { res: b, body: h }
             });
             if (t.current) {
-              if (t.current.dispatchEvent(S), S.defaultPrevented)
+              if (t.current.dispatchEvent(v), v.defaultPrevented)
                 return;
               e.resetFormOnSubmit !== !1 && t.current.reset();
             }
@@ -2624,9 +2627,9 @@ function fn(e) {
       );
     }
   }
-  return /* @__PURE__ */ B(E, { children: [
+  return /* @__PURE__ */ V(E, { children: [
     " ",
-    /* @__PURE__ */ B(
+    /* @__PURE__ */ V(
       "form",
       {
         validate: e.validate,
@@ -2799,7 +2802,8 @@ function pn(e) {
       value: e.value,
       key: $() && e.defaultValue ? e.defaultValue : "default-key",
       defaultValue: e.defaultValue,
-      name: e.name
+      name: e.name,
+      required: e.required
     },
     (t = e.options) == null ? void 0 : t.map((n, i) => /* @__PURE__ */ s("option", { value: n.value, children: n.name || n.value }, `${n.name}-${i}`))
   );
@@ -2833,7 +2837,57 @@ const yn = {
 function xn(e) {
   return /* @__PURE__ */ s("button", { type: "submit", ...e.attributes, children: e.text });
 }
-const Sn = {
+const vn = {
+  name: "Form:TextArea",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
+  inputs: [{
+    advanced: !0,
+    name: "value",
+    type: "string"
+  }, {
+    name: "name",
+    type: "string",
+    required: !0,
+    helperText: 'Every input in a form needs a unique name describing what it gets, e.g. "email"'
+  }, {
+    name: "defaultValue",
+    type: "string"
+  }, {
+    name: "placeholder",
+    type: "string",
+    defaultValue: "Hello there"
+  }, {
+    name: "required",
+    type: "boolean",
+    defaultValue: !1
+  }],
+  defaultStyles: {
+    paddingTop: "10px",
+    paddingBottom: "10px",
+    paddingLeft: "10px",
+    paddingRight: "10px",
+    borderRadius: "3px",
+    borderWidth: "1px",
+    borderStyle: "solid",
+    borderColor: "#ccc"
+  },
+  static: !0,
+  noWrap: !0
+};
+function Sn(e) {
+  return /* @__PURE__ */ s(
+    "textarea",
+    {
+      ...e.attributes,
+      placeholder: e.placeholder,
+      name: e.name,
+      value: e.value,
+      defaultValue: e.defaultValue,
+      required: e.required
+    }
+  );
+}
+const kn = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -2848,7 +2902,7 @@ const Sn = {
   noWrap: !0,
   static: !0
 };
-function vn(e) {
+function Cn(e) {
   return /* @__PURE__ */ s(
     "img",
     {
@@ -2863,7 +2917,7 @@ function vn(e) {
     $() && e.imgSrc || "default-key"
   );
 }
-const kn = {
+const Tn = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -2945,7 +2999,7 @@ const kn = {
     advanced: !0
   }]
 };
-function Cn(e) {
+function In(e) {
   var i, o, l, a, r, c, u;
   function t() {
     return {
@@ -2971,7 +3025,7 @@ function Cn(e) {
       ...t()
     };
   }
-  return /* @__PURE__ */ B(
+  return /* @__PURE__ */ V(
     "div",
     {
       style: {
@@ -3046,7 +3100,7 @@ function Cn(e) {
     }
   );
 }
-const Tn = () => [{
+const wn = () => [{
   component: on,
   ...nn
 }, {
@@ -3065,12 +3119,15 @@ const Tn = () => [{
   component: pn,
   ...bn
 }, {
-  component: vn,
-  ...Sn
+  component: Sn,
+  ...vn
 }, {
   component: Cn,
   ...kn
-}], ve = () => [{
+}, {
+  component: In,
+  ...Tn
+}], Se = () => [{
   component: ot,
   ...Kt
 }, {
@@ -3089,7 +3146,7 @@ const Tn = () => [{
   component: Gt,
   ...Yt
 }, {
-  component: zn,
+  component: Yn,
   ...Qt
 }, {
   component: tn,
@@ -3100,7 +3157,7 @@ const Tn = () => [{
 }, {
   component: Ht,
   ...Mt
-}, ...Tn()], In = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}, ...wn()], En = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -3156,7 +3213,7 @@ const Tn = () => [{
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, wn = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, Rn = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -3194,16 +3251,16 @@ const Tn = () => [{
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), En = ({
+})), Vn = ({
   canTrack: e,
   content: t
-}) => !(!(J(t).length > 0) || !e || G()), Rn = (e) => e === "react" || e === "reactNative", Ue = Rn(L), Bn = () => `
-  window.${Oe} = ${In}
-  window.${je} = ${wn}
-  `, Vn = (e, t) => `
+}) => !(!(J(t).length > 0) || !e || G()), Bn = (e) => e === "react" || e === "reactNative", Ue = Bn(L), Pn = () => `
+  window.${Oe} = ${En}
+  window.${je} = ${Rn}
+  `, An = (e, t) => `
   window.${Oe}(
     "${t}",${JSON.stringify(e)}, ${Ue}
-  )`, Pn = ({
+  )`, Nn = ({
   contentId: e,
   variationId: t
 }) => `window.${je}(
@@ -3221,7 +3278,7 @@ function ce(e) {
 function ke(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const An = (e, t, n = !0) => {
+const Fn = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let i = n ? e : e.parentElement;
@@ -3232,7 +3289,7 @@ const An = (e, t, n = !0) => {
       return i;
   } while (i = i.parentElement);
   return null;
-}, Nn = (e) => An(e, (t) => {
+}, Wn = (e) => Fn(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), Ce = ({
@@ -3244,8 +3301,8 @@ const An = (e, t, n = !0) => {
     x: l,
     y: a
   };
-}, Fn = (e) => {
-  const t = e.target, n = t && Nn(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, $n = (e) => {
+  const t = e.target, n = t && Wn(t), i = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: i || void 0,
     metadata: {
@@ -3260,7 +3317,7 @@ const An = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, Wn = (e) => {
+}, Dn = (e) => {
   var l, a;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (a = e.fileUrl) != null ? a : (l = e == null ? void 0 : e.files) == null ? void 0 : l.regular;
   let o = "";
@@ -3286,15 +3343,15 @@ font-weight: ${r};
         `.trim());
     }
   return o;
-}, $n = ({
+}, Ln = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => Wn(n))) == null ? void 0 : t.join(" ")) || "";
-}, Dn = ({
+  return ((t = e == null ? void 0 : e.map((n) => Dn(n))) == null ? void 0 : t.join(" ")) || "";
+}, On = ({
   cssCode: e,
   contentId: t
-}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", Ln = `
+}) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "", jn = `
 .builder-button {
   all: unset;
 }
@@ -3311,28 +3368,28 @@ font-weight: ${r};
   text-align: inherit;
   font-family: inherit;
 }
-`, On = (e) => e ? "" : Ln, jn = (e) => `variant-${e}`;
-function Un(e) {
-  var V, A, j, v, w, F, b;
+`, Un = (e) => e ? "" : jn, Mn = (e) => `variant-${e}`;
+function Hn(e) {
+  var B, A, j, S, w, F, b;
   const t = ee(null);
   function n(h) {
-    var S, k;
+    var v, k;
     const y = {
       ...e.builderContextSignal.rootState,
       ...h
     };
-    e.builderContextSignal.rootSetState ? (k = (S = e.builderContextSignal).rootSetState) == null || k.call(S, y) : e.setBuilderContextSignal((T) => ({
+    e.builderContextSignal.rootSetState ? (k = (v = e.builderContextSignal).rootSetState) == null || k.call(v, y) : e.setBuilderContextSignal((T) => ({
       ...T,
       rootState: y
     }));
   }
   function i(h) {
-    var S, k, T, N, U;
+    var v, k, T, N, U;
     const y = {
       ...e.builderContextSignal.content,
       ...h,
       data: {
-        ...(S = e.builderContextSignal.content) == null ? void 0 : S.data,
+        ...(v = e.builderContextSignal.content) == null ? void 0 : v.data,
         ...h == null ? void 0 : h.data
       },
       meta: {
@@ -3362,10 +3419,10 @@ function Un(e) {
       callbacks: {
         configureSdk: (y) => {
           var T;
-          const { breakpoints: S, contentId: k } = y;
-          !k || k !== ((T = e.builderContextSignal.content) == null ? void 0 : T.id) || S && i({
+          const { breakpoints: v, contentId: k } = y;
+          !k || k !== ((T = e.builderContextSignal.content) == null ? void 0 : T.id) || v && i({
             meta: {
-              breakpoints: S
+              breakpoints: v
             }
           });
         },
@@ -3379,8 +3436,8 @@ function Un(e) {
     })(h);
   }
   function c() {
-    var y, S;
-    const h = (S = (y = e.builderContextSignal.content) == null ? void 0 : y.data) == null ? void 0 : S.jsCode;
+    var y, v;
+    const h = (v = (y = e.builderContextSignal.content) == null ? void 0 : y.data) == null ? void 0 : v.jsCode;
     h && q({
       code: h,
       context: e.context || {},
@@ -3395,24 +3452,24 @@ function Un(e) {
   }
   const [u, f] = C(() => ({})), [d, m] = C(() => ({})), [g, p] = C(() => !1);
   function I(h) {
-    var y, S;
+    var y, v;
     if (e.builderContextSignal.content) {
-      const k = (y = e.builderContextSignal.content) == null ? void 0 : y.testVariationId, T = (S = e.builderContextSignal.content) == null ? void 0 : S.id;
+      const k = (y = e.builderContextSignal.content) == null ? void 0 : y.testVariationId, T = (v = e.builderContextSignal.content) == null ? void 0 : v.id;
       he({
         type: "click",
         canTrack: Q(e.canTrack),
         contentId: T,
         apiKey: e.apiKey,
         variationId: k !== T ? k : void 0,
-        ...Fn(h),
+        ...$n(h),
         unique: !g
       });
     }
     g || p(!0);
   }
   function x() {
-    var y, S, k;
-    const h = (k = (S = (y = e.builderContextSignal.content) == null ? void 0 : y.data) == null ? void 0 : S.httpRequests) != null ? k : {};
+    var y, v, k;
+    const h = (k = (v = (y = e.builderContextSignal.content) == null ? void 0 : y.data) == null ? void 0 : v.httpRequests) != null ? k : {};
     Object.entries(h).forEach(([T, N]) => {
       if (!N || d[T] || u[T] && !$())
         return;
@@ -3509,9 +3566,9 @@ function Un(e) {
     e.content && i(e.content);
   }, [e.content]), P(() => {
     c();
-  }, [(A = (V = e.builderContextSignal.content) == null ? void 0 : V.data) == null ? void 0 : A.jsCode]), P(() => {
+  }, [(A = (B = e.builderContextSignal.content) == null ? void 0 : B.data) == null ? void 0 : A.jsCode]), P(() => {
     x();
-  }, [(v = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : v.httpRequests]), P(() => {
+  }, [(S = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : S.httpRequests]), P(() => {
     R();
   }, [e.builderContextSignal.rootState]), P(() => {
     e.data && n(e.data);
@@ -3533,29 +3590,29 @@ function Un(e) {
       "builder-model": e.model,
       ...o(),
       ...e.contentWrapperProps,
-      className: jn(
+      className: Mn(
         ((F = e.content) == null ? void 0 : F.testVariationId) || ((b = e.content) == null ? void 0 : b.id)
       ),
       children: e.children
     }
   ) : null });
 }
-function Mn(e) {
+function Kn(e) {
   const [t, n] = C(
     () => `
-${Dn({
+${On({
       cssCode: e.cssCode,
       contentId: e.contentId
     })}
-${$n({
+${Ln({
       customFonts: e.customFonts
     })}
-${On(e.isNestedRender)}
+${Un(e.isNestedRender)}
 `.trim()
   );
   return /* @__PURE__ */ s(ne, { id: "builderio-content", styles: t });
 }
-const Hn = ({
+const qn = ({
   content: e,
   data: t,
   locale: n
@@ -3572,7 +3629,7 @@ const Hn = ({
       locale: n
     } : {}
   };
-}, Kn = ({
+}, _n = ({
   content: e,
   data: t
 }) => e ? {
@@ -3588,7 +3645,7 @@ function Te(e) {
   const [t, n] = C(
     () => {
       var I, x;
-      return Pn({
+      return Nn({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
         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
@@ -3604,7 +3661,7 @@ function Te(e) {
   }
   const [o, l] = C(
     () => [
-      ...ve(),
+      ...Se(),
       ...e.customComponents || []
     ].reduce(
       (I, { component: x, ...R }) => ({
@@ -3617,12 +3674,12 @@ function Te(e) {
       {}
     )
   ), [a, r] = C(() => ({
-    content: Kn({
+    content: _n({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: Hn({
+    rootState: qn({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -3633,7 +3690,7 @@ function Te(e) {
     apiKey: e.apiKey,
     apiVersion: e.apiVersion,
     componentInfos: [
-      ...ve(),
+      ...Se(),
       ...e.customComponents || []
     ].reduce(
       (I, { component: x, ...R }) => ({
@@ -3647,13 +3704,13 @@ function Te(e) {
     BlocksWrapperProps: e.blocksWrapperProps || {}
   }));
   return /* @__PURE__ */ s(
-    Be.Provider,
+    Ve.Provider,
     {
       value: {
         registeredComponents: o
       },
-      children: /* @__PURE__ */ B(
-        Un,
+      children: /* @__PURE__ */ V(
+        Hn,
         {
           content: e.content,
           data: e.data,
@@ -3678,7 +3735,7 @@ function Te(e) {
               }
             ) : null,
             /* @__PURE__ */ s(
-              Mn,
+              Kn,
               {
                 isNestedRender: e.isNestedRender,
                 contentId: (c = a.content) == null ? void 0 : c.id,
@@ -3701,17 +3758,17 @@ function Te(e) {
     }
   );
 }
-function qn(e) {
+function zn(e) {
   var a;
   const [t, n] = C(
-    () => En({
+    () => Vn({
       canTrack: Q(e.canTrack),
       content: e.content
     })
   );
   function i() {
     var r;
-    return Vn(
+    return An(
       J(e.content).map((c) => ({
         id: c.testVariationId,
         testRatio: c.testRatio
@@ -3733,15 +3790,15 @@ function qn(e) {
     });
   }
   return P(() => {
-  }, []), /* @__PURE__ */ B(E, { children: [
+  }, []), /* @__PURE__ */ V(E, { children: [
     !e.isNestedRender && L !== "reactNative" ? /* @__PURE__ */ s(
       ce,
       {
         id: "builderio-init-variants-fns",
-        scriptStr: Bn()
+        scriptStr: Pn()
       }
     ) : null,
-    t ? /* @__PURE__ */ B(E, { children: [
+    t ? /* @__PURE__ */ V(E, { children: [
       /* @__PURE__ */ s(
         ne,
         {
@@ -3808,7 +3865,7 @@ function qn(e) {
     )
   ] });
 }
-const _n = async ({
+const Jn = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -3827,7 +3884,7 @@ const _n = async ({
       Z.error("Could not fetch symbol content: ", n);
     });
 };
-function zn(e) {
+function Yn(e) {
   var r, c, u, f;
   function t() {
     return "div";
@@ -3849,7 +3906,7 @@ function zn(e) {
     return (d = e.symbol) == null ? void 0 : d.content;
   });
   function a() {
-    o || _n({
+    o || Jn({
       symbol: e.symbol,
       builderContextValue: e.builderContext
     }).then((d) => {
@@ -3860,7 +3917,7 @@ function zn(e) {
   }, []), P(() => {
     a();
   }, [e.symbol]), /* @__PURE__ */ s("div", { ...e.attributes, className: i(), children: /* @__PURE__ */ s(
-    qn,
+    zn,
     {
       isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
@@ -3889,11 +3946,11 @@ export {
   me as BuilderContext,
   ot as Button,
   $t as Columns,
-  qn as Content,
+  zn as Content,
   Dt as Fragment,
   jt as Image,
   Ut as Section,
-  zn as Symbol,
+  Yn as Symbol,
   tn as Text,
-  Cn as Video
+  In as Video
 };