@builder.io/sdk-react-nextjs 0.12.0 → 0.12.2

package/lib/node/{bundle-fd27db7d.js → bundle-1f73ead0.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-f1c14740.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-d30db795.js";
 import "next/navigation";
 function getBlockComponentOptions(e) {
   var t;
@@ -187,25 +187,25 @@ output;
     context: n,
     event: o,
     state: s
-  }), u = getIsolateContext(), m = u.global;
-  m.setSync("global", m.derefInto()), m.setSync("log", function(...d) {
+  }), m = getIsolateContext(), f = m.global;
+  f.setSync("global", f.derefInto()), f.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(
+  }), f.setSync(BUILDER_SET_STATE_NAME, function(d, u) {
+    set(a, d, u), i == null || i(a);
+  }), c.forEach(([d, u]) => {
+    const l = typeof u == "object" ? new ivm.Reference(
       // workaround: methods with default values for arguments is not being cloned over
       d === "builder" ? {
-        ...f,
-        getUserAttributes: () => f.getUserAttributes()
-      } : f
+        ...u,
+        getUserAttributes: () => u.getUserAttributes()
+      } : u
     ) : null;
-    m.setSync(getSyncValName(d), l);
-  }), m.setSync(INJECTED_IVM_GLOBAL, ivm);
+    f.setSync(getSyncValName(d), l);
+  }), f.setSync(INJECTED_IVM_GLOBAL, ivm);
   const p = processCode({
     code: e,
     args: c
-  }), g = u.evalSync(p);
+  }), g = m.evalSync(p);
   try {
     return JSON.parse(g);
   } catch {
@@ -267,14 +267,14 @@ const evaluateBindings = ({
     }
   };
   for (const s in e.bindings) {
-    const c = e.bindings[s], u = evaluate({
+    const c = e.bindings[s], m = evaluate({
       code: c,
       localState: n,
       rootState: o,
       rootSetState: r,
       context: t
     });
-    set(a, s, u);
+    set(a, s, m);
   }
   return a;
 };
@@ -295,7 +295,7 @@ function getProcessedBlock({
     context: t
   }) : a;
 }
-const EMPTY_HTML_ELEMENTS = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], isEmptyHtmlElement = (e) => typeof e == "string" && EMPTY_HTML_ELEMENTS.includes(e.toLowerCase()), getComponent = ({
+const getComponent = ({
   block: e,
   context: t,
   registeredComponents: n
@@ -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, u) => ({
+  return r.map((c, m) => ({
     context: {
       ...t,
       localState: {
         ...t.localState,
-        $index: u,
+        $index: m,
         $item: c,
         [a]: c,
-        [`$${a}Index`]: u
+        [`$${a}Index`]: m
       }
     },
     block: o
@@ -433,28 +433,28 @@ function BlockStyles(e) {
       shouldEvaluateBindings: !0
     }), i = r.responsiveStyles, a = e.context.content, s = getSizesForBreakpoints(
       ((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;
+    ), c = i == null ? void 0 : i.large, m = i == null ? void 0 : i.medium, f = i == null ? void 0 : i.small, p = r.id;
     if (!p)
       return "";
     const g = c ? createCssClass({
       className: p,
       styles: c
-    }) : "", d = u ? createCssClass({
+    }) : "", d = m ? createCssClass({
       className: p,
-      styles: u,
+      styles: m,
       mediaQuery: getMaxWidthQueryForSize(
         "medium",
         s
       )
-    }) : "", f = m ? createCssClass({
+    }) : "", u = f ? createCssClass({
       className: p,
-      styles: m,
+      styles: f,
       mediaQuery: getMaxWidthQueryForSize(
         "small",
         s
       )
     }) : "";
-    return [g, d, f].join(" ");
+    return [g, d, u].join(" ");
   };
   return /* @__PURE__ */ jsx(Fragment, { children: n() && t() ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { styles: n() }) }) : null });
 }
@@ -529,7 +529,7 @@ function getStyleAttribute(e) {
       return e;
   }
 }
-const getWrapperProps = ({
+const EMPTY_HTML_ELEMENTS = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]), isEmptyElement = (e) => typeof e == "string" && EMPTY_HTML_ELEMENTS.has(e.toLowerCase()), getWrapperProps = ({
   componentOptions: e,
   builderBlock: t,
   context: n,
@@ -598,7 +598,7 @@ function RepeatedBlock(e) {
   );
 }
 function Block(e) {
-  var u, m, p;
+  var m, f, p;
   const t = function() {
     return getComponent({
       block: e.block,
@@ -629,17 +629,17 @@ function Block(e) {
     const d = "hide" in o() ? o().hide : !1;
     return ("show" in o() ? o().show : !0) && !d;
   }, a = function() {
-    var f;
-    return !((f = t()) != null && f.component) && !n() ? o().children ?? [] : [];
+    var u;
+    return !((u = t()) != null && u.component) && !n() ? o().children ?? [] : [];
   }, s = function() {
-    var d, f, l, h, y;
+    var d, u, l, h, y;
     return {
       blockChildren: o().children ?? [],
       componentRef: (d = t()) == null ? void 0 : d.component,
       componentOptions: {
         ...getBlockComponentOptions(o()),
         builderContext: e.context,
-        ...((f = t()) == null ? void 0 : f.name) === "Symbol" || ((l = t()) == null ? void 0 : l.name) === "Columns" ? {
+        ...((u = t()) == null ? void 0 : u.name) === "Symbol" || ((l = t()) == null ? void 0 : l.name) === "Columns" ? {
           builderComponents: e.registeredComponents
         } : {}
       },
@@ -652,7 +652,7 @@ function Block(e) {
   }, c = e.context;
   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(
+    (m = t()) != null && m.noWrap ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
       ComponentRef,
       {
         componentRef: s().componentRef,
@@ -664,59 +664,46 @@ function Block(e) {
         includeBlockProps: s().includeBlockProps,
         isInteractive: s().isInteractive
       }
-    ) }) : /* @__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
-    ] })
+    ) }) : /* @__PURE__ */ jsx(Fragment, { children: n() ? /* @__PURE__ */ jsx(Fragment, { children: (p = n()) == null ? void 0 : p.map((g, d) => /* @__PURE__ */ jsx(
+      RepeatedBlock,
+      {
+        repeatContext: g.context,
+        block: g.block,
+        registeredComponents: e.registeredComponents
+      },
+      d
+    )) }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+      BlockWrapper,
+      {
+        Wrapper: r(),
+        block: o(),
+        context: e.context,
+        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
+            }
+          ),
+          (f = a()) == null ? void 0 : f.map((g) => /* @__PURE__ */ jsx(
+            Block,
+            {
+              block: g,
+              context: c,
+              registeredComponents: e.registeredComponents
+            },
+            g.id
+          ))
+        ]
+      }
+    ) }) })
   ] }) : null });
 }
 function Blocks(e) {
@@ -760,7 +747,7 @@ function Columns(e) {
     desktopStyle: h
   }) {
     return o === "never" ? h : l;
-  }, c = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", u = function() {
+  }, c = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", m = function() {
     return {
       "--flex-dir": c,
       "--flex-dir-tablet": a({
@@ -768,13 +755,13 @@ function Columns(e) {
         desktopStyle: "row"
       })
     };
-  }, m = function(l) {
-    const h = l === 0 ? 0 : t, y = i(l), b = `${h}px`, v = "100%", x = 0;
+  }, f = function(l) {
+    const h = l === 0 ? 0 : t, y = i(l), b = `${h}px`, I = "100%", x = 0;
     return {
       width: y,
       ["marginLeft"]: b,
       "--column-width-mobile": s({
-        stackedStyle: v,
+        stackedStyle: I,
         desktopStyle: y
       }),
       "--column-margin-left-mobile": s({
@@ -782,7 +769,7 @@ function Columns(e) {
         desktopStyle: b
       }),
       "--column-width-tablet": a({
-        stackedStyle: v,
+        stackedStyle: I,
         desktopStyle: y
       }),
       "--column-margin-left-tablet": a({
@@ -827,14 +814,14 @@ function Columns(e) {
       "div",
       {
         className: `builder-columns ${e.builderBlock.id}-breakpoints div-39daef82`,
-        style: u(),
+        style: m(),
         children: [
           /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { styles: g() }) }),
-          (d = e.columns) == null ? void 0 : d.map((f, l) => /* @__PURE__ */ createElement(
+          (d = e.columns) == null ? void 0 : d.map((u, l) => /* @__PURE__ */ createElement(
             "div",
             {
               className: "builder-column div-39daef82-2",
-              style: m(l),
+              style: f(l),
               key: l
             },
             /* @__PURE__ */ jsx(
@@ -847,7 +834,7 @@ function Columns(e) {
                 },
                 context: e.builderContext,
                 registeredComponents: e.builderComponents,
-                blocks: f.blocks
+                blocks: u.blocks
               }
             )
           ))
@@ -1029,7 +1016,7 @@ const getTopLevelDomain = (e) => {
     ...e,
     ...r
   };
-}, getDefaultCanTrack = (e) => checkIsDefined(e) ? e : !0, componentInfo$a = {
+}, getDefaultCanTrack = (e) => checkIsDefined(e) ? e : !0, componentInfo$b = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -1062,7 +1049,7 @@ const getTopLevelDomain = (e) => {
   }],
   static: !0,
   noWrap: !0
-}, componentInfo$9 = {
+}, componentInfo$a = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1263,7 +1250,7 @@ const getTopLevelDomain = (e) => {
     helperText: "When stacking columns for mobile devices, reverse the ordering",
     advanced: !0
   }]
-}, componentInfo$8 = {
+}, componentInfo$9 = {
   name: "Custom Code",
   static: !0,
   requiredPermissions: ["editCode"],
@@ -1285,7 +1272,7 @@ const getTopLevelDomain = (e) => {
     helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
     advanced: !0
   }]
-}, componentInfo$7 = {
+}, componentInfo$8 = {
   name: "Embed",
   static: !0,
   inputs: [{
@@ -1310,13 +1297,13 @@ const getTopLevelDomain = (e) => {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, SCRIPT_MIME_TYPES = ["text/javascript", "application/javascript", "application/ecmascript"], isJsScript = (e) => SCRIPT_MIME_TYPES.includes(e.type), componentInfo$6 = {
+}, SCRIPT_MIME_TYPES = ["text/javascript", "application/javascript", "application/ecmascript"], isJsScript = (e) => SCRIPT_MIME_TYPES.includes(e.type), componentInfo$7 = {
   name: "Fragment",
   static: !0,
   hidden: !0,
   canHaveChildren: !0,
   noWrap: !0
-}, componentInfo$5 = {
+}, componentInfo$6 = {
   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",
@@ -1337,15 +1324,15 @@ const getTopLevelDomain = (e) => {
     onChange: (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(a, s = 6e4) {
-        return new Promise((c, u) => {
-          const m = document.createElement("img");
+        return new Promise((c, m) => {
+          const f = 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"));
+          f.onload = () => {
+            p = !0, c(f);
+          }, f.addEventListener("error", (g) => {
+            console.warn("Image load failed", g.error), m(g.error);
+          }), f.src = a, setTimeout(() => {
+            p || m(new Error("Image load timed out"));
           }, s);
         });
       }
@@ -1416,7 +1403,7 @@ const getTopLevelDomain = (e) => {
     advanced: !0,
     defaultValue: 0.7041
   }]
-}, componentInfo$4 = {
+}, componentInfo$5 = {
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: !0,
@@ -1430,7 +1417,7 @@ const getTopLevelDomain = (e) => {
   }],
   noWrap: !0,
   static: !0
-}, componentInfo$3 = {
+}, componentInfo$4 = {
   name: "Core:Section",
   static: !0,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -1469,7 +1456,44 @@ const getTopLevelDomain = (e) => {
       }
     }
   }]
-}, componentInfo$2 = {
+}, componentInfo$3 = {
+  name: "Slot",
+  isRSC: !0,
+  description: "Allow child blocks to be inserted into this content when used as a Symbol",
+  docsLink: "https://www.builder.io/c/docs/symbols-with-blocks",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3aad6de36eae43b59b52c85190fdef56",
+  // Maybe wrap this for canHaveChildren so bind children to this hm
+  inputs: [{
+    name: "name",
+    type: "string",
+    required: !0,
+    defaultValue: "children"
+  }]
+};
+function Slot(e) {
+  var t, n, o;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        pointerEvents: "auto"
+      },
+      ...!((t = e.builderContext.context) != null && t.symbolId) && {
+        "builder-slot": e.name
+      },
+      children: /* @__PURE__ */ jsx(
+        Blocks,
+        {
+          parent: (n = e.builderContext.context) == null ? void 0 : n.symbolId,
+          path: `symbol.data.${e.name}`,
+          context: e.builderContext,
+          blocks: (o = e.builderContext.rootState) == null ? void 0 : o[e.name]
+        }
+      )
+    }
+  );
+}
+const componentInfo$2 = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1617,28 +1641,28 @@ const componentInfo = {
   }]
 }, getDefaultRegisteredComponents = () => [{
   component: Button,
-  ...componentInfo$a
+  ...componentInfo$b
 }, {
   component: Columns,
-  ...componentInfo$9
+  ...componentInfo$a
 }, {
   component: CustomCode,
-  ...componentInfo$8
+  ...componentInfo$9
 }, {
   component: Embed,
-  ...componentInfo$7
+  ...componentInfo$8
 }, {
   component: FragmentComponent,
-  ...componentInfo$6
+  ...componentInfo$7
 }, {
   component: Image,
-  ...componentInfo$5
+  ...componentInfo$6
 }, {
   component: ImgComponent,
-  ...componentInfo$4
+  ...componentInfo$5
 }, {
   component: SectionComponent,
-  ...componentInfo$3
+  ...componentInfo$4
 }, {
   component: Symbol$1,
   ...componentInfo$2
@@ -1648,6 +1672,9 @@ const componentInfo = {
 }, {
   component: Video,
   ...componentInfo
+}, {
+  component: Slot,
+  ...componentInfo$3
 }], components = [], createRegisterComponentMessage = (e) => ({
   type: "builder.registerComponent",
   data: serializeComponentInfo(e)
@@ -1852,33 +1879,33 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     apiKey: a,
     includeRefs: s = !0,
     enrich: c,
-    locale: u,
-    apiVersion: m = DEFAULT_API_VERSION,
+    locale: m,
+    apiVersion: f = DEFAULT_API_VERSION,
     fields: p,
     omit: g,
     offset: d,
-    cacheSeconds: f,
+    cacheSeconds: u,
     staleCacheSeconds: l,
     sort: h,
     includeUnpublished: y
   } = e;
   if (!a)
     throw new Error("Missing API key");
-  if (!["v2", "v3"].includes(m))
-    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${m}'`);
+  if (!["v2", "v3"].includes(f))
+    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${f}'`);
   (e.limit === void 0 || e.limit > 1) && !("noTraverse" in e) && (t = !0);
-  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 b = 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 (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)), u && isPositiveNumber(u) && b.searchParams.set("cacheSeconds", String(u)), l && isPositiveNumber(l) && b.searchParams.set("staleCacheSeconds", String(l)), h) {
     const S = flatten({
       sort: h
     });
     for (const C in S)
       b.searchParams.set(C, JSON.stringify(S[C]));
   }
