@builder.io/sdk-react-nextjs 0.11.2 → 0.11.4

package/lib/node/{bundle-e760a35e.js → bundle-5539b1a0.js}

@@ -1,7 +1,7 @@
 import { LRUCache } from "lru-cache";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { createElement } from "react";
-import { I as InteractiveElement, B as BlockWrapper, a as BlocksWrapper, b as Button, C as CustomCode, E as Embed, F as FragmentComponent, c as Image, d as ImgComponent, S as SectionComponent, V as Video, e as EnableEditor } from "./USE_CLIENT_BUNDLE-fef58fdc.js";
+import { I as InteractiveElement, B as BlockWrapper, a as BlocksWrapper, b as Button, C as CustomCode, E as Embed, F as FragmentComponent, c as Image, d as ImgComponent, S as SectionComponent, V as Video, e as EnableEditor } from "./USE_CLIENT_BUNDLE-66fa8f31.js";
 import "next/navigation";
 function getBlockComponentOptions(e) {
   var t;
@@ -187,29 +187,29 @@ output;
     context: n,
     event: o,
     state: s
-  }), m = getIsolateContext(), f = m.global;
-  f.setSync("global", f.derefInto()), f.setSync("log", function(...l) {
-    console.log(...l);
-  }), f.setSync(BUILDER_SET_STATE_NAME, function(l, u) {
-    set(a, l, u), i == null || i(a);
-  }), c.forEach(([l, u]) => {
-    const d = typeof u == "object" ? new ivm.Reference(
+  }), u = getIsolateContext(), m = u.global;
+  m.setSync("global", m.derefInto()), m.setSync("log", function(...d) {
+    console.log(...d);
+  }), m.setSync(BUILDER_SET_STATE_NAME, function(d, f) {
+    set(a, d, f), i == null || i(a);
+  }), c.forEach(([d, f]) => {
+    const l = typeof f == "object" ? new ivm.Reference(
       // workaround: methods with default values for arguments is not being cloned over
-      l === "builder" ? {
-        ...u,
-        getUserAttributes: () => u.getUserAttributes()
-      } : u
+      d === "builder" ? {
+        ...f,
+        getUserAttributes: () => f.getUserAttributes()
+      } : f
     ) : null;
-    f.setSync(getSyncValName(l), d);
-  }), f.setSync(INJECTED_IVM_GLOBAL, ivm);
-  const g = processCode({
+    m.setSync(getSyncValName(d), l);
+  }), m.setSync(INJECTED_IVM_GLOBAL, ivm);
+  const p = processCode({
     code: e,
     args: c
-  }), p = m.evalSync(g);
+  }), g = u.evalSync(p);
   try {
-    return JSON.parse(p);
+    return JSON.parse(g);
   } catch {
-    return p;
+    return g;
   }
 }, chooseBrowserOrServerEval = (e) => isBrowser() ? runInBrowser(e) : runInNode(e);
 function evaluate({
@@ -267,14 +267,14 @@ const evaluateBindings = ({
     }
   };
   for (const s in e.bindings) {
-    const c = e.bindings[s], m = evaluate({
+    const c = e.bindings[s], u = evaluate({
       code: c,
       localState: n,
       rootState: o,
       rootSetState: r,
       context: t
     });
-    set(a, s, m);
+    set(a, s, u);
   }
   return a;
 };
@@ -337,15 +337,15 @@ const EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img",
   if (!Array.isArray(r))
     return;
   const i = n.collection.split(".").pop(), a = n.itemName || (i ? i + "Item" : "item");
-  return r.map((c, m) => ({
+  return r.map((c, u) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
-        $index: m,
+        $index: u,
         $item: c,
         [a]: c,
-        [`$${a}Index`]: m
+        [`$${a}Index`]: u
       }
     },
     block: o
@@ -423,7 +423,7 @@ function BlockStyles(e) {
     });
     return checkIsDefined(r.hide) ? !r.hide : checkIsDefined(r.show) ? r.show : !0;
   }, n = function() {
-    var d;
+    var l;
     const r = getProcessedBlock({
       block: e.block,
       localState: e.context.localState,
@@ -432,29 +432,29 @@ function BlockStyles(e) {
       context: e.context.context,
       shouldEvaluateBindings: !0
     }), i = r.responsiveStyles, a = e.context.content, s = getSizesForBreakpoints(
-      ((d = a == null ? void 0 : a.meta) == null ? void 0 : d.breakpoints) || {}
-    ), c = i == null ? void 0 : i.large, m = i == null ? void 0 : i.medium, f = i == null ? void 0 : i.small, g = r.id;
-    if (!g)
+      ((l = a == null ? void 0 : a.meta) == null ? void 0 : l.breakpoints) || {}
+    ), c = i == null ? void 0 : i.large, u = i == null ? void 0 : i.medium, m = i == null ? void 0 : i.small, p = r.id;
+    if (!p)
       return "";
-    const p = c ? createCssClass({
-      className: g,
+    const g = c ? createCssClass({
+      className: p,
       styles: c
-    }) : "", l = m ? createCssClass({
-      className: g,
-      styles: m,
+    }) : "", d = u ? createCssClass({
+      className: p,
+      styles: u,
       mediaQuery: getMaxWidthQueryForSize(
         "medium",
         s
       )
-    }) : "", u = f ? createCssClass({
-      className: g,
-      styles: f,
+    }) : "", f = m ? createCssClass({
+      className: p,
+      styles: m,
       mediaQuery: getMaxWidthQueryForSize(
         "small",
         s
       )
     }) : "";
-    return [p, l, u].join(" ");
+    return [g, d, f].join(" ");
   };
   return /* @__PURE__ */ jsx(Fragment, { children: n() && t() ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { styles: n() }) }) : null });
 }
@@ -560,9 +560,9 @@ const getWrapperProps = ({
   } : s;
 };
 function ComponentRef(e) {
-  var n, o;
+  var n;
   const t = e.isInteractive ? InteractiveElement : e.componentRef;
-  return /* @__PURE__ */ jsx(Fragment, { children: e.componentRef ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Fragment, { children: e.componentRef ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     t,
     {
       ...getWrapperProps({
@@ -574,25 +574,15 @@ function ComponentRef(e) {
         isInteractive: e.isInteractive,
         contextValue: e.context
       }),
-      children: [
-        (n = e.blockChildren) == null ? void 0 : n.map((r) => /* @__PURE__ */ jsx(
-          Block,
-          {
-            block: r,
-            context: e.context,
-            registeredComponents: e.registeredComponents
-          },
-          "block-" + r.id
-        )),
-        (o = e.blockChildren) == null ? void 0 : o.map((r) => /* @__PURE__ */ jsx(
-          BlockStyles,
-          {
-            block: r,
-            context: e.context
-          },
-          "block-style-" + r.id
-        ))
-      ]
+      children: (n = e.blockChildren) == null ? void 0 : n.map((o) => /* @__PURE__ */ jsx(
+        Block,
+        {
+          block: o,
+          context: e.context,
+          registeredComponents: e.registeredComponents
+        },
+        o.id
+      ))
     }
   ) }) : null });
 }
