@builder.io/sdk-react 5.2.3 → 5.2.4-dev.0

package/lib/node/blocks-exports.mjs

@@ -1,13 +1,13 @@
 "use client";
-import { TARGET as F, isBrowser as G, logger as ee, checkIsDefined as be, isPreviewing as oe, isEditing as U, userAttributesService as Te, getDefaultCanTrack as Z, logFetch as Le, setupBrowserForEditing as st, createRegisterComponentMessage as ct, getCookieSync as ut, _track as Ie, fetchOneEntry as Oe, createEditorListener as dt, serializeIncludingFunctions as we, handleABTestingSync as mt } from "./server-entry-52b9a881.js";
-import { setClientUserAttributes as qi } from "./server-entry-52b9a881.js";
+import { TARGET as F, isBrowser as G, logger as ee, checkIsDefined as be, isPreviewing as oe, isEditing as U, userAttributesService as Ee, getDefaultCanTrack as Z, logFetch as Ue, setupBrowserForEditing as st, createRegisterComponentMessage as ct, getCookieSync as ut, _track as Re, fetchOneEntry as He, createEditorListener as dt, serializeIncludingFunctions as Pe, handleABTestingSync as mt } from "./server-entry-91bd4af2.js";
+import { setClientUserAttributes as qi } from "./server-entry-91bd4af2.js";
 import { jsx as s, Fragment as w, jsxs as D } from "react/jsx-runtime";
 import * as ft from "react";
-import { createContext as _e, useEffect as B, useState as k, useContext as ye, useRef as z, createElement as Ue } from "react";
-import { getFunctionArguments as ht, flattenState as gt, runInNode as bt, parseCode as yt, getBuilderGlobals as pt, set as He, fastClone as ve } from "./setIvm-25463972.js";
-import { shouldForceBrowserRuntimeInNode as vt } from "./should-force-browser-runtime-in-node-d883c014.js";
+import { createContext as Me, useEffect as B, useState as k, useContext as ye, useRef as z, createElement as qe } from "react";
+import { getFunctionArguments as ht, flattenState as gt, runInNode as bt, parseCode as yt, getBuilderGlobals as pt, set as je, fastClone as Se } from "./setIvm-f5aa8580.js";
+import { shouldForceBrowserRuntimeInNode as vt } from "./should-force-browser-runtime-in-node-098c4aa9.js";
 const xt = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), St = (e) => typeof e == "string" && xt.has(e.toLowerCase());
