@builder.io/sdk-react 1.0.28 → 1.0.29

package/lib/browser/blocks-exports.mjs

@@ -3,7 +3,7 @@ var Ke = Object.defineProperty;
 var qe = (e, t, n) => t in e ? Ke(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var ie = (e, t, n) => (qe(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 _, isEditing as $, isBrowser as M, getUserAttributes as _e, checkIsDefined as G, logger as Z, fastClone as de, registerInsertMenu as ze, setupBrowserForEditing as Je, createRegisterComponentMessage as Ye, getDefaultCanTrack as Q, _track as he, isPreviewing as Ge, fetchOneEntry as we, createEditorListener as Qe, fetch as Xe, serializeComponentInfo as ge, handleABTestingSync as Ze } from "./server-entry-b2b0b732.js";
+import { TARGET as _, isEditing as $, isBrowser as M, getUserAttributes as _e, checkIsDefined as G, logger as Z, fastClone as de, registerInsertMenu as ze, setupBrowserForEditing as Je, createRegisterComponentMessage as Ye, getDefaultCanTrack as Q, _track as he, isPreviewing as Ge, fetchOneEntry as we, createEditorListener as Qe, fetch as Xe, serializeComponentInfo as ge, handleABTestingSync as Ze } from "./server-entry-99f6be25.js";
 import { createContext as Ee, useState as C, useEffect as P, useContext as be, useRef as ee, createElement as Re } from "react";
 const et = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), tt = (e) => typeof e == "string" && et.has(e.toLowerCase());
 function ue(e) {
@@ -526,7 +526,7 @@ function kt(e) {
     return G(i.hide) ? !i.hide : G(i.show) ? i.show : !0;
   }
   function n() {
-    var S, R, B;
+    var x, R, B;
     const i = X({
       block: e.block,
       localState: e.context.localState,
@@ -535,7 +535,7 @@ function kt(e) {
       context: e.context.context,
       shouldEvaluateBindings: !0
     }), o = i.responsiveStyles, r = e.context.content, a = Le(
-      ((S = r == null ? void 0 : r.meta) == null ? void 0 : S.breakpoints) || {}
+      ((x = r == null ? void 0 : r.meta) == null ? void 0 : x.breakpoints) || {}
     ), l = o == null ? void 0 : o.large, c = o == null ? void 0 : o.medium, u = o == null ? void 0 : o.small, f = i.id;
     if (!f)
       return "";
@@ -1037,7 +1037,7 @@ function Wt(e) {
       })
     };
   }
-  function S(v) {
+  function x(v) {
     var W, b;
     return Le(
       ((b = (W = e.builderContext.content) == null ? void 0 : W.meta) == null ? void 0 : b.breakpoints) || {}
@@ -1045,7 +1045,7 @@ function Wt(e) {
   }
   function R() {
     return `
-        @media (max-width: ${S("medium")}px) {
+        @media (max-width: ${x("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -1057,7 +1057,7 @@ function Wt(e) {
           }
         }
 
-        @media (max-width: ${S("small")}px) {
+        @media (max-width: ${x("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -1083,7 +1083,7 @@ function Wt(e) {
     /* @__PURE__ */ V(
       "div",
       {
-        className: Nt((A = e.builderBlock) == null ? void 0 : A.id) + " div-00cb97e2",
+        className: Nt((A = e.builderBlock) == null ? void 0 : A.id) + " div-bade6b34",
         style: p(),
         children: [
           /* @__PURE__ */ s(ne, { id: "builderio-columns", styles: R() }),
@@ -1113,7 +1113,7 @@ function Wt(e) {
         ]
       }
     ),
-    /* @__PURE__ */ s("style", { children: `.div-00cb97e2 {
+    /* @__PURE__ */ s("style", { children: `.div-bade6b34 {
   display: flex;
   line-height: normal;
 }` })
@@ -1256,7 +1256,249 @@ function Ot(e) {
     }
   );
 }
-const jt = {
+const ae = {
+  "@type": "@builder.io/sdk:Element",
+  layerName: "Accordion item title",
+  responsiveStyles: {
+    large: {
+      marginTop: "10px",
+      position: "relative",
+      display: "flex",
+      alignItems: "stretch",
+      flexDirection: "column",
+      paddingBottom: "10px"
+    }
+  },
+  children: [{
+    "@type": "@builder.io/sdk:Element",
+    responsiveStyles: {
+      large: {
+        textAlign: "left",
+        display: "flex",
+        flexDirection: "column"
+      }
+    },
+    component: {
+      name: "Text",
+      options: {
+        text: "I am an accordion title. Click me!"
+      }
+    }
+  }]
+}, re = {
+  "@type": "@builder.io/sdk:Element",
+  layerName: "Accordion item detail",
+  responsiveStyles: {
+    large: {
+      position: "relative",
+      display: "flex",
+      alignItems: "stretch",
+      flexDirection: "column",
+      marginTop: "10px",
+      paddingBottom: "10px"
+    }
+  },
+  children: [{
+    "@type": "@builder.io/sdk:Element",
+    responsiveStyles: {
+      large: {
+        paddingTop: "50px",
+        textAlign: "left",
+        display: "flex",
+        flexDirection: "column",
+        paddingBottom: "50px"
+      }
+    },
+    component: {
+      name: "Text",
+      options: {
+        text: "I am an accordion detail, hello!"
+      }
+    }
+  }]
+}, jt = {
+  name: "Builder:Accordion",
+  canHaveChildren: !0,
+  image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
+  defaultStyles: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "stretch"
+  },
+  inputs: [{
+    name: "items",
+    type: "list",
+    broadcast: !0,
+    subFields: [{
+      name: "title",
+      type: "uiBlocks",
+      hideFromUI: !0,
+      defaultValue: [ae]
+    }, {
+      name: "detail",
+      type: "uiBlocks",
+      hideFromUI: !0,
+      defaultValue: [re]
+    }],
+    defaultValue: [{
+      title: [ae],
+      detail: [re]
+    }, {
+      title: [ae],
+      detail: [re]
+    }],
+    showIf: (e) => !e.get("useChildrenForItems")
+  }, {
+    name: "oneAtATime",
+    helperText: "Only allow opening one at a time (collapse all others when new item openned)",
+    type: "boolean",
+    defaultValue: !1
+  }, {
+    name: "grid",
+    helperText: "Display as a grid",
+    type: "boolean",
+    defaultValue: !1
+  }, {
+    name: "gridRowWidth",
+    helperText: "Display as a grid",
+    type: "string",
+    showIf: (e) => e.get("grid"),
+    defaultValue: "25%"
+  }, {
+    name: "useChildrenForItems",
+    type: "boolean",
+    helperText: "Use child elements for each slide, instead of the array. Useful for dynamically repeating items",
+    advanced: !0,
+    defaultValue: !1,
+    onChange: (e) => {
+      e.get("useChildrenForItems") === !0 && e.set("items", []);
+    }
+  }]
+}, ve = (e) => e.toString();
+function Ut(e) {
+  var d;
+  const [t, n] = C(() => []);
+  function i() {
+    return !!(e.grid || e.oneAtATime);
+  }
+  function o() {
+    return {
+      display: "flex",
+      alignItems: "stretch",
+      flexDirection: "column",
+      ...e.grid && {
+        flexDirection: "row",
+        alignItems: "flex-start",
+        flexWrap: "wrap"
+      }
+    };
+  }
+  function r() {
+    const g = {
+      ...{
+        display: "flex",
+        flexDirection: "column"
+      },
+      alignItems: "stretch",
+      cursor: "pointer"
+    };
+    return Object.fromEntries(
+      Object.entries(g).filter(([p, I]) => I !== void 0)
+    );
+  }
+  function a(m) {
+    return `builder-accordion-title builder-accordion-title-${t.includes(m) ? "open" : "closed"}`;
+  }
+  function l(m) {
+    return `builder-accordion-detail builder-accordion-detail-${t.includes(m) ? "open" : "closed"}`;
+  }
+  function c() {
+    let m = null;
+    if (e.grid && t.length && document) {
+      const p = t[0];
+      let x = document.querySelector(
+        `.builder-accordion-title[data-index="${p}"]`
+      );
+      if (m = p, x) {
+        let R = x.getBoundingClientRect();
+        for (; x = x && x.nextElementSibling; )
+          if (x) {
+            if (x.classList.contains("builder-accordion-detail"))
+              continue;
+            const B = x.getBoundingClientRect();
+            if (B.left > R.left) {
+              const A = parseInt(
+                x.getAttribute("data-index") || "",
+                10
+              );
+              isNaN(A) || (R = B, m = A);
+            } else
+              break;
+          }
+      }
+    }
+    return typeof m == "number" && (m = m + 1), m;
+  }
+  function u() {
+    const m = {
+      order: typeof c() == "number" ? c() : void 0,
+      ...e.grid && {
+        width: "100%"
+      }
+    };
+    return Object.fromEntries(
+      Object.entries(m).filter(([g, p]) => p !== void 0)
+    );
+  }
+  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__ */ V(E, { children: [
+    /* @__PURE__ */ s(
+      "div",
+      {
+        className: a(g),
+        style: {
+          ...r(),
+          width: e.grid ? e.gridRowWidth : void 0,
+          order: c() !== null ? ve(g) : ve(g + 1)
+        },
+        "data-index": g,
+        onClick: (p) => f(g),
+        children: /* @__PURE__ */ s(
+          D,
+          {
+            blocks: m.title,
+            path: `items.${g}.title`,
+            parent: e.builderBlock.id,
+            context: e.builderContext,
+            registeredComponents: e.builderComponents,
+            linkComponent: e.builderLinkComponent
+          }
+        )
+      }
+    ),
+    t.includes(g) ? /* @__PURE__ */ s(
+      "div",
+      {
+        className: l(g),
+        style: u(),
+        children: /* @__PURE__ */ s(
+          D,
+          {
+            blocks: m.detail,
+            path: `items.${g}.detail`,
+            parent: e.builderBlock.id,
+            context: e.builderContext,
+            registeredComponents: e.builderComponents,
+            linkComponent: e.builderLinkComponent
+          }
+        )
+      }
+    ) : null
+  ] })) });
+}
+const Mt = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1289,7 +1531,7 @@ const jt = {
   }],
   static: !0,
   noWrap: !0