@@ -608,7 +598,7 @@ function RepeatedBlock(e) {
   );
 }
 function Block(e) {
-  var m, f, g, p;
+  var u, m, p;
   const t = function() {
     return getComponent({
       block: e.block,
@@ -621,8 +611,8 @@ function Block(e) {
       context: e.context
     });
   }, o = function() {
-    var u;
-    return (u = e.block.repeat) != null && u.collection ? e.block : getProcessedBlock({
+    var d;
+    return (d = e.block.repeat) != null && d.collection ? e.block : getProcessedBlock({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -633,110 +623,105 @@ function Block(e) {
   }, r = function() {
     return e.block.tagName || "div";
   }, i = function() {
-    var b, y;
-    if ((b = e.block.repeat) != null && b.collection)
-      return !!((y = n()) != null && y.length);
-    const u = "hide" in o() ? o().hide : !1;
-    return ("show" in o() ? o().show : !0) && !u;
+    var l, h;
+    if ((l = e.block.repeat) != null && l.collection)
+      return !!((h = n()) != null && h.length);
+    const d = "hide" in o() ? o().hide : !1;
+    return ("show" in o() ? o().show : !0) && !d;
   }, a = function() {
-    var d;
-    return !((d = t()) != null && d.component) && !n() ? o().children ?? [] : [];
+    var f;
+    return !((f = t()) != null && f.component) && !n() ? o().children ?? [] : [];
   }, s = function() {
-    var u, d, b, y, h;
+    var d, f, l, h, y;
     return {
       blockChildren: o().children ?? [],
-      componentRef: (u = t()) == null ? void 0 : u.component,
+      componentRef: (d = t()) == null ? void 0 : d.component,
       componentOptions: {
         ...getBlockComponentOptions(o()),
         builderContext: e.context,
-        ...((d = t()) == null ? void 0 : d.name) === "Symbol" || ((b = t()) == null ? void 0 : b.name) === "Columns" ? {
+        ...((f = t()) == null ? void 0 : f.name) === "Symbol" || ((l = t()) == null ? void 0 : l.name) === "Columns" ? {
           builderComponents: e.registeredComponents
         } : {}
       },
       context: c,
       registeredComponents: e.registeredComponents,
       builderBlock: o(),
-      includeBlockProps: ((y = t()) == null ? void 0 : y.noWrap) === !0,
-      isInteractive: !((h = t()) != null && h.isRSC)
+      includeBlockProps: ((h = t()) == null ? void 0 : h.noWrap) === !0,
+      isInteractive: !((y = t()) != null && y.isRSC)
     };
   }, c = e.context;
-  return /* @__PURE__ */ jsx(Fragment, { children: i() ? /* @__PURE__ */ jsx(Fragment, { children: (m = t()) != null && m.noWrap ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    ComponentRef,
-    {
-      componentRef: s().componentRef,
-      componentOptions: s().componentOptions,
-      blockChildren: s().blockChildren,
-      context: s().context,
-      registeredComponents: s().registeredComponents,
-      builderBlock: s().builderBlock,
-      includeBlockProps: s().includeBlockProps,
-      isInteractive: s().isInteractive
-    }
-  ) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    isEmptyHtmlElement(r()) ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-      BlockWrapper,
+  return /* @__PURE__ */ jsx(Fragment, { children: i() ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(BlockStyles, { block: e.block, context: e.context }),
+    (u = t()) != null && u.noWrap ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+      ComponentRef,
       {
-        Wrapper: r(),
-        block: o(),
-        context: e.context,
-        hasChildren: !1
+        componentRef: s().componentRef,
+        componentOptions: s().componentOptions,
+        blockChildren: s().blockChildren,
+        context: s().context,
+        registeredComponents: s().registeredComponents,
+        builderBlock: s().builderBlock,
+        includeBlockProps: s().includeBlockProps,
+        isInteractive: s().isInteractive
       }
-    ) }) : null,
-    !isEmptyHtmlElement(r()) && n() ? /* @__PURE__ */ jsx(Fragment, { children: (f = n()) == null ? void 0 : f.map((l, u) => /* @__PURE__ */ jsx(
-      RepeatedBlock,
-      {
-        repeatContext: l.context,
-        block: l.block,
-        registeredComponents: e.registeredComponents
-      },
-      u
-    )) }) : null,
-    !isEmptyHtmlElement(r()) && !n() ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
-      BlockWrapper,
-      {
-        Wrapper: r(),
-        block: o(),
-        context: e.context,
-        hasChildren: !0,
-        children: [
-          /* @__PURE__ */ jsx(
-            ComponentRef,
-            {
-              componentRef: s().componentRef,
-              componentOptions: s().componentOptions,
-              blockChildren: s().blockChildren,
-              context: s().context,
-              registeredComponents: s().registeredComponents,
-              builderBlock: s().builderBlock,
-              includeBlockProps: s().includeBlockProps,
-              isInteractive: s().isInteractive
-            }
-          ),
-          (g = a()) == null ? void 0 : g.map((l) => /* @__PURE__ */ jsx(
-            Block,
-            {
-              block: l,
-              context: c,
-              registeredComponents: e.registeredComponents
-            },
-            "block-" + l.id
-          )),
-          (p = a()) == null ? void 0 : p.map((l) => /* @__PURE__ */ jsx(
-            BlockStyles,
-            {
-              block: l,
-              context: c
-            },
-            "block-style-" + l.id
-          ))
-        ]
-      }
-    ) }) : null
-  ] }) }) : null });
+    ) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      isEmptyHtmlElement(r()) ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+        BlockWrapper,
+        {
+          Wrapper: r(),
+          block: o(),
+          context: e.context,
+          hasChildren: !1
+        }
+      ) }) : null,
+      !isEmptyHtmlElement(r()) && n() ? /* @__PURE__ */ jsx(Fragment, { children: (m = n()) == null ? void 0 : m.map((g, d) => /* @__PURE__ */ jsx(
+        RepeatedBlock,
+        {
+          repeatContext: g.context,
+          block: g.block,
+          registeredComponents: e.registeredComponents
+        },
+        d
+      )) }) : null,
+      !isEmptyHtmlElement(r()) && !n() ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+        BlockWrapper,
+        {
+          Wrapper: r(),
+          block: o(),
+          context: e.context,
+          hasChildren: !0,
+          children: [
+            /* @__PURE__ */ jsx(
+              ComponentRef,
+              {
+                componentRef: s().componentRef,
+                componentOptions: s().componentOptions,
+                blockChildren: s().blockChildren,
+                context: s().context,
+                registeredComponents: s().registeredComponents,
+                builderBlock: s().builderBlock,
+                includeBlockProps: s().includeBlockProps,
+                isInteractive: s().isInteractive
+              }
+            ),
+            (p = a()) == null ? void 0 : p.map((g) => /* @__PURE__ */ jsx(
+              Block,
+              {
+                block: g,
+                context: c,
+                registeredComponents: e.registeredComponents
+              },
+              g.id
+            ))
+          ]
+        }
+      ) }) : null
+    ] })
+  ] }) : null });
 }
 function Blocks(e) {
-  var t, n, o, r;
-  return /* @__PURE__ */ jsxs(
+  var t, n, o;
+  return /* @__PURE__ */ jsx(
     BlocksWrapper,
     {
       blocks: e.blocks,
@@ -745,47 +730,37 @@ function Blocks(e) {
       styleProp: e.styleProp,
       BlocksWrapper: (t = e.context) == null ? void 0 : t.BlocksWrapper,
       BlocksWrapperProps: (n = e.context) == null ? void 0 : n.BlocksWrapperProps,
-      children: [
-        e.blocks ? /* @__PURE__ */ jsx(Fragment, { children: (o = e.blocks) == null ? void 0 : o.map((i) => /* @__PURE__ */ jsx(
-          Block,
-          {
-            block: i,
-            context: e.context,
-            registeredComponents: e.registeredComponents
-          },
-          "render-block-" + i.id
-        )) }) : null,
-        e.blocks ? /* @__PURE__ */ jsx(Fragment, { children: (r = e.blocks) == null ? void 0 : r.map((i) => /* @__PURE__ */ jsx(
-          BlockStyles,
-          {
-            block: i,
-            context: e.context
-          },
-          "block-style-" + i.id
-        )) }) : null
-      ]
+      children: e.blocks ? /* @__PURE__ */ jsx(Fragment, { children: (o = e.blocks) == null ? void 0 : o.map((r) => /* @__PURE__ */ jsx(
+        Block,
+        {
+          block: r,
+          context: e.context,
+          registeredComponents: e.registeredComponents
+        },
+        r.id
+      )) }) : null
     }
   );
 }
 function Columns(e) {
-  var l;
-  const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], o = e.stackColumnsAt || "tablet", r = function(d) {
-    var b;
-    return ((b = n[d]) == null ? void 0 : b.width) || 100 / n.length;
-  }, i = function(d) {
-    const b = t * (n.length - 1) / n.length;
-    return `calc(${r(d)}% - ${b}px)`;
+  var d;
+  const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], o = e.stackColumnsAt || "tablet", r = function(l) {
+    var h;
+    return ((h = n[l]) == null ? void 0 : h.width) || 100 / n.length;
+  }, i = function(l) {
+    const h = t * (n.length - 1) / n.length;
+    return `calc(${r(l)}% - ${h}px)`;
   }, a = function({
-    stackedStyle: d,
-    desktopStyle: b
+    stackedStyle: l,
+    desktopStyle: h
   }) {
-    return o === "tablet" ? d : b;
+    return o === "tablet" ? l : h;
   }, s = function({
-    stackedStyle: d,
-    desktopStyle: b
+    stackedStyle: l,
+    desktopStyle: h
   }) {
-    return o === "never" ? b : d;
-  }, c = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", m = function() {
+    return o === "never" ? h : l;
+  }, c = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", u = function() {
     return {
       "--flex-dir": c,
       "--flex-dir-tablet": a({
@@ -793,18 +768,18 @@ function Columns(e) {
         desktopStyle: "row"
       })
     };
-  }, f = function(d) {
-    const b = d === 0 ? 0 : t, y = i(d), h = `${b}px`, v = "100%", x = 0;
+  }, m = function(l) {
+    const h = l === 0 ? 0 : t, y = i(l), b = `${h}px`, v = "100%", x = 0;
     return {
       width: y,
-      ["marginLeft"]: h,
+      ["marginLeft"]: b,
       "--column-width-mobile": s({
         stackedStyle: v,
         desktopStyle: y
       }),
       "--column-margin-left-mobile": s({
         stackedStyle: x,
-        desktopStyle: h
+        desktopStyle: b
       }),
       "--column-width-tablet": a({
         stackedStyle: v,
@@ -812,17 +787,17 @@ function Columns(e) {
       }),
       "--column-margin-left-tablet": a({
         stackedStyle: x,
-        desktopStyle: h
+        desktopStyle: b
       })
     };
-  }, g = function(d) {
-    var y, h;
+  }, p = function(l) {
+    var y, b;
     return getSizesForBreakpoints(
-      ((h = (y = e.builderContext.content) == null ? void 0 : y.meta) == null ? void 0 : h.breakpoints) || {}
-    )[d].max;
-  }, p = function() {
+      ((b = (y = e.builderContext.content) == null ? void 0 : y.meta) == null ? void 0 : b.breakpoints) || {}
+    )[l].max;
+  }, g = function() {
     return `
-        @media (max-width: ${g("medium")}px) {
+        @media (max-width: ${p("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -834,7 +809,7 @@ function Columns(e) {
           }
         }
 
-        @media (max-width: ${g("small")}px) {
+        @media (max-width: ${p("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -851,38 +826,38 @@ function Columns(e) {
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: `builder-columns ${e.builderBlock.id}-breakpoints div-0d69fe26`,
-        style: m(),
+        className: `builder-columns ${e.builderBlock.id}-breakpoints div-39daef82`,
+        style: u(),
         children: [
-          /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { styles: p() }) }),
-          (l = e.columns) == null ? void 0 : l.map((u, d) => /* @__PURE__ */ createElement(
+          /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { styles: g() }) }),
+          (d = e.columns) == null ? void 0 : d.map((f, l) => /* @__PURE__ */ createElement(
             "div",
             {
-              className: "builder-column div-0d69fe26-2",
-              style: f(d),
-              key: d
+              className: "builder-column div-39daef82-2",
+              style: m(l),
+              key: l
             },
             /* @__PURE__ */ jsx(
               Blocks,
               {
-                path: `component.options.columns.${d}.blocks`,
+                path: `component.options.columns.${l}.blocks`,
                 parent: e.builderBlock.id,
                 styleProp: {
                   flexGrow: "1"
                 },
                 context: e.builderContext,
                 registeredComponents: e.builderComponents,
-                blocks: u.blocks
+                blocks: f.blocks
               }
             )
           ))
         ]
       }
     ),
-    /* @__PURE__ */ jsx("style", { children: `.div-0d69fe26 {
+    /* @__PURE__ */ jsx("style", { children: `.div-39daef82 {
   display: flex;
   line-height: normal;
-}.div-0d69fe26-2 {
+}.div-39daef82-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1362,15 +1337,15 @@ const getTopLevelDomain = (e) => {
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(a, s = 6e4) {
-        return new Promise((c, m) => {
-          const f = document.createElement("img");
-          let g = !1;
-          f.onload = () => {
-            g = !0, c(f);
-          }, f.addEventListener("error", (p) => {
-            console.warn("Image load failed", p.error), m(p.error);
-          }), f.src = a, setTimeout(() => {
-            g || m(new Error("Image load timed out"));
+        return new Promise((c, u) => {
+          const m = document.createElement("img");
+          let p = !1;
+          m.onload = () => {
+            p = !0, c(m);
+          }, m.addEventListener("error", (g) => {
+            console.warn("Image load failed", g.error), u(g.error);
+          }), m.src = a, setTimeout(() => {
+            p || u(new Error("Image load timed out"));
           }, s);
         });
       }
@@ -1877,43 +1852,43 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     apiKey: a,
     includeRefs: s = !0,
     enrich: c,
-    locale: m,
-    apiVersion: f = DEFAULT_API_VERSION,
-    fields: g,
-    omit: p,
-    offset: l,
-    cacheSeconds: u,
-    staleCacheSeconds: d,
-    sort: b,
+    locale: u,
+    apiVersion: m = DEFAULT_API_VERSION,
+    fields: p,
+    omit: g,
+    offset: d,
+    cacheSeconds: f,
+    staleCacheSeconds: l,
+    sort: h,
     includeUnpublished: y
   } = e;
   if (!a)
     throw new Error("Missing API key");
-  if (!["v2", "v3"].includes(f))
-    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${f}'`);
+  if (!["v2", "v3"].includes(m))
+    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${m}'`);
   (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
-  const h = new URL(`https://cdn.builder.io/api/${f}/content/${i}?apiKey=${a}&limit=${n}&noTraverse=${t}&includeRefs=${s}${m ? `&locale=${m}` : ""}${c ? `&enrich=${c}` : ""}`);
-  if (h.searchParams.set("omit", p || "meta.componentsUsed"), g && h.searchParams.set("fields", g), Number.isFinite(l) && l > -1 && h.searchParams.set("offset", String(Math.floor(l))), typeof y == "boolean" && h.searchParams.set("includeUnpublished", String(y)), u && isPositiveNumber(u) && h.searchParams.set("cacheSeconds", String(u)), d && isPositiveNumber(d) && h.searchParams.set("staleCacheSeconds", String(d)), b) {
+  const b = new URL(`https://cdn.builder.io/api/${m}/content/${i}?apiKey=${a}&limit=${n}&noTraverse=${t}&includeRefs=${s}${u ? `&locale=${u}` : ""}${c ? `&enrich=${c}` : ""}`);
+  if (b.searchParams.set("omit", g || "meta.componentsUsed"), p && b.searchParams.set("fields", p), Number.isFinite(d) && d > -1 && b.searchParams.set("offset", String(Math.floor(d))), typeof y == "boolean" && b.searchParams.set("includeUnpublished", String(y)), f && isPositiveNumber(f) && b.searchParams.set("cacheSeconds", String(f)), l && isPositiveNumber(l) && b.searchParams.set("staleCacheSeconds", String(l)), h) {
     const S = flatten({
-      sort: b
+      sort: h
     });
     for (const C in S)
-      h.searchParams.set(C, JSON.stringify(S[C]));
+      b.searchParams.set(C, JSON.stringify(S[C]));
   }
   const v = {
     ...getBuilderSearchParamsFromWindow(),
     ...normalizeSearchParams(e.options || {})
   }, x = flatten(v);
   for (const S in x)
-    h.searchParams.set(S, String(x[S]));
-  if (o && h.searchParams.set("userAttributes", JSON.stringify(o)), r) {
+    b.searchParams.set(S, String(x[S]));
+  if (o && b.searchParams.set("userAttributes", JSON.stringify(o)), r) {
     const S = flatten({
       query: r
     });
     for (const C in S)
-      h.searchParams.set(C, JSON.stringify(S[C]));
+      b.searchParams.set(C, JSON.stringify(S[C]));
   }
-  return h;
+  return b;
 }, checkContentHasResults = (e) => "results" in e;
 async function fetchOneEntry(e) {
   const t = await fetchEntries({
@@ -2150,7 +2125,7 @@ const findParentElement = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, SDK_VERSION = "0.11.2", registry = {};
+}, SDK_VERSION = "0.11.4", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -2217,32 +2192,32 @@ const setupBrowserForEditing = (e = {}) => {
     if (o != null && o.type)
       switch (o.type) {
         case "builder.evaluate": {
-          const a = o.data.text, s = o.data.arguments || [], c = o.data.id, m = new Function(a);
-          let f, g = null;
+          const a = o.data.text, s = o.data.arguments || [], c = o.data.id, u = new Function(a);
+          let m, p = null;
           try {
-            f = m.apply(null, s);
-          } catch (p) {
-            g = p;
+            m = u.apply(null, s);
+          } catch (g) {
+            p = g;
           }
-          g ? (r = window.parent) == null || r.postMessage({
+          p ? (r = window.parent) == null || r.postMessage({
             type: "builder.evaluateError",
             data: {
               id: c,
-              error: g.message
+              error: p.message
             }
-          }, "*") : f && typeof f.then == "function" ? f.then((p) => {
-            var l;
-            (l = window.parent) == null || l.postMessage({
+          }, "*") : m && typeof m.then == "function" ? m.then((g) => {
+            var d;
+            (d = window.parent) == null || d.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: c,
-                result: p
+                result: g
               }
             }, "*");
           }).catch(console.error) : (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: f,
+              result: m,
               id: c
             }
           }, "*");
@@ -2310,7 +2285,7 @@ ${getFontCss({
 `.trim();
   return /* @__PURE__ */ jsx(InlinedStyles, { styles: t });
 }
-const getContextStateInitialValue = ({
+const getRootStateInitialValue = ({
   content: e,
   data: t,
   locale: n
@@ -2339,7 +2314,7 @@ const getContextStateInitialValue = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function ContentComponent(e) {
-  var r, i, a, s, c, m, f, g, p;
+  var r, i, a, s, c, u, m, p, g;
   const t = getUpdateVariantVisibilityScript({
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
     variationId: (r = e.content) == null ? void 0 : r.testVariationId,
@@ -2355,11 +2330,11 @@ function ContentComponent(e) {
     ...components,
     ...e.customComponents || []
   ].reduce(
-    (l, { component: u, ...d }) => ({
-      ...l,
-      [d.name]: {
-        component: u,
-        ...serializeComponentInfo(d)
+    (d, { component: f, ...l }) => ({
+      ...d,
+      [l.name]: {
+        component: f,
+        ...serializeComponentInfo(l)
       }
     }),
     {}
@@ -2369,7 +2344,7 @@ function ContentComponent(e) {
       data: e.data
     }),
     localState: void 0,
-    rootState: getContextStateInitialValue({
+    rootState: getRootStateInitialValue({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -2388,9 +2363,9 @@ function ContentComponent(e) {
       ...components,
       ...e.customComponents || []
     ].reduce(
-      (l, { component: u, ...d }) => ({
-        ...l,
-        [d.name]: serializeComponentInfo(d)
+      (d, { component: f, ...l }) => ({
+        ...d,
+        [l.name]: serializeComponentInfo(l)
       }),
       {}
     ),
@@ -2402,6 +2377,7 @@ function ContentComponent(e) {
     EnableEditor,
     {
       content: e.content,
+      data: e.data,
       model: e.model,
       context: e.context,
       apiKey: e.apiKey,
@@ -2420,13 +2396,13 @@ function ContentComponent(e) {
           {
             contentId: (a = o.content) == null ? void 0 : a.id,
             cssCode: (c = (s = o.content) == null ? void 0 : s.data) == null ? void 0 : c.cssCode,
-            customFonts: (f = (m = o.content) == null ? void 0 : m.data) == null ? void 0 : f.customFonts
+            customFonts: (m = (u = o.content) == null ? void 0 : u.data) == null ? void 0 : m.customFonts
           }
         ) }),
         /* @__PURE__ */ jsx(
           Blocks,
           {
-            blocks: (p = (g = o.content) == null ? void 0 : g.data) == null ? void 0 : p.blocks,
+            blocks: (g = (p = o.content) == null ? void 0 : p.data) == null ? void 0 : g.blocks,
             context: o,
             registeredComponents: n
           }
@@ -2443,9 +2419,9 @@ function ContentVariants(e) {
   }), n = function() {
     var c;
     return getUpdateCookieAndStylesScript(
-      getVariants(e.content).map((m) => ({
-        id: m.testVariationId,
-        testRatio: m.testRatio
+      getVariants(e.content).map((u) => ({
+        id: u.testVariationId,
+        testRatio: u.testRatio
       })),
       ((c = e.content) == null ? void 0 : c.id) || ""
     );
@@ -2542,12 +2518,12 @@ const fetchSymbolContent = async ({
 async function Symbol$1(e) {
   var o, r, i, a;
   const t = function() {
-    var c, m;
+    var c, u;
     return [
       e.attributes.className,
       "builder-symbol",
       (c = e.symbol) != null && c.inline ? "builder-inline-symbol" : void 0,
-      (m = e.symbol) != null && m.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
+      (u = e.symbol) != null && u.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }, n = ((o = e.symbol) == null ? void 0 : o.content) || await fetchSymbolContent({
     symbol: e.symbol,