@builder.io/sdk-react-nextjs 0.11.5 → 0.12.1

package/lib/browser/{bundle-e5e85e5e.js → bundle-7e2a44d9.js}

@@ -1,7 +1,7 @@
-import { LRUCache as Ae } from "lru-cache";
+import { LRUCache as Pe } from "lru-cache";
 import { jsx as l, Fragment as y, jsxs as I } from "react/jsx-runtime";
 import { createElement as Ve } from "react";
-import { I as Be, B as G, a as We, b as $e, C as Oe, E as Fe, F as Ne, c as _e, d as Le, S as Ue, V as Me, e as De } from "./USE_CLIENT_BUNDLE-c1a184f7.js";
+import { I as Be, B as G, a as We, b as $e, C as Oe, E as Fe, F as Ne, c as _e, d as Le, S as Ue, V as Me, e as De } from "./USE_CLIENT_BUNDLE-ac9ba054.js";
 import "next/navigation";
 function je(e) {
   var t;
@@ -14,24 +14,24 @@ function je(e) {
     builderBlock: e
   };
 }
-const A = "[Builder.io]: ", k = {
-  log: (...e) => console.log(A, ...e),
-  error: (...e) => console.error(A, ...e),
-  warn: (...e) => console.warn(A, ...e),
-  debug: (...e) => console.debug(A, ...e)
+const P = "[Builder.io]: ", k = {
+  log: (...e) => console.log(P, ...e),
+  error: (...e) => console.error(P, ...e),
+  warn: (...e) => console.warn(P, ...e),
+  debug: (...e) => console.debug(P, ...e)
 };
-function S() {
+function x() {
   return typeof window < "u" && typeof document < "u";
 }
 const T = "rsc";
 function Ke() {
-  return S() && window.self !== window.top;
+  return x() && window.self !== window.top;
 }
-function D() {
+function j() {
   return Ke() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }
 const He = () => {
-  if (S()) {
+  if (x()) {
     const e = new URL(location.href);
     return e.pathname === "" && (e.pathname = "/"), e;
   } else
@@ -75,9 +75,9 @@ const He = () => {
   context: t,
   event: n
 }), Ge = () => ({
-  isEditing: D(),
-  isBrowser: S(),
-  isServer: !S(),
+  isEditing: j(),
+  isBrowser: x(),
+  isServer: !x(),
   getUserAttributes: () => le()
 }), Ye = (e, {
   isExpression: t = !0
@@ -110,8 +110,8 @@ function Je(e, t, n) {
     }
   });
 }
-const Qe = (e) => (S(), Y(e));
-function j({
+const Qe = (e) => (x(), Y(e));
+function K({
   code: e,
   context: t,
   localState: n,
@@ -169,7 +169,7 @@ const Ze = ({
     }
   };
   for (const s in e.bindings) {
-    const c = e.bindings[s], u = j({
+    const c = e.bindings[s], u = K({
       code: c,
       localState: n,
       rootState: o,
@@ -197,7 +197,7 @@ function W({
     context: t
   }) : a;
 }
-const et = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], N = (e) => typeof e == "string" && et.includes(e.toLowerCase()), tt = ({
+const et = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"], _ = (e) => typeof e == "string" && et.includes(e.toLowerCase()), tt = ({
   block: e,
   context: t,
   registeredComponents: n
@@ -229,7 +229,7 @@ const et = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   } = e;
   if (!(n != null && n.collection))
     return;
-  const i = j({
+  const i = K({
     code: n.collection,
     localState: t.localState,
     rootState: t.rootState,
@@ -298,7 +298,7 @@ const et = ["area", "base", "br", "col", "embed", "hr", "img", "input", "keygen"
   if (typeof o == "string")
     return `${ot(n)}: ${o};`;
 }).filter(w), it = (e) => me(e).join(`
-`), _ = ({
+`), L = ({
   mediaQuery: e,
   className: t,
   styles: n
@@ -335,35 +335,35 @@ function rt(e) {
       shouldEvaluateBindings: !0
     }), r = i.responsiveStyles, a = e.context.content, s = ue(
       ((d = a == null ? void 0 : a.meta) == null ? void 0 : d.breakpoints) || {}
-    ), c = r == null ? void 0 : r.large, u = r == null ? void 0 : r.medium, h = r == null ? void 0 : r.small, g = i.id;
+    ), c = r == null ? void 0 : r.large, u = r == null ? void 0 : r.medium, m = r == null ? void 0 : r.small, g = i.id;
     if (!g)
       return "";
-    const m = c ? _({
+    const f = c ? L({
       className: g,
       styles: c
-    }) : "", f = u ? _({
+    }) : "", h = u ? L({
       className: g,
       styles: u,
       mediaQuery: J(
         "medium",
         s
       )
-    }) : "", p = h ? _({
+    }) : "", p = m ? L({
       className: g,
-      styles: h,
+      styles: m,
       mediaQuery: J(
         "small",
         s
       )
     }) : "";
-    return [m, f, p].join(" ");
+    return [f, h, p].join(" ");
   };
   return /* @__PURE__ */ l(y, { children: n() && t() ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(O, { styles: n() }) }) : null });
 }
 function at(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const st = (e) => `on${at(e)}`, ct = (e, t) => (n) => j({
+const st = (e) => `on${at(e)}`, ct = (e, t) => (n) => K({
   code: e,
   context: t.context,
   localState: t.localState,
@@ -372,7 +372,7 @@ const st = (e) => `on${at(e)}`, ct = (e, t) => (n) => j({
   event: n,
   isExpression: !1
 });
-function Un(e) {
+function Dn(e) {
   const t = {}, n = e.block.actions ?? {};
   for (const o in n) {
     if (!n.hasOwnProperty(o))
@@ -500,7 +500,7 @@ function ht(e) {
   );
 }
 function F(e) {
-  var u, h, g;
+  var u, m, g;
   const t = function() {
     return tt({
       block: e.block,
@@ -513,8 +513,8 @@ function F(e) {
       context: e.context
     });
   }, o = function() {
-    var f;
-    return (f = e.block.repeat) != null && f.collection ? e.block : W({
+    var h;
+    return (h = e.block.repeat) != null && h.collection ? e.block : W({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -528,16 +528,16 @@ function F(e) {
     var d, b;
     if ((d = e.block.repeat) != null && d.collection)
       return !!((b = n()) != null && b.length);
-    const f = "hide" in o() ? o().hide : !1;
-    return ("show" in o() ? o().show : !0) && !f;
+    const h = "hide" in o() ? o().hide : !1;
+    return ("show" in o() ? o().show : !0) && !h;
   }, a = function() {
     var p;
     return !((p = t()) != null && p.component) && !n() ? o().children ?? [] : [];
   }, s = function() {
-    var f, p, d, b, x;
+    var h, p, d, b, S;
     return {
       blockChildren: o().children ?? [],
-      componentRef: (f = t()) == null ? void 0 : f.component,
+      componentRef: (h = t()) == null ? void 0 : h.component,
       componentOptions: {
         ...je(o()),
         builderContext: e.context,
@@ -549,7 +549,7 @@ function F(e) {
       registeredComponents: e.registeredComponents,
       builderBlock: o(),
       includeBlockProps: ((b = t()) == null ? void 0 : b.noWrap) === !0,
-      isInteractive: !((x = t()) != null && x.isRSC)
+      isInteractive: !((S = t()) != null && S.isRSC)
     };
   }, c = e.context;
   return /* @__PURE__ */ l(y, { children: r() ? /* @__PURE__ */ I(y, { children: [
@@ -567,7 +567,7 @@ function F(e) {
         isInteractive: s().isInteractive
       }
     ) }) : /* @__PURE__ */ I(y, { children: [
-      N(i()) ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(
+      _(i()) ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(
         G,
         {
           Wrapper: i(),
@@ -576,16 +576,16 @@ function F(e) {
           hasChildren: !1
         }
       ) }) : null,
-      !N(i()) && n() ? /* @__PURE__ */ l(y, { children: (h = n()) == null ? void 0 : h.map((m, f) => /* @__PURE__ */ l(
+      !_(i()) && n() ? /* @__PURE__ */ l(y, { children: (m = n()) == null ? void 0 : m.map((f, h) => /* @__PURE__ */ l(
         ht,
         {
-          repeatContext: m.context,
-          block: m.block,
+          repeatContext: f.context,
+          block: f.block,
           registeredComponents: e.registeredComponents
         },
-        f
+        h
       )) }) : null,
-      !N(i()) && !n() ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ I(
+      !_(i()) && !n() ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ I(
         G,
         {
           Wrapper: i(),
@@ -606,14 +606,14 @@ function F(e) {
                 isInteractive: s().isInteractive
               }
             ),
-            (g = a()) == null ? void 0 : g.map((m) => /* @__PURE__ */ l(
+            (g = a()) == null ? void 0 : g.map((f) => /* @__PURE__ */ l(
               F,
               {
-                block: m,
+                block: f,
                 context: c,
                 registeredComponents: e.registeredComponents
               },
-              m.id
+              f.id
             ))
           ]
         }
@@ -621,7 +621,7 @@ function F(e) {
     ] })
   ] }) : null });
 }
-function K(e) {
+function N(e) {
   var t, n, o;
   return /* @__PURE__ */ l(
     We,
@@ -645,7 +645,7 @@ function K(e) {
   );
 }
 function pt(e) {
-  var f;
+  var h;
   const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], o = e.stackColumnsAt || "tablet", i = function(d) {
     var b;
     return ((b = n[d]) == null ? void 0 : b.width) || 100 / n.length;
@@ -670,22 +670,22 @@ function pt(e) {
         desktopStyle: "row"
       })
     };
-  }, h = function(d) {
-    const b = d === 0 ? 0 : t, x = r(d), v = `${b}px`, P = "100%", E = 0;
+  }, m = function(d) {
+    const b = d === 0 ? 0 : t, S = r(d), v = `${b}px`, A = "100%", E = 0;
     return {
-      width: x,
+      width: S,
       ["marginLeft"]: v,
       "--column-width-mobile": s({
-        stackedStyle: P,
-        desktopStyle: x
+        stackedStyle: A,
+        desktopStyle: S
       }),
       "--column-margin-left-mobile": s({
         stackedStyle: E,
         desktopStyle: v
       }),
       "--column-width-tablet": a({
-        stackedStyle: P,
-        desktopStyle: x
+        stackedStyle: A,
+        desktopStyle: S
       }),
       "--column-margin-left-tablet": a({
         stackedStyle: E,
@@ -693,11 +693,11 @@ function pt(e) {
       })
     };
   }, g = function(d) {
-    var x, v;
+    var S, v;
     return ue(
-      ((v = (x = e.builderContext.content) == null ? void 0 : x.meta) == null ? void 0 : v.breakpoints) || {}
+      ((v = (S = e.builderContext.content) == null ? void 0 : S.meta) == null ? void 0 : v.breakpoints) || {}
     )[d].max;
-  }, m = function() {
+  }, f = function() {
     return `
         @media (max-width: ${g("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
@@ -731,16 +731,16 @@ function pt(e) {
         className: `builder-columns ${e.builderBlock.id}-breakpoints div-39daef82`,
         style: u(),
         children: [
-          /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(O, { styles: m() }) }),
-          (f = e.columns) == null ? void 0 : f.map((p, d) => /* @__PURE__ */ Ve(
+          /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(O, { styles: f() }) }),
+          (h = e.columns) == null ? void 0 : h.map((p, d) => /* @__PURE__ */ Ve(
             "div",
             {
               className: "builder-column div-39daef82-2",
-              style: h(d),
+              style: m(d),
               key: d
             },
             /* @__PURE__ */ l(
-              K,
+              N,
               {
                 path: `component.options.columns.${d}.blocks`,
                 parent: e.builderBlock.id,
@@ -785,7 +785,7 @@ function bt(e, t) {
   }
   return null;
 }
-function Mn(e) {
+function jn(e) {
   if (!e)
     return e;
   const t = [100, 200, 400, 800, 1200, 1600, 2e3];
@@ -812,12 +812,12 @@ const yt = (e) => {
     k.warn("[COOKIE] GET error: ", (o == null ? void 0 : o.message) || o);
     return;
   }
-}, he = async (e) => fe(e), vt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(w).join("; "), St = [["secure", ""], ["SameSite", "None"]], xt = ({
+}, he = async (e) => fe(e), vt = (e) => e.map(([t, n]) => n ? `${t}=${n}` : t).filter(w).join("; "), xt = [["secure", ""], ["SameSite", "None"]], St = ({
   name: e,
   value: t,
   expires: n
 }) => {
-  const i = (S() ? location.protocol === "https:" : !0) ? St : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], a = [[e, t], ...r, ["path", "/"], ["domain", yt(window.location.hostname)], ...i];
+  const i = (x() ? location.protocol === "https:" : !0) ? xt : [[]], r = n ? [["expires", n.toUTCString()]] : [[]], a = [[e, t], ...r, ["path", "/"], ["domain", yt(window.location.hostname)], ...i];
   return vt(a);
 }, pe = async ({
   name: e,
@@ -828,7 +828,7 @@ const yt = (e) => {
   try {
     if (!o)
       return;
-    const i = xt({
+    const i = St({
       name: e,
       value: t,
       expires: n
@@ -931,7 +931,7 @@ const yt = (e) => {
     ...e,
     ...i
   };
-}, L = (e) => w(e) ? e : !0, Pt = {
+}, U = (e) => w(e) ? e : !0, At = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -964,7 +964,7 @@ const yt = (e) => {
   }],
   static: !0,
   noWrap: !0
-}, At = {
+}, Pt = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: !0,
@@ -1212,7 +1212,7 @@ const yt = (e) => {
     defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
     hideFromUI: !0
   }]
-}, Wt = ["text/javascript", "application/javascript", "application/ecmascript"], Dn = (e) => Wt.includes(e.type), $t = {
+}, Wt = ["text/javascript", "application/javascript", "application/ecmascript"], Kn = (e) => Wt.includes(e.type), $t = {
   name: "Fragment",
   static: !0,
   hidden: !0,
@@ -1240,13 +1240,13 @@ const yt = (e) => {
       e.delete("srcset"), e.delete("noWebp");
       function n(a, s = 6e4) {
         return new Promise((c, u) => {
-          const h = document.createElement("img");
+          const m = document.createElement("img");
           let g = !1;
-          h.onload = () => {
-            g = !0, c(h);
-          }, h.addEventListener("error", (m) => {
-            console.warn("Image load failed", m.error), u(m.error);
-          }), h.src = a, setTimeout(() => {
+          m.onload = () => {
+            g = !0, c(m);
+          }, m.addEventListener("error", (f) => {
+            console.warn("Image load failed", f.error), u(f.error);
+          }), m.src = a, setTimeout(() => {
             g || u(new Error("Image load timed out"));
           }, s);
         });
@@ -1372,6 +1372,43 @@ const yt = (e) => {
     }
   }]
 }, _t = {
+  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 Lt(e) {
+  var t, n, o;
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      style: {
+        pointerEvents: "auto"
+      },
+      ...!((t = e.builderContext.context) != null && t.symbolId) && {
+        "builder-slot": e.name
+      },
+      children: /* @__PURE__ */ l(
+        N,
+        {
+          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 Ut = {
   name: "Symbol",
   noWrap: !0,
   static: !0,
@@ -1404,7 +1441,7 @@ const yt = (e) => {
     hideFromUI: !0,
     type: "boolean"
   }]
-}, Lt = {
+}, Mt = {
   name: "Text",
   static: !0,
   isRSC: !0,
@@ -1423,7 +1460,7 @@ const yt = (e) => {
     textAlign: "center"
   }
 };
-function Ut(e) {
+function Dt(e) {
   var t;
   return /* @__PURE__ */ l(
     "div",
@@ -1436,7 +1473,7 @@ function Ut(e) {
     }
   );
 }
-const Mt = {
+const jt = {
   name: "Video",
   canHaveChildren: !0,
   defaultStyles: {
@@ -1519,10 +1556,10 @@ const Mt = {
   }]
 }, Z = () => [{
   component: $e,
-  ...Pt
+  ...At
 }, {
   component: pt,
-  ...At
+  ...Pt
 }, {
   component: Oe,
   ...Vt
@@ -1542,30 +1579,33 @@ const Mt = {
   component: Ue,
   ...Nt
 }, {
-  component: $n,
-  ..._t
+  component: Fn,
+  ...Ut
 }, {
-  component: Ut,
-  ...Lt
+  component: Dt,
+  ...Mt
 }, {
   component: Me,
-  ...Mt
-}], ee = [], jn = (e) => ({
+  ...jt
+}, {
+  component: Lt,
+  ..._t
+}], ee = [], Hn = (e) => ({
   type: "builder.registerComponent",
-  data: U(e)
-}), Dt = (e) => {
+  data: M(e)
+}), Kt = (e) => {
   const t = e.toString().trim();
   return `return (${!t.startsWith("function") && !t.startsWith("(") ? "function " : ""}${t}).apply(this, arguments)`;
-}, jt = (e) => typeof e == "function" ? Dt(e) : $(e), U = ({
+}, Ht = (e) => typeof e == "function" ? Kt(e) : $(e), M = ({
   inputs: e,
   ...t
 }) => ({
   ...$(t),
   inputs: e == null ? void 0 : e.map((n) => Object.entries(n).reduce((o, [i, r]) => ({
     ...o,
-    [i]: jt(r)
+    [i]: Ht(r)
   }), {}))
-}), Kt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
+}), zt = `function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
   function getAndSetVariantId() {
     function setCookie(name, value, days) {
       let expires = '';
@@ -1621,7 +1661,7 @@ const Mt = {
     }).join('');
     styleEl.innerHTML = newStyleStr;
   }
-}`, Ht = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
+}`, qt = `function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
   if (!navigator.cookieEnabled) {
     return;
   }
@@ -1655,26 +1695,26 @@ const Mt = {
     thisScriptEl?.remove();
   }
   return;
-}`, ve = "builderIoAbTest", Se = "builderIoRenderContent", V = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
+}`, ve = "builderIoAbTest", xe = "builderIoRenderContent", V = (e) => Object.values((e == null ? void 0 : e.variations) || {}).map((t) => ({
   ...t,
   testVariationId: t.id,
   id: e == null ? void 0 : e.id
-})), zt = ({
+})), Gt = ({
   canTrack: e,
   content: t
-}) => !(!(V(t).length > 0) || !e || S()), qt = (e) => e === "react" || e === "reactNative", xe = qt(T), Gt = () => `
-  window.${ve} = ${Kt}
-  window.${Se} = ${Ht}
-  `, Yt = (e, t) => `
+}) => !(!(V(t).length > 0) || !e || x()), Yt = (e) => e === "react" || e === "reactNative", Se = Yt(T), Jt = () => `
+  window.${ve} = ${zt}
+  window.${xe} = ${qt}
+  `, Qt = (e, t) => `
   window.${ve}(
-    "${t}",${JSON.stringify(e)}, ${xe}
-  )`, Jt = ({
+    "${t}",${JSON.stringify(e)}, ${Se}
+  )`, Xt = ({
   contentId: e,
   variationId: t
-}) => `window.${Se}(
-    "${t}", "${e}", ${xe}
+}) => `window.${xe}(
+    "${t}", "${e}", ${Se}
   )`;
-function M(e) {
+function D(e) {
   return /* @__PURE__ */ l(
     "script",
     {
@@ -1683,33 +1723,33 @@ function M(e) {
     }
   );
 }
-const Qt = (e) => {
+const Zt = (e) => {
   const t = e.get("preview"), n = e.get("overrides." + t);
   return n || k.warn("No previewed ID found in search params."), n;
 };
-function Xt() {
-  globalThis._BUILDER_PREVIEW_LRU_CACHE || (globalThis._BUILDER_PREVIEW_LRU_CACHE = new Ae({
+function en() {
+  globalThis._BUILDER_PREVIEW_LRU_CACHE || (globalThis._BUILDER_PREVIEW_LRU_CACHE = new Pe({
     max: 500,
     // how long to live in ms
     ttl: 1e3 * 60 * 5
   }));
 }
-function Zt(e) {
-  Xt();
-  const t = Qt(e);
+function tn(e) {
+  en();
+  const t = Zt(e);
   return typeof t == "string" ? globalThis._BUILDER_PREVIEW_LRU_CACHE.get(t) : void 0;
 }
-function en() {
+function nn() {
   return typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : globalThis;
 }
-function tn() {
-  const e = en().fetch;
+function on() {
+  const e = nn().fetch;
   if (typeof e > "u")
     throw console.warn(`Builder SDK could not find a global fetch function. Make sure you have a polyfill for fetch in your project. 
       For more information, read https://github.com/BuilderIO/this-package-uses-fetch`), new Error("Builder SDK could not find a global `fetch` function");
   return e;
 }
-const nn = tn();
+const rn = on();
 function B(e, t = null, n = ".") {
   return Object.keys(e).reduce((o, i) => {
     const r = e[i], a = [t, i].filter(Boolean).join(n);
@@ -1722,7 +1762,7 @@ function B(e, t = null, n = ".") {
     };
   }, {});
 }
-const on = "v3", te = "builder.", rn = "options.", an = (e) => {
+const an = "v3", te = "builder.", sn = "options.", cn = (e) => {
   const t = {};
   return e.forEach((n, o) => {
     t[o] = n;
@@ -1733,16 +1773,16 @@ const on = "v3", te = "builder.", rn = "options.", an = (e) => {
   const t = Ce(e), n = {};
   return Object.keys(t).forEach((o) => {
     if (o.startsWith(te)) {
-      const i = o.replace(te, "").replace(rn, "");
+      const i = o.replace(te, "").replace(sn, "");
       n[i] = t[o];
     }
   }), n;
-}, sn = () => {
-  if (!S())
+}, ln = () => {
+  if (!x())
     return {};
   const e = new URLSearchParams(window.location.search);
   return ke(e);
-}, Ce = (e) => e instanceof URLSearchParams ? an(e) : e, ne = (e) => typeof e == "number" && !isNaN(e) && e >= 0, z = (e) => {
+}, Ce = (e) => e instanceof URLSearchParams ? cn(e) : e, ne = (e) => typeof e == "number" && !isNaN(e) && e >= 0, z = (e) => {
   let {
     noTraverse: t = !1
   } = e;
@@ -1755,32 +1795,32 @@ const on = "v3", te = "builder.", rn = "options.", an = (e) => {
     includeRefs: s = !0,
     enrich: c,
     locale: u,
-    apiVersion: h = on,
+    apiVersion: m = an,
     fields: g,
-    omit: m,
-    offset: f,
+    omit: f,
+    offset: h,
     cacheSeconds: p,
     staleCacheSeconds: d,
     sort: b,
-    includeUnpublished: x
+    includeUnpublished: S
   } = e;
   if (!a)
     throw new Error("Missing API key");
-  if (!["v2", "v3"].includes(h))
-    throw new Error(`Invalid apiVersion: expected 'v2' or 'v3', received '${h}'`);
+  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 v = new URL(`https://cdn.builder.io/api/${h}/content/${r}?apiKey=${a}&limit=${n}&noTraverse=${t}&includeRefs=${s}${u ? `&locale=${u}` : ""}${c ? `&enrich=${c}` : ""}`);
-  if (v.searchParams.set("omit", m || "meta.componentsUsed"), g && v.searchParams.set("fields", g), Number.isFinite(f) && f > -1 && v.searchParams.set("offset", String(Math.floor(f))), typeof x == "boolean" && v.searchParams.set("includeUnpublished", String(x)), p && ne(p) && v.searchParams.set("cacheSeconds", String(p)), d && ne(d) && v.searchParams.set("staleCacheSeconds", String(d)), b) {
+  const v = new URL(`https://cdn.builder.io/api/${m}/content/${r}?apiKey=${a}&limit=${n}&noTraverse=${t}&includeRefs=${s}${u ? `&locale=${u}` : ""}${c ? `&enrich=${c}` : ""}`);
+  if (v.searchParams.set("omit", f || "meta.componentsUsed"), g && v.searchParams.set("fields", g), Number.isFinite(h) && h > -1 && v.searchParams.set("offset", String(Math.floor(h))), typeof S == "boolean" && v.searchParams.set("includeUnpublished", String(S)), p && ne(p) && v.searchParams.set("cacheSeconds", String(p)), d && ne(d) && v.searchParams.set("staleCacheSeconds", String(d)), b) {
     const C = B({
       sort: b
     });
     for (const R in C)
       v.searchParams.set(R, JSON.stringify(C[R]));
   }
-  const P = {
-    ...sn(),
+  const A = {
+    ...ln(),
     ...Ce(e.options || {})
-  }, E = B(P);
+  }, E = B(A);
   for (const C in E)
     v.searchParams.set(C, String(E[C]));
   if (o && v.searchParams.set("userAttributes", JSON.stringify(o)), i) {
@@ -1791,7 +1831,7 @@ const on = "v3", te = "builder.", rn = "options.", an = (e) => {
       v.searchParams.set(R, JSON.stringify(C[R]));
   }
   return v;
-}, cn = (e) => "results" in e;
+}, dn = (e) => "results" in e;
 async function q(e) {
   const t = await we({
     ...e,
@@ -1799,20 +1839,20 @@ async function q(e) {
   });
   return t && t[0] || null;
 }
-const Kn = q, ln = async (e) => {
+const zn = q, un = async (e) => {
   const t = z(e);
-  return await (await nn(t.href)).json();
-}, dn = async (e, t, n = z(e)) => {
-  const o = L(e.canTrack);
+  return await (await rn(t.href)).json();
+}, mn = async (e, t, n = z(e)) => {
+  const o = U(e.canTrack);
   if (n.search.includes("preview=")) {
     const r = [];
     for (const a of t.results) {
-      const s = Zt(n.searchParams);
+      const s = tn(n.searchParams);
       r.push(s || a);
     }
     t.results = r;
   }
-  if (!o || !(S() || T === "reactNative"))
+  if (!o || !(x() || T === "reactNative"))
     return t.results;
   try {
     const r = [];
@@ -1829,8 +1869,8 @@ const Kn = q, ln = async (e) => {
 };
 async function we(e) {
   try {
-    const t = z(e), n = await ln(e);
-    return cn(n) ? dn(e, n) : (k.error("Error fetching data. ", {
+    const t = z(e), n = await un(e);
+    return dn(n) ? mn(e, n) : (k.error("Error fetching data. ", {
       url: t,
       content: n,
       options: e
@@ -1839,20 +1879,20 @@ async function we(e) {
     return k.error("Error fetching data. ", t), null;
   }
 }
-const Hn = we;
-function zn() {
-  return !S() || D() ? !1 : location.search.indexOf("builder.preview=") !== -1;
+const qn = we;
+function Gn() {
+  return !x() || j() ? !1 : location.search.indexOf("builder.preview=") !== -1;
 }
-function un() {
+function fn() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
 function Ie() {
-  return un().replace(/-/g, "");
+  return fn().replace(/-/g, "");
 }
-const Te = "builderSessionId", mn = async ({
+const Te = "builderSessionId", hn = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -1864,20 +1904,20 @@ const Te = "builderSessionId", mn = async ({
   if (w(t))
     return t;
   {
-    const n = fn();
-    return hn({
+    const n = pn();
+    return gn({
       id: n,
       canTrack: e
     }), n;
   }
-}, fn = () => Ie(), hn = ({
+}, pn = () => Ie(), gn = ({
   id: e,
   canTrack: t
 }) => pe({
   name: Te,
   value: e,
   canTrack: t
-}), Ee = () => S() && typeof localStorage < "u" ? localStorage : void 0, pn = ({
+}), Ee = () => x() && typeof localStorage < "u" ? localStorage : void 0, bn = ({
   key: e,
   canTrack: t
 }) => {
@@ -1888,7 +1928,7 @@ const Te = "builderSessionId", mn = async ({
     console.debug("[LocalStorage] GET error: ", o);
     return;
   }
-}, gn = ({
+}, yn = ({
   key: e,
   canTrack: t,
   value: n
@@ -1899,32 +1939,32 @@ const Te = "builderSessionId", mn = async ({
   } catch (i) {
     console.debug("[LocalStorage] SET error: ", i);
   }
-}, Re = "builderVisitorId", bn = ({
+}, Re = "builderVisitorId", vn = ({
   canTrack: e
 }) => {
   if (!e)
     return;
-  const t = pn({
+  const t = bn({
     key: Re,
     canTrack: e
   });
   if (w(t))
     return t;
   {
-    const n = yn();
-    return vn({
+    const n = xn();
+    return Sn({
       id: n,
       canTrack: e
     }), n;
   }
-}, yn = () => Ie(), vn = ({
+}, xn = () => Ie(), Sn = ({
   id: e,
   canTrack: t
-}) => gn({
+}) => yn({
   key: Re,
   value: e,
   canTrack: t
-}), Sn = async ({
+}), kn = async ({
   canTrack: e
 }) => {
   if (!e)
@@ -1932,16 +1972,16 @@ const Te = "builderSessionId", mn = async ({
       visitorId: void 0,
       sessionId: void 0
     };
-  const t = await mn({
+  const t = await hn({
     canTrack: e
-  }), n = bn({
+  }), n = vn({
     canTrack: e
   });
   return {
     sessionId: t,
     visitorId: n
   };
-}, xn = async ({
+}, Cn = async ({
   type: e,
   canTrack: t,
   apiKey: n,
@@ -1955,23 +1995,23 @@ const Te = "builderSessionId", mn = async ({
       url: location.href,
       ...o
     },
-    ...await Sn({
+    ...await kn({
       canTrack: t
     }),
     userAttributes: le(),
     ownerId: n
   }
 });
-async function kn(e) {
+async function wn(e) {
   if (!e.apiKey) {
     k.error("Missing API key for track call. Please provide your API key.");
     return;
   }
-  if (e.canTrack && !D() && (S() || T === "reactNative"))
+  if (e.canTrack && !j() && (x() || T === "reactNative"))
     return fetch("https://cdn.builder.io/api/v1/track", {
       method: "POST",
       body: JSON.stringify({
-        events: [await xn(e)]
+        events: [await Cn(e)]
       }),
       headers: {
         "content-type": "application/json"
@@ -1981,14 +2021,14 @@ async function kn(e) {
       console.error("Failed to track: ", t);
     });
 }
-const qn = (e) => kn({
+const Yn = (e) => wn({
   ...e,
   canTrack: !0
 });
 function oe(e) {
   return Math.round(e * 1e3) / 1e3;
 }
-const Cn = (e, t, n = !0) => {
+const In = (e, t, n = !0) => {
   if (!(e instanceof HTMLElement))
     return null;
   let o = n ? e : e.parentElement;
@@ -1999,7 +2039,7 @@ const Cn = (e, t, n = !0) => {
       return o;
   } while (o = o.parentElement);
   return null;
-}, wn = (e) => Cn(e, (t) => {
+}, Tn = (e) => In(e, (t) => {
   const n = t.getAttribute("builder-id") || t.id;
   return (n == null ? void 0 : n.indexOf("builder-")) === 0;
 }), ie = ({
@@ -2011,8 +2051,8 @@ const Cn = (e, t, n = !0) => {
     x: r,
     y: a
   };
-}, Gn = (e) => {
-  const t = e.target, n = t && wn(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
+}, Jn = (e) => {
+  const t = e.target, n = t && Tn(t), o = (n == null ? void 0 : n.getAttribute("builder-id")) || (n == null ? void 0 : n.id);
   return {
     targetBuilderElement: o || void 0,
     metadata: {
@@ -2027,10 +2067,10 @@ const Cn = (e, t, n = !0) => {
       builderElementIndex: n && o ? [].slice.call(document.getElementsByClassName(o)).indexOf(n) : void 0
     }
   };
-}, In = "0.11.5", re = {};
-function Tn(e, t) {
+}, En = "0.12.1", re = {};
+function Rn(e, t) {
   let n = re[e];
-  if (n || (n = re[e] = []), n.push(t), S()) {
+  if (n || (n = re[e] = []), n.push(t), x()) {
     const o = {
       type: "builder.register",
       data: {
@@ -2045,8 +2085,8 @@ function Tn(e, t) {
     }
   }
 }
-const Yn = () => {
-  Tn("insertMenu", {
+const Qn = () => {
+  Rn("insertMenu", {
     name: "_default",
     default: !0,
     items: [{
@@ -2069,13 +2109,13 @@ const Yn = () => {
   });
 };
 let ae = !1;
-const Jn = (e = {}) => {
+const Xn = (e = {}) => {
   var t, n;
-  ae || (ae = !0, S() && ((t = window.parent) == null || t.postMessage({
+  ae || (ae = !0, x() && ((t = window.parent) == null || t.postMessage({
     type: "builder.sdkInfo",
     data: {
       target: T,
-      version: In,
+      version: En,
       supportsPatchUpdates: !1,
       // Supports builder-model="..." attribute which is needed to
       // scope our '+ add block' button styling
@@ -2095,11 +2135,11 @@ const Jn = (e = {}) => {
       switch (o.type) {
         case "builder.evaluate": {
           const a = o.data.text, s = o.data.arguments || [], c = o.data.id, u = new Function(a);
-          let h, g = null;
+          let m, g = null;
           try {
-            h = u.apply(null, s);
-          } catch (m) {
-            g = m;
+            m = u.apply(null, s);
+          } catch (f) {
+            g = f;
           }
           g ? (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateError",
@@ -2107,19 +2147,19 @@ const Jn = (e = {}) => {
               id: c,
               error: g.message
             }
-          }, "*") : h && typeof h.then == "function" ? h.then((m) => {
-            var f;
-            (f = window.parent) == null || f.postMessage({
+          }, "*") : m && typeof m.then == "function" ? m.then((f) => {
+            var h;
+            (h = window.parent) == null || h.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: c,
-                result: m
+                result: f
               }
             }, "*");
           }).catch(console.error) : (r = window.parent) == null || r.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: h,
+              result: m,
               id: c
             }
           }, "*");
@@ -2127,7 +2167,7 @@ const Jn = (e = {}) => {
         }
       }
   })));
-}, En = (e) => {
+}, An = (e) => {
   var r;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((r = e == null ? void 0 : e.files) == null ? void 0 : r.regular);
   let i = "";
@@ -2153,22 +2193,22 @@ font-weight: ${a};
         `.trim());
     }
   return i;
-}, Rn = ({
+}, Pn = ({
   customFonts: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.map((n) => En(n))) == null ? void 0 : t.join(" ")) || "";
-}, Pn = ({
+  return ((t = e == null ? void 0 : e.map((n) => An(n))) == null ? void 0 : t.join(" ")) || "";
+}, Vn = ({
   cssCode: e,
   contentId: t
 }) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "";
-function An(e) {
+function Bn(e) {
   const t = `
-${Pn({
+${Vn({
     cssCode: e.cssCode,
     contentId: e.contentId
   })}
-${Rn({
+${Pn({
     customFonts: e.customFonts
   })}
 
@@ -2187,7 +2227,7 @@ ${Rn({
 `.trim();
   return /* @__PURE__ */ l(O, { styles: t });
 }
-const Vn = ({
+const Wn = ({
   content: e,
   data: t,
   locale: n
@@ -2204,7 +2244,7 @@ const Vn = ({
       locale: n
     } : {}
   };
-}, Bn = ({
+}, $n = ({
   content: e,
   data: t
 }) => e ? {
@@ -2216,8 +2256,8 @@ const Vn = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function se(e) {
-  var i, r, a, s, c, u, h, g, m;
-  const t = Jt({
+  var i, r, a, s, c, u, m, g, f;
+  const t = Xt({
     // 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
@@ -2232,21 +2272,21 @@ function se(e) {
     ...ee,
     ...e.customComponents || []
   ].reduce(
-    (f, { component: p, ...d }) => ({
-      ...f,
+    (h, { component: p, ...d }) => ({
+      ...h,
       [d.name]: {
         component: p,
-        ...U(d)
+        ...M(d)
       }
     }),
     {}
   ), o = {
-    content: Bn({
+    content: $n({
       content: e.content,
       data: e.data
     }),
     localState: void 0,
-    rootState: Vn({
+    rootState: Wn({
       content: e.content,
       data: e.data,
       locale: e.locale
@@ -2265,9 +2305,9 @@ function se(e) {
       ...ee,
       ...e.customComponents || []
     ].reduce(
-      (f, { component: p, ...d }) => ({
-        ...f,
-        [d.name]: U(d)
+      (h, { component: p, ...d }) => ({
+        ...h,
+        [d.name]: M(d)
       }),
       {}
     ),
@@ -2292,19 +2332,19 @@ function se(e) {
       contentWrapper: e.contentWrapper,
       contentWrapperProps: e.contentWrapperProps,
       children: [
-        e.isSsrAbTest ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(M, { scriptStr: t }) }) : null,
+        e.isSsrAbTest ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(D, { scriptStr: t }) }) : null,
         /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(
-          An,
+          Bn,
           {
             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: (h = (u = o.content) == null ? void 0 : u.data) == null ? void 0 : h.customFonts
+            customFonts: (m = (u = o.content) == null ? void 0 : u.data) == null ? void 0 : m.customFonts
           }
         ) }),
         /* @__PURE__ */ l(
-          K,
+          N,
           {
-            blocks: (m = (g = o.content) == null ? void 0 : g.data) == null ? void 0 : m.blocks,
+            blocks: (f = (g = o.content) == null ? void 0 : g.data) == null ? void 0 : f.blocks,
             context: o,
             registeredComponents: n
           }
@@ -2313,14 +2353,14 @@ function se(e) {
     }
   );
 }
-function Pe(e) {
+function Ae(e) {
   var r, a;
-  const t = zt({
-    canTrack: L(e.canTrack),
+  const t = Gt({
+    canTrack: U(e.canTrack),
     content: e.content
   }), n = function() {
     var c;
-    return Yt(
+    return Qt(
       V(e.content).map((u) => ({
         id: u.testVariationId,
         testRatio: u.testRatio
@@ -2336,11 +2376,11 @@ function Pe(e) {
       testVariationId: (c = e.content) == null ? void 0 : c.id
     } : Et({
       item: e.content,
-      canTrack: L(e.canTrack)
+      canTrack: U(e.canTrack)
     });
   };
   return /* @__PURE__ */ I(y, { children: [
-    !e.__isNestedRender && T !== "reactNative" ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(M, { scriptStr: Gt() }) }) : null,
+    !e.__isNestedRender && T !== "reactNative" ? /* @__PURE__ */ l(y, { children: /* @__PURE__ */ l(D, { scriptStr: Jt() }) }) : null,
     t ? /* @__PURE__ */ I(y, { children: [
       /* @__PURE__ */ l(
         O,
@@ -2349,7 +2389,7 @@ function Pe(e) {
           styles: o()
         }
       ),
-      /* @__PURE__ */ l(M, { scriptStr: n() }),
+      /* @__PURE__ */ l(D, { scriptStr: n() }),
       (a = V(e.content)) == null ? void 0 : a.map((s) => /* @__PURE__ */ l(
         se,
         {
@@ -2398,7 +2438,7 @@ function Pe(e) {
     )
   ] });
 }
-const Wn = async ({
+const On = async ({
   builderContextValue: e,
   symbol: t
 }) => {
@@ -2417,41 +2457,44 @@ const Wn = async ({
       k.error("Could not fetch symbol content: ", n);
     });
 };
-async function $n(e) {
-  var o, i, r, a;
+async function Fn(e) {
+  var o, i, r, a, s;
   const t = function() {
-    var c, u;
+    var u, m;
     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
+      (u = e.symbol) != null && u.inline ? "builder-inline-symbol" : void 0,
+      (m = e.symbol) != null && m.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
-  }, n = ((o = e.symbol) == null ? void 0 : o.content) || await Wn({
+  }, n = ((o = e.symbol) == null ? void 0 : o.content) || await On({
     symbol: e.symbol,
     builderContextValue: e.builderContext
   });
   return /* @__PURE__ */ l("div", { ...e.attributes, className: t(), children: /* @__PURE__ */ l(
-    Pe,
+    Ae,
     {
       __isNestedRender: !0,
       apiVersion: e.builderContext.apiVersion,
       apiKey: e.builderContext.apiKey,
-      context: e.builderContext.context,
+      context: {
+        ...e.builderContext.context,
+        symbolId: (i = e.builderBlock) == null ? void 0 : i.id
+      },
       customComponents: Object.values(e.builderComponents),
       data: {
-        ...(i = e.symbol) == null ? void 0 : i.data,
+        ...(r = e.symbol) == null ? void 0 : r.data,
         ...e.builderContext.localState,
-        ...(r = n == null ? void 0 : n.data) == null ? void 0 : r.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
     }
   ) });
 }
-const Qn = K, Xn = Pe, ce = {};
-function Zn(e) {
-  if (S()) {
+const Zn = N, eo = Ae, ce = {};
+function to(e) {
+  if (x()) {
     Object.assign(ce, e);
     const t = {
       type: "builder.settingsChange",
@@ -2460,7 +2503,7 @@ function Zn(e) {
     parent.postMessage(t, "*");
   }
 }
-const eo = async (e) => {
+const no = async (e) => {
   var o, i, r;
   const t = e.path || ((o = e.url) == null ? void 0 : o.pathname) || ((i = e.userAttributes) == null ? void 0 : i.urlPath), n = {
     ...e,
@@ -2482,38 +2525,38 @@ const eo = async (e) => {
 };
 export {
   ke as A,
-  K as B,
-  Pe as C,
-  qn as D,
-  eo as E,
-  Qn as R,
-  $n as S,
-  Ut as T,
-  kn as _,
-  Un as a,
-  Mn as b,
-  Dn as c,
-  S as d,
-  L as e,
-  zn as f,
+  N as B,
+  Ae as C,
+  Yn as D,
+  no as E,
+  Zn as R,
+  Fn as S,
+  Dt as T,
+  wn as _,
+  Dn as a,
+  jn as b,
+  Kn as c,
+  x as d,
+  U as e,
+  Gn as f,
   ut as g,
-  j as h,
-  D as i,
-  Gn as j,
+  K as h,
+  j as i,
+  Jn as j,
   $ as k,
   k as l,
-  jn as m,
+  Hn as m,
   q as n,
-  nn as o,
-  Xt as p,
-  Xn as q,
-  Yn as r,
-  Jn as s,
+  rn as o,
+  en as p,
+  eo as q,
+  Qn as r,
+  Xn as s,
   pt as t,
-  Tn as u,
-  Zn as v,
-  dn as w,
+  Rn as u,
+  to as v,
+  mn as w,
   we as x,
-  Hn as y,
-  Kn as z
+  qn as y,
+  zn as z
 };