-  const v = {
+  const I = {
     ...getBuilderSearchParamsFromWindow(),
     ...normalizeSearchParams(e.options || {})
-  }, x = flatten(v);
+  }, x = flatten(I);
   for (const S in x)
     b.searchParams.set(S, String(x[S]));
   if (o && b.searchParams.set("userAttributes", JSON.stringify(o)), r) {
@@ -1937,7 +1964,11 @@ async function fetchEntries(e) {
     return logger.error("Error fetching data. ", t), null;
   }
 }
-const getAllContent = fetchEntries;
+const getAllContent = fetchEntries, DEFAULT_TRUSTED_HOSTS = ["*.beta.builder.io", "beta.builder.io", "builder.io", "localhost", "qa.builder.io"];
+function isFromTrustedHost(e, t) {
+  const n = new URL(t.origin), o = n.hostname;
+  return (e || DEFAULT_TRUSTED_HOSTS).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
+}
 function isPreviewing() {
   return !isBrowser() || isEditing() ? !1 : location.search.indexOf("builder.preview=") !== -1;
 }
@@ -2125,7 +2156,7 @@ const findParentElement = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, SDK_VERSION = "0.12.0", registry = {};
+}, SDK_VERSION = "0.12.2", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -2185,40 +2216,43 @@ const setupBrowserForEditing = (e = {}) => {
     data: {
       options: e
     }
-  }, "*"), window.addEventListener("message", ({
-    data: o
-  }) => {
-    var r, i;
-    if (o != null && o.type)
-      switch (o.type) {
+  }, "*"), window.addEventListener("message", (o) => {
+    var i, a;
+    if (!isFromTrustedHost(e.trustedHosts, o))
+      return;
+    const {
+      data: r
+    } = o;
+    if (r != null && r.type)
+      switch (r.type) {
         case "builder.evaluate": {
-          const a = o.data.text, s = o.data.arguments || [], c = o.data.id, u = new Function(a);
-          let m, p = null;
+          const s = r.data.text, c = r.data.arguments || [], m = r.data.id, f = new Function(s);
+          let p, g = null;
           try {
-            m = u.apply(null, s);
-          } catch (g) {
-            p = g;
+            p = f.apply(null, c);
+          } catch (d) {
+            g = d;
           }
-          p ? (r = window.parent) == null || r.postMessage({
+          g ? (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateError",
             data: {
-              id: c,
-              error: p.message
+              id: m,
+              error: g.message
             }
-          }, "*") : m && typeof m.then == "function" ? m.then((g) => {
-            var d;
-            (d = window.parent) == null || d.postMessage({
+          }, "*") : p && typeof p.then == "function" ? p.then((d) => {
+            var u;
+            (u = window.parent) == null || u.postMessage({
               type: "builder.evaluateResult",
               data: {
-                id: c,
-                result: g
+                id: m,
+                result: d
               }
             }, "*");
-          }).catch(console.error) : (i = window.parent) == null || i.postMessage({
+          }).catch(console.error) : (a = window.parent) == null || a.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: m,
-              id: c
+              result: p,
+              id: m
             }
           }, "*");
           break;
@@ -2314,7 +2348,7 @@ const getRootStateInitialValue = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function ContentComponent(e) {
-  var r, i, a, s, c, u, m, p, g;
+  var r, i, a, s, c, m, f, 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,
@@ -2330,10 +2364,10 @@ function ContentComponent(e) {
     ...components,
     ...e.customComponents || []
   ].reduce(
-    (d, { component: f, ...l }) => ({
+    (d, { component: u, ...l }) => ({
       ...d,
       [l.name]: {
-        component: f,
+        component: u,
         ...serializeComponentInfo(l)
       }
     }),
@@ -2363,7 +2397,7 @@ function ContentComponent(e) {
       ...components,
       ...e.customComponents || []
     ].reduce(
-      (d, { component: f, ...l }) => ({
+      (d, { component: u, ...l }) => ({
         ...d,
         [l.name]: serializeComponentInfo(l)
       }),
@@ -2389,6 +2423,7 @@ function ContentComponent(e) {
       builderContextSignal: o,
       contentWrapper: e.contentWrapper,
       contentWrapperProps: e.contentWrapperProps,
+      trustedHosts: e.trustedHosts,
       children: [
         e.isSsrAbTest ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedScript, { scriptStr: t }) }) : null,
         /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
@@ -2396,7 +2431,7 @@ 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: (m = (u = o.content) == null ? void 0 : u.data) == null ? void 0 : m.customFonts
+            customFonts: (f = (m = o.content) == null ? void 0 : m.data) == null ? void 0 : f.customFonts
           }
         ) }),
         /* @__PURE__ */ jsx(
@@ -2419,9 +2454,9 @@ function ContentVariants(e) {
   }), n = function() {
     var c;
     return getUpdateCookieAndStylesScript(
-      getVariants(e.content).map((u) => ({
-        id: u.testVariationId,
-        testRatio: u.testRatio
+      getVariants(e.content).map((m) => ({
+        id: m.testVariationId,
+        testRatio: m.testRatio
       })),
       ((c = e.content) == null ? void 0 : c.id) || ""
     );
@@ -2467,7 +2502,8 @@ function ContentVariants(e) {
           blocksWrapper: e.blocksWrapper,
           blocksWrapperProps: e.blocksWrapperProps,
           contentWrapper: e.contentWrapper,
-          contentWrapperProps: e.contentWrapperProps
+          contentWrapperProps: e.contentWrapperProps,
+          trustedHosts: e.trustedHosts
         },
         s.testVariationId
       ))
@@ -2491,7 +2527,8 @@ function ContentVariants(e) {
         blocksWrapper: e.blocksWrapper,
         blocksWrapperProps: e.blocksWrapperProps,
         contentWrapper: e.contentWrapper,
-        contentWrapperProps: e.contentWrapperProps
+        contentWrapperProps: e.contentWrapperProps,
+        trustedHosts: e.trustedHosts
       }
     )
   ] });
@@ -2516,14 +2553,14 @@ const fetchSymbolContent = async ({
     });
 };
 async function Symbol$1(e) {
-  var o, r, i, a;
+  var o, r, i, a, s;
   const t = function() {
-    var c, u;
+    var m, f;
     return [
       e.attributes.className,
       "builder-symbol",
-      (c = e.symbol) != null && c.inline ? "builder-inline-symbol" : void 0,
-      (u = e.symbol) != null && u.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
+      (m = e.symbol) != null && m.inline ? "builder-inline-symbol" : void 0,
+      (f = e.symbol) != null && f.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,
@@ -2535,14 +2572,17 @@ async function Symbol$1(e) {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
-      context: e.builderContext.context,
+      context: {
+        ...e.builderContext.context,
+        symbolId: (r = e.builderBlock) == null ? void 0 : r.id
+      },
       customComponents: Object.values(e.builderComponents),
       data: {
-        ...(r = e.symbol) == null ? void 0 : r.data,
+        ...(i = e.symbol) == null ? void 0 : i.data,
         ...e.builderContext.localState,
-        ...(i = n == null ? void 0 : n.data) == null ? void 0 : i.state
+        ...(a = n == null ? void 0 : n.data) == null ? void 0 : a.state
       },
-      model: (a = e.symbol) == null ? void 0 : a.model,
+      model: (s = e.symbol) == null ? void 0 : s.model,
       content: n
     }
   ) });
@@ -2579,39 +2619,41 @@ const fetchBuilderProps = async (e) => {
   };
 };
 export {
-  getBuilderSearchParams as A,
+  getAllContent as A,
   Blocks as B,
   ContentVariants as C,
-  track as D,
-  fetchBuilderProps as E,
+  getContent as D,
+  getBuilderSearchParams as E,
+  track as F,
+  fetchBuilderProps as G,
   RenderBlocks as R,
   Symbol$1 as S,
   Text as T,
   _track as _,
   getBlockActions as a,
-  getSrcSet as b,
-  isJsScript as c,
-  isBrowser as d,
-  getDefaultCanTrack as e,
-  isPreviewing as f,
+  isEditing as b,
+  getSrcSet as c,
+  isJsScript as d,
+  isBrowser as e,
+  getDefaultCanTrack as f,
   getBlockProperties as g,
-  evaluate as h,
-  isEditing as i,
-  getInteractionPropertiesForEvent as j,
-  fastClone as k,
+  isPreviewing as h,
+  isEmptyElement as i,
+  isFromTrustedHost as j,
+  evaluate as k,
   logger as l,
-  createRegisterComponentMessage as m,
-  fetchOneEntry as n,
-  fetch$1 as o,
-  init as p,
-  RenderContent as q,
+  getInteractionPropertiesForEvent as m,
+  fastClone as n,
+  createRegisterComponentMessage as o,
+  fetchOneEntry as p,
+  fetch$1 as q,
   registerInsertMenu as r,
   setupBrowserForEditing as s,
-  Columns as t,
-  register as u,
-  setEditorSettings as v,
-  _processContentResult as w,
-  fetchEntries as x,
-  getAllContent as y,
-  getContent as z
+  init as t,
+  RenderContent as u,
+  Columns as v,
+  register as w,
+  setEditorSettings as x,
+  _processContentResult as y,
+  fetchEntries as z
 };