-}, Ut = {
+}, Ht = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1490,13 +1732,13 @@ const jt = {
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, Mt = {
+}, Kt = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, Ht = {
+}, qt = {
   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",
@@ -1596,7 +1838,7 @@ const jt = {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, Kt = {
+}, _t = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1635,7 +1877,7 @@ const jt = {
       }
     }
   }]
-}, qt = {
+}, zt = {
   name: "Slot",
   isRSC: !0,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -1649,7 +1891,7 @@ const jt = {
     defaultValue: "children"
   }]
 };
-function _t(e) {
+function Jt(e) {
   var t, n, i;
   return /* @__PURE__ */ s(
     "div",
@@ -1672,7 +1914,7 @@ function _t(e) {
     }
   );
 }
-const zt = {
+const Yt = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1705,7 +1947,7 @@ const zt = {
     hideFromUI: !0,
     type: "boolean"
   }]
-}, ae = {
+}, le = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -1727,7 +1969,7 @@ const zt = {
       text: "New tab"
     }
   }
-}, re = {
+}, se = {
   "@type": "@builder.io/sdk:Element",
   responsiveStyles: {
     large: {
@@ -1743,7 +1985,7 @@ const zt = {
       text: "New tab content "
     }
   }
-}, Jt = {
+}, Gt = {
   name: "Builder: Tabs",
   inputs: [{
     name: "tabs",
@@ -1753,16 +1995,16 @@ const zt = {
       name: "label",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [ae]
+      defaultValue: [le]
     }, {
       name: "content",
       type: "uiBlocks",
       hideFromUI: !0,
-      defaultValue: [re]
+      defaultValue: [se]
     }],
     defaultValue: [{
       label: [{
-        ...ae,
+        ...le,
         component: {
           name: "Text",
           options: {
@@ -1771,7 +2013,7 @@ const zt = {
         }
       }],
       content: [{
-        ...re,
+        ...se,
         component: {
           name: "Text",
           options: {
@@ -1781,7 +2023,7 @@ const zt = {
       }]
     }, {
       label: [{
-        ...ae,
+        ...le,
         component: {
           name: "Text",
           options: {
@@ -1790,7 +2032,7 @@ const zt = {
         }
       }],
       content: [{
-        ...re,
+        ...se,
         component: {
           name: "Text",
           options: {
@@ -1841,7 +2083,7 @@ const zt = {
     }]
   }]
 };
-function Yt(e) {
+function Qt(e) {
   var r;
   const [t, n] = C(
     () => e.defaultActiveTab ? e.defaultActiveTab - 1 : 0
@@ -1900,7 +2142,7 @@ function Yt(e) {
     ) }) : null
   ] });
 }
-const Gt = {
+const Xt = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1919,7 +2161,7 @@ const Gt = {
     textAlign: "center"
   }
 };
-function Qt(e) {
+function Zt(e) {
   var t;
   return /* @__PURE__ */ s(
     "div",
@@ -1932,249 +2174,7 @@ function Qt(e) {
     }
   );
 }
-const ve = (e) => e.toString();
-function Xt(e) {
-  var d;
-  const [t, n] = C(() => []);
-  function i() {
-    return !!(e.grid || e.oneAtATime);
-  }
-  function o() {
-    return {
-      display: "flex",
-      alignItems: "stretch",
-      flexDirection: "column",
-      ...e.grid && {
-        flexDirection: "row",
-        alignItems: "flex-start",
-        flexWrap: "wrap"
-      }
-    };
-  }
-  function r() {
-    const g = {
-      ...{
-        display: "flex",
-        flexDirection: "column"
-      },
-      alignItems: "stretch",
-      cursor: "pointer"
-    };
-    return Object.fromEntries(
-      Object.entries(g).filter(([p, I]) => I !== void 0)
-    );
-  }
-  function a(m) {
-    return `builder-accordion-title builder-accordion-title-${t.includes(m) ? "open" : "closed"}`;
-  }
-  function l(m) {
-    return `builder-accordion-detail builder-accordion-detail-${t.includes(m) ? "open" : "closed"}`;
-  }
-  function c() {
-    let m = null;
-    if (e.grid && t.length && document) {
-      const p = t[0];
-      let S = document.querySelector(
-        `.builder-accordion-title[data-index="${p}"]`
-      );
-      if (m = p, S) {
-        let R = S.getBoundingClientRect();
-        for (; S = S && S.nextElementSibling; )
-          if (S) {
-            if (S.classList.contains("builder-accordion-detail"))
-              continue;
-            const B = S.getBoundingClientRect();
-            if (B.left > R.left) {
-              const A = parseInt(
-                S.getAttribute("data-index") || "",
-                10
-              );
-              isNaN(A) || (R = B, m = A);
-            } else
-              break;
-          }
-      }
-    }
-    return typeof m == "number" && (m = m + 1), m;
-  }
-  function u() {
-    const m = {
-      order: typeof c() == "number" ? c() : void 0,
-      ...e.grid && {
-        width: "100%"
-      }
-    };
-    return Object.fromEntries(
-      Object.entries(m).filter(([g, p]) => p !== void 0)
-    );
-  }
-  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__ */ V(E, { children: [
-    /* @__PURE__ */ s(
-      "div",
-      {
-        className: a(g),
-        style: {
-          ...r(),
-          width: e.grid ? e.gridRowWidth : void 0,
-          order: c() !== null ? ve(g) : ve(g + 1)
-        },
-        "data-index": g,
-        onClick: (p) => f(g),
-        children: /* @__PURE__ */ s(
-          D,
-          {
-            blocks: m.title,
-            path: `items.${g}.title`,
-            parent: e.builderBlock.id,
-            context: e.builderContext,
-            registeredComponents: e.builderComponents,
-            linkComponent: e.builderLinkComponent
-          }
-        )
-      }
-    ),
-    t.includes(g) ? /* @__PURE__ */ s(
-      "div",
-      {
-        className: l(g),
-        style: u(),
-        children: /* @__PURE__ */ s(
-          D,
-          {
-            blocks: m.detail,
-            path: `items.${g}.detail`,
-            parent: e.builderBlock.id,
-            context: e.builderContext,
-            registeredComponents: e.builderComponents,
-            linkComponent: e.builderLinkComponent
-          }
-        )
-      }
-    ) : null
-  ] })) });
-}
-const le = {
-  "@type": "@builder.io/sdk:Element",
-  layerName: "Accordion item title",
-  responsiveStyles: {
-    large: {
-      marginTop: "10px",
-      position: "relative",
-      display: "flex",
-      alignItems: "stretch",
-      flexDirection: "column",
-      paddingBottom: "10px"
-    }
-  },
-  children: [{
-    "@type": "@builder.io/sdk:Element",
-    responsiveStyles: {
-      large: {
-        textAlign: "left",
-        display: "flex",
-        flexDirection: "column"
-      }
-    },
-    component: {
-      name: "Text",
-      options: {
-        text: "I am an accordion title. Click me!"
-      }
-    }
-  }]
-}, se = {
-  "@type": "@builder.io/sdk:Element",
-  layerName: "Accordion item detail",
-  responsiveStyles: {
-    large: {
-      position: "relative",
-      display: "flex",
-      alignItems: "stretch",
-      flexDirection: "column",
-      marginTop: "10px",
-      paddingBottom: "10px"
-    }
-  },
-  children: [{
-    "@type": "@builder.io/sdk:Element",
-    responsiveStyles: {
-      large: {
-        paddingTop: "50px",
-        textAlign: "left",
-        display: "flex",
-        flexDirection: "column",
-        paddingBottom: "50px"
-      }
-    },
-    component: {
-      name: "Text",
-      options: {
-        text: "I am an accordion detail, hello!"
-      }
-    }
-  }]
-}, Zt = {
-  name: "Builder:Accordion",
-  canHaveChildren: !0,
-  image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
-  defaultStyles: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "stretch"
-  },
-  inputs: [{
-    name: "items",
-    type: "list",
-    broadcast: !0,
-    subFields: [{
-      name: "title",
-      type: "uiBlocks",
-      hideFromUI: !0,
-      defaultValue: [le]
-    }, {
-      name: "detail",
-      type: "uiBlocks",
-      hideFromUI: !0,
-      defaultValue: [se]
-    }],
-    defaultValue: [{
-      title: [le],
-      detail: [se]
-    }, {
-      title: [le],
-      detail: [se]
-    }],
-    showIf: (e) => !e.get("useChildrenForItems")
-  }, {
-    name: "oneAtATime",
-    helperText: "Only allow opening one at a time (collapse all others when new item openned)",
-    type: "boolean",
-    defaultValue: !1
-  }, {
-    name: "grid",
-    helperText: "Display as a grid",
-    type: "boolean",
-    defaultValue: !1
-  }, {
-    name: "gridRowWidth",
-    helperText: "Display as a grid",
-    type: "string",
-    showIf: (e) => e.get("grid"),
-    defaultValue: "25%"
-  }, {
-    name: "useChildrenForItems",
-    type: "boolean",
-    helperText: "Use child elements for each slide, instead of the array. Useful for dynamically repeating items",
-    advanced: !0,
-    defaultValue: !1,
-    onChange: (e) => {
-      e.get("useChildrenForItems") === !0 && e.set("items", []);
-    }
-  }]
-}, en = {
+const en = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -2534,12 +2534,12 @@ function un(e) {
   var d, m;
   const t = ee(null), [n, i] = C(() => "unsubmitted"), [o, r] = C(() => null), [a, l] = C(() => "");
   function c(g) {
-    var I, S;
+    var I, x;
     const p = {
       ...e.builderContext.rootState,
       ...g
     };
-    e.builderContext.rootSetState ? (S = (I = e.builderContext).rootSetState) == null || S.call(I, p) : e.builderContext.rootState = p;
+    e.builderContext.rootSetState ? (x = (I = e.builderContext).rootSetState) == null || x.call(I, p) : e.builderContext.rootState = p;
   }
   function u() {
     return $() && e.previewState || n;
@@ -2555,11 +2555,9 @@ function un(e) {
         return;
       }
       g.preventDefault();
-      const S = g.currentTarget, R = e.customHeaders || {};
+      const x = g.currentTarget || g.target, R = e.customHeaders || {};
       let B;
-      const A = new FormData(S), O = Array.from(
-        g.currentTarget.querySelectorAll("input,select,textarea")
-      ).filter((b) => !!b.name).map((b) => {
+      const A = new FormData(x), O = Array.from(x.querySelectorAll("input,select,textarea")).filter((b) => !!b.name).map((b) => {
         let h;
         const y = b.name;
         if (b instanceof HTMLInputElement)
@@ -2572,8 +2570,8 @@ function un(e) {
           } else if (b.type === "checkbox")
             h = b.checked;
           else if (b.type === "number" || b.type === "range") {
-            const x = b.valueAsNumber;
-            isNaN(x) || (h = x);
+            const S = b.valueAsNumber;
+            isNaN(S) || (h = S);
           } else
             b.type === "file" ? h = b.files : h = b.value;
         else
@@ -2610,15 +2608,15 @@ function un(e) {
           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 x = dn(h, e.errorMessagePath);
-            x && (typeof x != "string" && (x = JSON.stringify(x)), l(x), c({ formErrorMessage: x }));
+            let S = dn(h, e.errorMessagePath);
+            S && (typeof S != "string" && (S = JSON.stringify(S)), l(S), c({ formErrorMessage: S }));
           }
           if (r(h), i(b.ok ? "success" : "error"), b.ok) {
-            const x = new CustomEvent("submit:success", {
+            const S = new CustomEvent("submit:success", {
               detail: { res: b, body: h }
             });
             if (t.current) {
-              if (t.current.dispatchEvent(x), x.defaultPrevented)
+              if (t.current.dispatchEvent(S), S.defaultPrevented)
                 return;
               e.resetFormOnSubmit !== !1 && t.current.reset();
             }
@@ -2680,7 +2678,7 @@ function un(e) {
               context: e.builderContext
             }
           ) : null,
-          u() === "error" && o ? /* @__PURE__ */ s("pre", { className: "builder-form-error-text pre-31bf8a14", children: JSON.stringify(o, null, 2) }) : null,
+          u() === "error" && o ? /* @__PURE__ */ s("pre", { className: "builder-form-error-text pre-3a20f614", children: JSON.stringify(o, null, 2) }) : null,
           u() === "success" ? /* @__PURE__ */ s(
             D,
             {
@@ -2693,7 +2691,7 @@ function un(e) {
       }
     ),
     " ",
-    /* @__PURE__ */ s("style", { children: ".pre-31bf8a14 {   padding: 10px;   color: red;   text-align: center; }" }),
+    /* @__PURE__ */ s("style", { children: ".pre-3a20f614 {   padding: 10px;   color: red;   text-align: center; }" }),
     " "
   ] });
 }
@@ -3089,34 +3087,34 @@ const kn = () => [{
   ...Sn
 }], ke = () => [{
   component: nt,
-  ...jt
+  ...Mt
 }, {
   component: Wt,
-  ...Ut
+  ...Ht
 }, {
   component: Ft,
-  ...Mt
+  ...Kt
 }, {
   component: Lt,
-  ...Ht
+  ...qt
 }, {
   component: Ot,
-  ...Kt
+  ..._t
 }, {
-  component: _t,
-  ...qt
+  component: Jt,
+  ...zt
 }, {
   component: qn,
-  ...zt
+  ...Yt
+}, {
+  component: Zt,
+  ...Xt
 }, {
   component: Qt,
   ...Gt
 }, {
-  component: Yt,
-  ...Jt
-}, {
-  component: Xt,
-  ...Zt
+  component: Ut,
+  ...jt
 }, ...kn()], Cn = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
@@ -3333,23 +3331,23 @@ function On(e) {
   var B, A, O, v, w, W, b;
   const t = ee(null);
   function n(h) {
-    var x, k;
+    var S, k;
     const y = {
       ...e.builderContextSignal.rootState,
       ...h
     };
-    e.builderContextSignal.rootSetState ? (k = (x = e.builderContextSignal).rootSetState) == null || k.call(x, y) : e.setBuilderContextSignal((T) => ({
+    e.builderContextSignal.rootSetState ? (k = (S = e.builderContextSignal).rootSetState) == null || k.call(S, y) : e.setBuilderContextSignal((T) => ({
       ...T,
       rootState: y
     }));
   }
   function i(h) {
-    var x, k, T, N, j;
+    var S, k, T, N, j;
     const y = {
       ...e.builderContextSignal.content,
       ...h,
       data: {
-        ...(x = e.builderContextSignal.content) == null ? void 0 : x.data,
+        ...(S = e.builderContextSignal.content) == null ? void 0 : S.data,
         ...h == null ? void 0 : h.data
       },
       meta: {
@@ -3379,10 +3377,10 @@ function On(e) {
       callbacks: {
         configureSdk: (y) => {
           var T;
-          const { breakpoints: x, contentId: k } = y;
-          !k || k !== ((T = e.builderContextSignal.content) == null ? void 0 : T.id) || x && i({
+          const { breakpoints: S, contentId: k } = y;
+          !k || k !== ((T = e.builderContextSignal.content) == null ? void 0 : T.id) || S && i({
             meta: {
-              breakpoints: x
+              breakpoints: S
             }
           });
         },
@@ -3396,8 +3394,8 @@ function On(e) {
     })(h);
   }
   function c() {
-    var y, x;
-    const h = (x = (y = e.builderContextSignal.content) == null ? void 0 : y.data) == null ? void 0 : x.jsCode;
+    var y, S;
+    const h = (S = (y = e.builderContextSignal.content) == null ? void 0 : y.data) == null ? void 0 : S.jsCode;
     h && q({
       code: h,
       context: e.context || {},
@@ -3412,9 +3410,9 @@ function On(e) {
   }
   const [u, f] = C(() => ({})), [d, m] = C(() => ({})), [g, p] = C(() => !1);
   function I(h) {
-    var y, x;
+    var y, S;
     if (e.builderContextSignal.content) {
-      const k = (y = e.builderContextSignal.content) == null ? void 0 : y.testVariationId, T = (x = e.builderContextSignal.content) == null ? void 0 : x.id;
+      const k = (y = e.builderContextSignal.content) == null ? void 0 : y.testVariationId, T = (S = e.builderContextSignal.content) == null ? void 0 : S.id;
       he({
         type: "click",
         canTrack: Q(e.canTrack),
@@ -3427,9 +3425,9 @@ function On(e) {
     }
     g || p(!0);
   }
-  function S() {
-    var y, x, k;
-    const h = (k = (x = (y = e.builderContextSignal.content) == null ? void 0 : y.data) == null ? void 0 : x.httpRequests) != null ? k : {};
+  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 : {};
     Object.entries(h).forEach(([T, N]) => {
       if (!N || d[T] || u[T] && !$())
         return;
@@ -3507,7 +3505,7 @@ function On(e) {
       }
       if (Ge() && !$()) {
         const k = new URL(location.href).searchParams, T = k.get("builder.preview"), N = k.get(
-          `builder.preview.${T}`
+          `builder.overrides.${T}`
         ), j = k.get("apiKey") || k.get("builder.space");
         T === e.model && j === e.apiKey && (!e.content || N === e.content.id) && we({
           model: e.model,
@@ -3521,13 +3519,13 @@ function On(e) {
   }, []), P(() => {
     e.apiKey || Z.error(
       "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), c(), S(), R();
+    ), c(), x(), R();
   }, []), P(() => {
     e.content && i(e.content);
   }, [e.content]), P(() => {
     c();
   }, [(A = (B = e.builderContextSignal.content) == null ? void 0 : B.data) == null ? void 0 : A.jsCode]), P(() => {
-    S();
+    x();
   }, [(v = (O = e.builderContextSignal.content) == null ? void 0 : O.data) == null ? void 0 : v.httpRequests]), P(() => {
     R();
   }, [e.builderContextSignal.rootState]), P(() => {
@@ -3604,18 +3602,18 @@ function Ie(e) {
   var c, u, f, d, m, g, p;
   const [t, n] = C(
     () => {
-      var I, S;
+      var I, x;
       return Vn({
         // 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
-        contentId: (S = e.content) == null ? void 0 : S.id
+        contentId: (x = e.content) == null ? void 0 : x.id
       });
     }
   );
   function i(I) {
-    l((S) => ({
-      ...S,
+    l((x) => ({
+      ...x,
       rootState: I
     }));
   }
@@ -3624,10 +3622,10 @@ function Ie(e) {
       ...ke(),
       ...e.customComponents || []
     ].reduce(
-      (I, { component: S, ...R }) => ({
+      (I, { component: x, ...R }) => ({
         ...I,
         [R.name]: {
-          component: S,
+          component: x,
           ...ge(R)
         }
       }),
@@ -3652,7 +3650,7 @@ function Ie(e) {
       ...ke(),
       ...e.customComponents || []
     ].reduce(
-      (I, { component: S, ...R }) => ({
+      (I, { component: x, ...R }) => ({
         ...I,
         [R.name]: ge(R)
       }),
@@ -3910,6 +3908,6 @@ export {
   Lt as Image,
   Ot as Section,
   qn as Symbol,
-  Qt as Text,
+  Zt as Text,
   vn as Video
 };