-function xe(e) {
+function ke(e) {
   return /* @__PURE__ */ s(w, { children: St(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 K = () => {
@@ -39,7 +39,7 @@ function kt(e) {
     };
   }
   return /* @__PURE__ */ s(
-    xe,
+    ke,
     {
       attributes: t(),
       TagName: e.link ? e.builderLinkComponent || "a" : "button",
@@ -48,7 +48,7 @@ function kt(e) {
     }
   );
 }
-const le = _e({
+const le = Me({
   content: null,
   context: {},
   localState: void 0,
@@ -63,7 +63,7 @@ const le = _e({
   BlocksWrapperProps: {},
   nonce: "",
   model: ""
-}), Me = _e({ registeredComponents: {} }), qe = (e, t, n) => {
+}), ze = Me({ registeredComponents: {} }), Ke = (e, t, n) => {
   const i = String.prototype.split.call(t, /[,[\].]+?/).filter(Boolean).reduce((a, r) => a != null ? a[r] : a, e);
   return i === void 0 || i === e ? n : i;
 }, Ct = ({
@@ -106,7 +106,7 @@ function Q({
     return;
   const c = Et(e.trim());
   if (c)
-    return qe({
+    return Ke({
       ...i,
       ...n
     }, c);
@@ -175,7 +175,7 @@ function re(e, t, n = null, i = null, a = /* @__PURE__ */ new WeakSet()) {
     }), re(o, t, e, r, a);
   }));
 }
-function je(e) {
+function Je(e) {
   return e && typeof e == "object" && e["@type"] === "@builder.io/core:LocalizedValue";
 }
 function At(e) {
@@ -183,7 +183,7 @@ function At(e) {
     return !1;
   let t = !1;
   return re(e, (n) => {
-    if (je(n)) {
+    if (Je(n)) {
       t = !0;
       return;
     }
@@ -192,7 +192,7 @@ function At(e) {
 function Bt(e, t) {
   return !e || !Object.getOwnPropertyNames(e).length ? {} : (re(e, (n, i) => {
     var a;
-    je(n) && i((a = n[t]) != null ? a : void 0);
+    Je(n) && i((a = n[t]) != null ? a : void 0);
   }), e);
 }
 function Nt(e, t) {
@@ -213,7 +213,7 @@ function pe(e) {
 }
 const $t = ["svelte", "vue", "angular", "qwik", "solid"].includes(F), Wt = (e) => {
   if ($t) {
-    const t = ve(e);
+    const t = Se(e);
     return {
       ...t,
       properties: {
@@ -255,7 +255,7 @@ const $t = ["svelte", "vue", "angular", "qwik", "solid"].includes(F), Wt = (e) =
       rootSetState: a,
       context: t
     });
-    He(r, o, c);
+    je(r, o, c);
   }
   return r;
 };
@@ -302,17 +302,17 @@ function Ot(e) {
   for (const t of e)
     switch (t.trigger) {
       case "pageLoad":
-        Je(t);
+        Ye(t);
         break;
       case "scrollInView":
         Ut(t);
         break;
     }
 }
-function ze(e) {
+function Ge(e) {
   console.warn(`Cannot animate element: element with ID ${e} not found!`);
 }
-function Ke(e, t) {
+function Qe(e, t) {
   const n = _t(e), i = getComputedStyle(t), a = e.steps[0].styles, r = e.steps[e.steps.length - 1].styles, o = [a, r];
   for (const l of o)
     for (const c of n)
@@ -325,14 +325,14 @@ function _t(e) {
       t.indexOf(i) === -1 && t.push(i);
   return t;
 }
-function Je(e) {
+function Ye(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    ze(e.elementId || e.id || "");
+    Ge(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    Ke(e, n), n.style.transition = "none", n.style.transitionDelay = "0", X(n.style, e.steps[0].styles), setTimeout(() => {
+    Qe(e, n), n.style.transition = "none", n.style.transitionDelay = "0", X(n.style, e.steps[0].styles), setTimeout(() => {
       n.style.transition = `all ${e.duration}s ${se(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), X(n.style, e.steps[1].styles), setTimeout(() => {
         n.style.transition = "", n.style.transitionDelay = "";
       }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
@@ -342,11 +342,11 @@ function Je(e) {
 function Ut(e) {
   const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
   if (!t.length) {
-    ze(e.elementId || e.id || "");
+    Ge(e.elementId || e.id || "");
     return;
   }
   Array.from(t).forEach((n) => {
-    Ke(e, n);
+    Qe(e, n);
     let i = !1, a = !1;
     function r() {
       !i && l(n) ? (i = !0, a = !0, setTimeout(() => {
@@ -374,10 +374,10 @@ function Ut(e) {
     }), r();
   });
 }
-const Ge = (e) => Object.entries(e).map(([n, i]) => {
+const Xe = (e) => Object.entries(e).map(([n, i]) => {
   if (typeof i == "string")
     return `${se(n)}: ${i};`;
-}).filter(be), Ht = (e) => Ge(e).join(`
+}).filter(be), Ht = (e) => Xe(e).join(`
 `), Y = ({
   mediaQuery: e,
   className: t,
@@ -398,18 +398,18 @@ function Mt({
 const qt = ({
   block: e,
   context: t
-}) => Qe(Mt({
+}) => Ze(Mt({
   style: e.style || {},
   context: t,
   block: e
 }));
-function Qe(e) {
+function Ze(e) {
   switch (F) {
     case "svelte":
     case "vue":
     case "solid":
     case "angular":
-      return Ge(e).join(" ");
+      return Xe(e).join(" ");
     case "qwik":
     case "reactNative":
     case "react":
@@ -417,7 +417,7 @@ function Qe(e) {
       return e;
   }
 }
-const Ye = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, jt = ({
+const et = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includes(t) : !1 : !0, jt = ({
   block: e,
   registeredComponents: t,
   model: n
@@ -427,7 +427,7 @@ const Ye = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   if (!i)
     return null;
   const a = t[i];
-  if (!a || Ye(a, n)) {
+  if (!a || et(a, n)) {
     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?`);
@@ -475,7 +475,7 @@ const Ye = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
 }, Jt = (e, t, n) => {
   var i;
   return (i = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && i.builderComponents ? {
-    builderComponents: Object.fromEntries(Object.entries(t).filter(([r, o]) => !Ye(o, n)))
+    builderComponents: Object.fromEntries(Object.entries(t).filter(([r, o]) => !et(o, n)))
   } : {};
 }, Gt = (e, t) => {
   var n;
@@ -487,7 +487,7 @@ const Ye = (e, t) => e ? t ? e.models && e.models.length > 0 && !e.models.includ
   return (n = e == null ? void 0 : e.shouldReceiveBuilderProps) != null && n.builderContext ? {
     builderContext: t
   } : {};
-}, Ee = (e) => e.toString();
+}, Ve = (e) => e.toString();
 function Yt(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
@@ -501,7 +501,7 @@ const Xt = (e) => `on${Yt(e)}`, Zt = (e, t) => (n) => Q({
   isExpression: !1,
   trackingContext: t.trackingContext
 });
-function Xe(e) {
+function tt(e) {
   var i;
   const t = {}, n = (i = e.block.actions) != null ? i : {};
   for (const a in n) {
@@ -530,7 +530,7 @@ function en({
 const tn = (e) => ({
   href: e.href
 });
-function Se({
+function Ce({
   block: e,
   context: t
 }) {
@@ -554,14 +554,14 @@ function Se({
 function nn(e) {
   var t, n, i;
   return /* @__PURE__ */ s(
-    xe,
+    ke,
     {
       TagName: e.Wrapper,
-      attributes: Se({
+      attributes: Ce({
         block: e.block,
         context: e.context
       }),
-      actionAttributes: Xe({
+      actionAttributes: tt({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -589,11 +589,11 @@ function rn(e) {
   function t() {
     var r, o, l;
     return e.includeBlockProps ? {
-      ...Se({
+      ...Ce({
         block: e.block,
         context: e.context
       }),
-      ...Xe({
+      ...tt({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -639,7 +639,7 @@ const on = ({
      * component itself directly. Otherwise, they are provided to the wrapper element.
      */
     ...a ? {
-      attributes: Se({
+      attributes: Ce({
         block: t,
         context: o
       })
@@ -653,7 +653,7 @@ const on = ({
     includeBlockProps: a
   } : l;
 };
-function Re(e) {
+function Ae(e) {
   var a;
   k(() => !1);
   const [t, n] = k(
@@ -688,7 +688,7 @@ function Re(e) {
     }
   ) }) : null });
 }
-function Pe(e) {
+function Be(e) {
   const [t, n] = k(() => e.repeatContext);
   return B(() => {
     n(e.repeatContext);
@@ -702,7 +702,7 @@ function Pe(e) {
     }
   ) });
 }
-const Ze = {
+const nt = {
   xsmall: {
     min: 0,
     default: 160,
@@ -723,8 +723,8 @@ const Ze = {
     default: 991,
     max: 1200
   }
-}, ue = (e, t = Ze) => `@media (max-width: ${t[e].max}px)`, et = (e) => {
-  const t = ve(Ze);
+}, ue = (e, t = nt) => `@media (max-width: ${t[e].max}px)`, it = (e) => {
+  const t = Se(nt);
   if (!e)
     return t;
   const {
@@ -772,14 +772,14 @@ function te(e) {
     }
   );
 }
-function Ve(e) {
+function Ne(e) {
   function t() {
     const i = e.block;
     return be(i.hide) ? !i.hide : be(i.show) ? i.show : !0;
   }
   function n() {
     var T, E, _, H, q;
-    const i = e.block, a = i.responsiveStyles, r = e.context.content, o = et(
+    const i = e.block, a = i.responsiveStyles, r = e.context.content, o = it(
       ((T = r == null ? void 0 : r.meta) == null ? void 0 : T.breakpoints) || {}
     ), l = !!((_ = (E = r == null ? void 0 : r.meta) == null ? void 0 : E.breakpoints) != null && _.xsmall), c = a == null ? void 0 : a.large, d = a == null ? void 0 : a.medium, h = a == null ? void 0 : a.small, b = a == null ? void 0 : a.xsmall, u = i.id;
     if (!u)
@@ -844,7 +844,7 @@ function ln(e) {
   k(() => !1);
   const [t, n] = k(() => !1);
   return ye(le), B(() => {
-  }, []), /* @__PURE__ */ s(w, { children: t ? /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(Ve, { block: e.block, context: e.context }) }) }) : /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(Ve, { block: e.block, context: e.context }) }) });
+  }, []), /* @__PURE__ */ s(w, { children: t ? /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(Ne, { block: e.block, context: e.context }) }) }) : /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(Ne, { block: e.block, context: e.context }) }) });
 }
 function ce(e) {
   var h, b, u, S;
@@ -937,16 +937,16 @@ function ce(e) {
       }
     ),
     (h = r == null ? void 0 : r()) != null && h.noWrap ? t() ? /* @__PURE__ */ s(w, { children: (S = t()) == null ? void 0 : S.map((m, g) => /* @__PURE__ */ s(
-      Pe,
+      Be,
       {
         repeatContext: m.context,
         block: m.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
-      Ee(g)
+      Ve(g)
     )) }) : /* @__PURE__ */ s(
-      Re,
+      Ae,
       {
         componentRef: d().componentRef,
         componentOptions: d().componentOptions,
@@ -959,14 +959,14 @@ function ce(e) {
         isInteractive: d().isInteractive
       }
     ) : /* @__PURE__ */ s(w, { children: t() ? /* @__PURE__ */ s(w, { children: (u = t()) == null ? void 0 : u.map((m, g) => /* @__PURE__ */ s(
-      Pe,
+      Be,
       {
         repeatContext: m.context,
         block: m.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
-      Ee(g)
+      Ve(g)
     )) }) : /* @__PURE__ */ D(
       nn,
       {
@@ -975,7 +975,7 @@ function ce(e) {
         context: e.context,
         children: [
           /* @__PURE__ */ s(
-            Re,
+            Ae,
             {
               componentRef: d().componentRef,
               componentOptions: d().componentOptions,
@@ -1073,7 +1073,7 @@ function sn(e) {
 }
 function M(e) {
   var i, a, r;
-  const t = ye(le), n = ye(Me);
+  const t = ye(le), n = ye(ze);
   return /* @__PURE__ */ D(
     sn,
     {
@@ -1177,7 +1177,7 @@ function un(e) {
   }
   function u(f) {
     var T, E;
-    return et(
+    return it(
       ((E = (T = e.builderContext.content) == null ? void 0 : T.meta) == null ? void 0 : E.breakpoints) || {}
     )[f].max;
   }
@@ -1215,7 +1215,7 @@ function un(e) {
         href: f.link
       } : {},
       [K()]: "builder-column",
-      style: Qe(b(v))
+      style: Ze(b(v))
     };
   }
   return /* @__PURE__ */ D(w, { children: [
@@ -1239,7 +1239,7 @@ function un(e) {
             }
           ),
           (p = e.columns) == null ? void 0 : p.map((f, v) => /* @__PURE__ */ s(
-            xe,
+            ke,
             {
               TagName: a(f),
               actionAttributes: {},
@@ -1269,7 +1269,7 @@ function un(e) {
 function dn(e) {
   return /* @__PURE__ */ s("span", { children: e.children });
 }
-function Ae(e) {
+function $e(e) {
   return e.replace(/http(s)?:/, "");
 }
 function mn(e = "", t, n) {
@@ -1280,11 +1280,11 @@ function fn(e, t) {
   if (!e || !(e != null && e.match(/cdn\.shopify\.com/)) || !t)
     return e;
   if (t === "master")
-    return Ae(e);
+    return $e(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]), a = n[3], r = t.match("x") ? t : `${t}x`;
-    return Ae(`${i[0]}_${r}${a}`);
+    return $e(`${i[0]}_${r}${a}`);
   }
   return null;
 }
@@ -1626,7 +1626,7 @@ const yn = `function getPersonalizedVariant(variants, blockId, isHydrationTarget
       visibilityStylesEl.innerHTML = newStyleStr;
     }
   }
-}`, ne = "default", xn = "filterWithCustomTargeting", tt = "builderIoPersonalization", nt = "updateVisibilityStylesScript", it = ["react", "vue", "svelte", "qwik"], ie = ["vue", "svelte", "qwik"];
+}`, ne = "default", xn = "filterWithCustomTargeting", at = "builderIoPersonalization", rt = "updateVisibilityStylesScript", ot = ["react", "vue", "svelte", "qwik"], ie = ["vue", "svelte", "qwik"];
 function Sn(e, t) {
   return !(e && e.length > 0) || !t ? !1 : ie.includes(F) ? !0 : !G();
 }
@@ -1671,9 +1671,9 @@ function kn({
 }
 const Cn = () => `
   window.${xn} = ${pn}
-  window.${tt} = ${yn}
-  window.${nt} = ${vn}
-  `, at = F === "react", Tn = (e, t, n) => `window.${tt}(${JSON.stringify(e)}, "${t}", ${at}${n ? `, "${n}"` : ""})`, In = (e, t, n) => `window.${nt}(${JSON.stringify(e)}, "${t}", ${at}${n ? `, "${n}"` : ""})`, me = {
+  window.${at} = ${yn}
+  window.${rt} = ${vn}
+  `, lt = F === "react", Tn = (e, t, n) => `window.${at}(${JSON.stringify(e)}, "${t}", ${lt}${n ? `, "${n}"` : ""})`, In = (e, t, n) => `window.${rt}(${JSON.stringify(e)}, "${t}", ${lt}${n ? `, "${n}"` : ""})`, me = {
   "@type": "@builder.io/sdk:Element",
   layerName: "Accordion item title",
   responsiveStyles: {
@@ -1797,7 +1797,7 @@ const Cn = () => `
     builderComponents: !0,
     builderLinkComponent: !0
   }
-}, Be = (e) => e.toString();
+}, We = (e) => e.toString();
 function En(e) {
   var b;
   const [t, n] = k(() => []);
@@ -1885,7 +1885,7 @@ function En(e) {
           ...r(),
           ...e.grid && {
             width: e.gridRowWidth,
-            order: c() !== null ? Be(S) : Be(S + 1)
+            order: c() !== null ? We(S) : We(S + 1)
           }
         },
         "data-index": S,
@@ -2172,7 +2172,7 @@ const Rn = {
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, ke = ["jpeg", "jpg", "png", "svg", "webp", "gif", "jfif", "pjpeg", "pjp", "apng", "avif", "tif", "tiff", "heif", "bmp", "eps", "raw", "cr2", "nef", "orf", "sr2", "psd", "heic", "dib", "ai"], An = ["mp4", "webm", "mkv", "flv", "vob", "ogv", "ogg", "drc", "gif", "gifv", "mng", "avi", "mov", "qt", "mts", "m2ts", "ts", "wmv", "yuv", "rm", "rmvb", "viv", "asf", "amv", "m4p", "mpeg", "mpe", "m2v", "m4v", "svi", "3gp", "3g2", "mxf", "roq", "nsv", "f4v", "f4p", "f4a", "f4b"], Bn = {
+}, Te = ["jpeg", "jpg", "png", "svg", "webp", "gif", "jfif", "pjpeg", "pjp", "apng", "avif", "tif", "tiff", "heif", "bmp", "eps", "raw", "cr2", "nef", "orf", "sr2", "psd", "heic", "dib", "ai"], An = ["mp4", "webm", "mkv", "flv", "vob", "ogv", "ogg", "drc", "gif", "gifv", "mng", "avi", "mov", "qt", "mts", "m2ts", "ts", "wmv", "yuv", "rm", "rmvb", "viv", "asf", "amv", "m4p", "mpeg", "mpe", "m2v", "m4v", "svi", "3gp", "3g2", "mxf", "roq", "nsv", "f4v", "f4p", "f4a", "f4b"], Bn = {
   name: "Image",
   static: !0,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -2187,7 +2187,7 @@ const Rn = {
     name: "image",
     type: "file",
     bubble: !0,
-    allowedFileTypes: ke,
+    allowedFileTypes: Te,
     required: !0,
     defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
     onChange: (e) => {
@@ -2334,7 +2334,7 @@ function J(e) {
 function $n(e) {
   var v, T, E, _, H, q, y, x, V, A, $, R, P;
   const t = z(null), [n, i] = k(
-    () => Te.getUserAttributes()
+    () => Ee.getUserAttributes()
   ), [a, r] = k(
     () => {
       var I, N, C;
@@ -2405,7 +2405,7 @@ function $n(e) {
   return B(() => {
     var N;
     S(!0);
-    const I = Te.subscribeOnUserAttributesChange(
+    const I = Ee.subscribeOnUserAttributesChange(
       (C) => {
         i(C);
       },
@@ -2475,7 +2475,7 @@ function $n(e) {
           }
         ),
         (x = e.variants) == null ? void 0 : x.map((I, N) => {
-          var C, W, L, O, j, Ce;
+          var C, W, L, O, j, we;
           return /* @__PURE__ */ s(
             M,
             {
@@ -2499,7 +2499,7 @@ function $n(e) {
                 }
               )
             },
-            `${(Ce = e.builderBlock) == null ? void 0 : Ce.id}-${N}`
+            `${(we = e.builderBlock) == null ? void 0 : we.id}-${N}`
           );
         })
       ] }) : null,
@@ -3302,7 +3302,7 @@ function Xn(e) {
       else {
         const y = {};
         Array.from(T).forEach(({ value: x, key: V }) => {
-          He(y, V, x);
+          je(y, V, x);
         }), f = JSON.stringify(y);
       }
       E && E !== "multipart/form-data" && (S && ((m = e.action) != null && m.includes("zapier.com")) || (p["content-type"] = E));
@@ -3317,7 +3317,7 @@ function Xn(e) {
       const H = `${Yn() === "dev" ? "http://localhost:5000" : "https://builder.io"}/api/v1/form-submit?apiKey=${e.builderContext.apiKey}&to=${btoa(
         e.sendSubmissionsToEmail || ""
       )}&name=${encodeURIComponent(e.name || "")}`, q = e.sendSubmissionsTo === "email" ? H : e.action;
-      Le(q), fetch(q, { body: f, headers: p, method: e.method || "post" }).then(
+      Ue(q), fetch(q, { body: f, headers: p, method: e.method || "post" }).then(
         async (y) => {
           var A, $;
           let x;
@@ -3329,7 +3329,7 @@ function Xn(e) {
             if ((A = t.current) != null && A.nativeElement && (($ = t.current) == null || $.nativeElement.dispatchEvent(R), R.defaultPrevented))
               return;
             r(x), i("error");
-            let P = e.errorMessagePath ? qe(x, e.errorMessagePath) : x.message || x.error || x;
+            let P = e.errorMessagePath ? Ke(x, e.errorMessagePath) : x.message || x.error || x;
             typeof P != "string" && (P = JSON.stringify(P)), l(P), c({ formErrorMessage: P });
             return;
           }
@@ -3461,7 +3461,7 @@ const Zn = {
   }
 };
 function ei(e) {
-  return /* @__PURE__ */ Ue(
+  return /* @__PURE__ */ qe(
     "input",
     {
       ...e.attributes,
@@ -3520,7 +3520,7 @@ const ti = {
 };
 function ni(e) {
   var t;
-  return /* @__PURE__ */ Ue(
+  return /* @__PURE__ */ qe(
     "select",
     {
       ...e.attributes,
@@ -3620,7 +3620,7 @@ const li = {
     name: "image",
     bubble: !0,
     type: "file",
-    allowedFileTypes: ke,
+    allowedFileTypes: Te,
     required: !0
   }, {
     name: "backgroundSize",
@@ -3702,7 +3702,7 @@ const ci = {
   }, {
     name: "posterImage",
     type: "file",
-    allowedFileTypes: ke,
+    allowedFileTypes: Te,
     helperText: "Image to show before the video plays"
   }, {
     name: "autoPlay",
@@ -3932,7 +3932,7 @@ const di = () => [{
 }, {
   component: ui,
   ...ci
-}], Ne = () => [{
+}], De = () => [{
   component: kt,
   ...Rn
 }, {
@@ -3956,7 +3956,7 @@ const di = () => [{
 }, {
   component: Hn,
   ...Un
-}, ...it.includes(F) ? [{
+}, ...ot.includes(F) ? [{
   component: $n,
   ...Nn
 }] : [], {
@@ -4058,26 +4058,34 @@ const di = () => [{
     thisScriptEl?.remove();
   }
   return;
-}`, rt = "builderIoAbTest", ot = "builderIoRenderContent", ae = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, ve = "builderIoAbTest", xe = "builderIoRenderContent", ae = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
 })), hi = ({
   canTrack: e,
   content: t
-}) => !(!(ae(t).length > 0) || !e || G()), gi = (e) => e === "react" || e === "reactNative", bi = F === "angular", lt = gi(F), yi = () => `
-  window.${rt} = ${mi}
-  window.${ot} = ${fi}
+}) => !(!(ae(t).length > 0) || !e || G()), gi = (e) => e === "react" || e === "reactNative", bi = F === "angular", Ie = gi(F), yi = () => `
+  (function() {
+    if (!window.${ve}) {
+      window.${ve} = ${mi};
+    }
+    if (!window.${xe}) {
+      window.${xe} = ${fi};
+    }${Ie ? `
+    var thisScriptEl = document.currentScript;
+    if (thisScriptEl) { thisScriptEl.remove(); }` : ""}
+  })();
   `, pi = (e, t) => `
-  window.${rt}(
-    "${t}",${JSON.stringify(e)}, ${lt}, ${bi}
+  window.${ve}(
+    "${t}",${JSON.stringify(e)}, ${Ie}, ${bi}
   )`, vi = ({
   contentId: e,
   variationId: t
-}) => `window.${ot}(
-    "${t}", "${e}", ${lt}
+}) => `window.${xe}(
+    "${t}", "${e}", ${Ie}
   )`;
-function $e(e) {
+function Fe(e) {
   return Math.round(e * 1e3) / 1e3;
 }
 const xi = (e, t, n = !0) => {
@@ -4094,11 +4102,11 @@ const xi = (e, t, n = !0) => {
 }, Si = (e) => xi(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
-}), We = ({
+}), Le = ({
   event: e,
   target: t
 }) => {
-  const n = t.getBoundingClientRect(), i = e.clientX - n.left, a = e.clientY - n.top, r = $e(i / n.width), o = $e(a / n.height);
+  const n = t.getBoundingClientRect(), i = e.clientX - n.left, a = e.clientY - n.top, r = Fe(i / n.width), o = Fe(a / n.height);
   return {
     x: r,
     y: o
@@ -4108,18 +4116,18 @@ const xi = (e, t, n = !0) => {
   return {
     targetBuilderElement: i || void 0,
     metadata: {
-      targetOffset: t ? We({
+      targetOffset: t ? Le({
         event: e,
         target: t
       }) : void 0,
-      builderTargetOffset: n ? We({
+      builderTargetOffset: n ? Le({
         event: e,
         target: n
       }) : void 0,
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, Ci = ["svelte", "qwik", "vue"], De = () => Ci.includes(F) && (U() || oe()), Ti = (e) => {
+}, Ci = ["svelte", "qwik", "vue"], Oe = () => Ci.includes(F) && (U() || oe()), Ti = (e) => {
   var r, o;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], i = (o = e.fileUrl) != null ? o : (r = e == null ? void 0 : e.files) == null ? void 0 : r.regular;
   let a = "";
@@ -4236,7 +4244,7 @@ function Vi(e) {
           });
         },
         animation: (V) => {
-          Je(V);
+          Ye(V);
         },
         contentUpdate: (V, A) => {
           l(V);
@@ -4252,7 +4260,7 @@ function Vi(e) {
     var V, A;
     if (e.builderContextSignal.content) {
       const $ = (V = e.builderContextSignal.content) == null ? void 0 : V.testVariationId, R = (A = e.builderContextSignal.content) == null ? void 0 : A.id;
-      Ie({
+      Re({
         apiHost: e.apiHost,
         type: "click",
         canTrack: Z(e.canTrack),
@@ -4297,7 +4305,7 @@ function Vi(e) {
           url: C,
           method: "GET"
         };
-        Le(JSON.stringify(W));
+        Ue(JSON.stringify(W));
         const L = {
           method: W.method,
           headers: W.headers,
@@ -4325,7 +4333,7 @@ function Vi(e) {
         "builder:component:stateChange",
         {
           detail: {
-            state: ve(e.builderContextSignal.rootState),
+            state: Se(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -4368,7 +4376,7 @@ function Vi(e) {
       }), N = (A = e.builderContextSignal.content) == null ? void 0 : A.testVariationId;
       if (P && N === I) {
         const C = ($ = e.builderContextSignal.content) == null ? void 0 : $.id, W = e.apiKey;
-        Ie({
+        Re({
           apiHost: e.apiHost,
           type: "impression",
           canTrack: !0,
@@ -4381,7 +4389,7 @@ function Vi(e) {
         const C = new URL(location.href).searchParams, W = C.get("builder.preview"), L = C.get(
           `builder.overrides.${W}`
         ), O = C.get("apiKey") || C.get("builder.space");
-        (W === "BUILDER_STUDIO" || W === e.model && O === e.apiKey && (!e.content || L === e.content.id)) && Oe({
+        (W === "BUILDER_STUDIO" || W === e.model && O === e.apiKey && (!e.content || L === e.content.id)) && He({
           model: e.model,
           apiKey: e.apiKey,
           apiVersion: e.builderContextSignal.apiVersion,
@@ -4418,7 +4426,7 @@ function Vi(e) {
       "builder:component:stateChangeListenerActivated",
       E
     ));
-  }, []), /* @__PURE__ */ s(le.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || De() ? /* @__PURE__ */ s(
+  }, []), /* @__PURE__ */ s(le.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || Oe() ? /* @__PURE__ */ s(
     d,
     {
       ref: t,
@@ -4429,7 +4437,7 @@ function Vi(e) {
         ((q = e.content) == null ? void 0 : q.testVariationId) || ((y = e.content) == null ? void 0 : y.id)
       ),
       style: {
-        display: !e.builderContextSignal.content && De() ? "none" : void 0
+        display: !e.builderContextSignal.content && Oe() ? "none" : void 0
       },
       ...c(),
       ...e.contentWrapperProps,
@@ -4487,7 +4495,7 @@ const Bi = ({
   },
   meta: e == null ? void 0 : e.meta
 } : void 0;
-function Fe(e) {
+function _e(e) {
   var d, h, b, u, S, m, g, p, f;
   const [t, n] = k(
     () => {
@@ -4508,14 +4516,14 @@ function Fe(e) {
   }
   const [a, r] = k(
     () => [
-      ...Ne(),
+      ...De(),
       ...e.customComponents || []
     ].reduce(
       (v, { component: T, ...E }) => ({
         ...v,
         [E.name]: {
           component: T,
-          ...we(E)
+          ...Pe(E)
         }
       }),
       {}
@@ -4537,12 +4545,12 @@ function Fe(e) {
     apiKey: e.apiKey,
     apiVersion: e.apiVersion,
     componentInfos: [
-      ...Ne(),
+      ...De(),
       ...e.customComponents || []
     ].reduce(
       (v, { component: T, ...E }) => ({
         ...v,
-        [E.name]: we(E)
+        [E.name]: Pe(E)
       }),
       {}
     ),
@@ -4570,7 +4578,7 @@ function Fe(e) {
   }
   return B(() => {
   }, [e.content, e.data, e.locale]), /* @__PURE__ */ s(
-    Me.Provider,
+    ze.Provider,
     {
       value: {
         registeredComponents: a
@@ -4662,7 +4670,15 @@ function $i(e) {
   }
   return B(() => {
   }, []), /* @__PURE__ */ D(w, { children: [
-    !e.isNestedRender && F !== "reactNative" ? /* @__PURE__ */ D(w, { children: [
+    !e.isNestedRender && F !== "reactNative" ? /* @__PURE__ */ s(w, { children: ot.includes(F) ? /* @__PURE__ */ s(
+      J,
+      {
+        id: "builderio-init-personalization-variants-fns",
+        nonce: e.nonce || "",
+        scriptStr: Cn()
+      }
+    ) : null }) : null,
+    t ? /* @__PURE__ */ D(w, { children: [
       /* @__PURE__ */ s(
         J,
         {
@@ -4671,16 +4687,6 @@ function $i(e) {
           nonce: e.nonce || ""
         }
       ),
-      it.includes(F) ? /* @__PURE__ */ s(
-        J,
-        {
-          id: "builderio-init-personalization-variants-fns",
-          nonce: e.nonce || "",
-          scriptStr: Cn()
-        }
-      ) : null
-    ] }) : null,
-    t ? /* @__PURE__ */ D(w, { children: [
       /* @__PURE__ */ s(
         te,
         {
@@ -4698,7 +4704,7 @@ function $i(e) {
         }
       ),
       (o = ae(e.content)) == null ? void 0 : o.map((l) => /* @__PURE__ */ s(
-        Fe,
+        _e,
         {
           apiHost: e.apiHost,
           isNestedRender: e.isNestedRender,
@@ -4726,7 +4732,7 @@ function $i(e) {
       ))
     ] }) : null,
     /* @__PURE__ */ s(
-      Fe,
+      _e,
       {
         apiHost: e.apiHost,
         nonce: e.nonce,
@@ -4759,7 +4765,7 @@ const Wi = 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 Oe({
+    return He({
       model: t.model,
       apiKey: t.global && t.ownerId ? t.ownerId : e.apiKey,
       apiVersion: e.apiVersion,