@builder.io/sdk-react-nextjs 0.14.15 → 0.14.16

package/lib/node/{bundle-5f638f04.js → bundle-8d3cab60.js}

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import "react";
-import { I as InteractiveElement, B as BlockWrapper, a as BlocksWrapper, D as DynamicRenderer, C as CustomCode, E as Embed, b as ImgComponent, V as Video, c as Button, F as FragmentComponent, d as Image, S as SectionComponent, e as EnableEditor } from "./USE_CLIENT_BUNDLE-c0730eab.js";
+import { I as InteractiveElement, B as BlockWrapper, a as BlocksWrapper, D as DynamicRenderer, C as CustomCode, E as Embed, b as ImgComponent, V as Video, c as Button, F as FragmentComponent, d as Image, S as SectionComponent, e as EnableEditor } from "./USE_CLIENT_BUNDLE-f8067984.js";
 import { LRUCache } from "lru-cache";
 import "next/navigation";
 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()), TARGET = "rsc", getClassPropName = () => {
@@ -46,7 +46,8 @@ function isIframe() {
   return isBrowser() && window.self !== window.top;
 }
 function isEditing(e) {
-  return isIframe() && getSearchString(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
+  return isIframe() && // accessing window.location.search is safe here because `isIframe()` is only `true` if we're in a browser.
+  getSearchString(e || window.location.search).indexOf("builder.frameEditing=") !== -1;
 }
 const getLocation = () => {
   if (isBrowser()) {
@@ -243,29 +244,29 @@ const getIvm = () => {
     context: n,
     event: o,
     state: c
-  }), g = getIsolateContext(), l = g.global;
-  l.setSync("global", l.derefInto()), l.setSync("log", function(...m) {
+  }), g = getIsolateContext(), d = g.global;
+  d.setSync("global", d.derefInto()), d.setSync("log", function(...m) {
     console.log(...m);
-  }), l.setSync(BUILDER_SET_STATE_NAME, function(m, d) {
-    set(a, m, d), i == null || i(a);
-  }), u.forEach(([m, d]) => {
-    const b = typeof d == "object" ? new s.Reference(
+  }), d.setSync(BUILDER_SET_STATE_NAME, function(m, l) {
+    set(a, m, l), i == null || i(a);
+  }), u.forEach(([m, l]) => {
+    const b = typeof l == "object" ? new s.Reference(
       // workaround: methods with default values for arguments is not being cloned over
       m === "builder" ? {
-        ...d,
-        getUserAttributes: () => d.getUserAttributes()
-      } : d
+        ...l,
+        getUserAttributes: () => l.getUserAttributes()
+      } : l
     ) : null;
-    l.setSync(getSyncValName(m), b);
-  }), l.setSync(INJECTED_IVM_GLOBAL, s);
+    d.setSync(getSyncValName(m), b);
+  }), d.setSync(INJECTED_IVM_GLOBAL, s);
   const f = processCode({
     code: e,
     args: u
-  }), p = g.evalSync(f);
+  }), h = g.evalSync(f);
   try {
-    return JSON.parse(p);
+    return JSON.parse(h);
   } catch {
-    return p;
+    return h;
   }
 }, checkIsDefined = (e) => e != null;
 function isNodeRuntime() {
@@ -278,7 +279,7 @@ const shouldForceBrowserRuntimeInNode = () => {
     return !1;
   const e = process.arch === "arm64", t = process.version.startsWith("v20"), n = (o = process.env.NODE_OPTIONS) == null ? void 0 : o.includes("--no-node-snapshot");
   return e && t && !n ? (logger.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/sdks/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), !0) : !1;
-}, chooseBrowserOrServerEval = (e) => isBrowser() || shouldForceBrowserRuntimeInNode() ? runInBrowser(e) : runInNode(e), _EvalCache = class v {
+}, chooseBrowserOrServerEval = (e) => isBrowser() || shouldForceBrowserRuntimeInNode() ? runInBrowser(e) : runInNode(e), _EvalCache = class k {
   static getCacheKey(t) {
     return JSON.stringify({
       ...t,
@@ -288,10 +289,10 @@ const shouldForceBrowserRuntimeInNode = () => {
     });
   }
   static getCachedValue(t) {
-    return v.cache.get(t);
+    return k.cache.get(t);
   }
   static setCachedValue(t, n) {
-    v.cache.size > 20 && v.cache.delete(v.cache.keys().next().value), v.cache.set(t, {
+    k.cache.size > 20 && k.cache.delete(k.cache.keys().next().value), k.cache.set(t, {
       value: n
     });
   }
@@ -544,6 +545,47 @@ function InlinedStyles(e) {
     }
   );
 }
+function assign(e, ...t) {
+  const n = Object(e);
+  for (let o = 1; o < arguments.length; o++) {
+    const r = arguments[o];
+    if (r != null)
+      for (const i in r)
+        Object.prototype.hasOwnProperty.call(r, i) && (n[i] = r[i]);
+  }
+  return n;
+}
+const camelCaseToKebabCase = (e) => e ? e.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`) : "";
+function warnElementNotPresent(e) {
+  console.warn(`Cannot animate element: element with ID ${e} not found!`);
+}
+function augmentAnimation(e, t) {
+  const n = getAllStylesUsed(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, a = [r, i];
+  for (const s of a)
+    for (const c of n)
+      c in s || (s[c] = o[c]);
+}
+function getAllStylesUsed(e) {
+  const t = [];
+  for (const n of e.steps)
+    for (const o in n.styles)
+      t.indexOf(o) === -1 && t.push(o);
+  return t;
+}
+function triggerAnimation(e) {
+  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
+  if (!t.length) {
+    warnElementNotPresent(e.elementId || e.id || "");
+    return;
+  }
+  Array.from(t).forEach((n) => {
+    augmentAnimation(e, n), n.style.transition = "none", n.style.transitionDelay = "0", assign(n.style, e.steps[0].styles), setTimeout(() => {
+      n.style.transition = `all ${e.duration}s ${camelCaseToKebabCase(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), assign(n.style, e.steps[1].styles), setTimeout(() => {
+        n.style.transition = "", n.style.transitionDelay = "";
+      }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
+    });
+  });
+}
 function BlockStyles(e) {
   const t = function() {
     const r = getProcessedBlock({
@@ -556,7 +598,7 @@ function BlockStyles(e) {
     });
     return checkIsDefined(r.hide) ? !r.hide : checkIsDefined(r.show) ? r.show : !0;
   }, n = function() {
-    var d;
+    var p, S, C;
     const r = getProcessedBlock({
       block: e.block,
       localState: e.context.localState,
@@ -565,29 +607,48 @@ 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, u = i == null ? void 0 : i.medium, g = i == null ? void 0 : i.small, l = r.id;
-    if (!l)
+      ((p = a == null ? void 0 : a.meta) == null ? void 0 : p.breakpoints) || {}
+    ), c = i == null ? void 0 : i.large, u = i == null ? void 0 : i.medium, g = i == null ? void 0 : i.small, d = r.id;
+    if (!d)
       return "";
     const f = c ? createCssClass({
-      className: l,
+      className: d,
       styles: c
-    }) : "", p = u ? createCssClass({
-      className: l,
+    }) : "", h = u ? createCssClass({
+      className: d,
       styles: u,
       mediaQuery: getMaxWidthQueryForSize(
         "medium",
         s
       )
     }) : "", m = g ? createCssClass({
-      className: l,
+      className: d,
       styles: g,
       mediaQuery: getMaxWidthQueryForSize(
         "small",
         s
       )
-    }) : "";
-    return [f, p, m].join(" ");
+    }) : "", l = r.animations && r.animations.find((y) => y.trigger === "hover");
+    let b = "";
+    if (l) {
+      const y = ((C = (S = l.steps) == null ? void 0 : S[1]) == null ? void 0 : C.styles) || {};
+      b = createCssClass({
+        className: `${d}:hover`,
+        styles: {
+          ...y,
+          transition: `all ${l.duration}s ${camelCaseToKebabCase(
+            l.easing
+          )}`,
+          transitionDelay: l.delay ? `${l.delay}s` : "0s"
+        }
+      }) || "";
+    }
+    return [
+      f,
+      h,
+      m,
+      b
+    ].join(" ");
   };
   return /* @__PURE__ */ jsx(Fragment, { children: n() && t() ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { id: "builderio-block", styles: n() }) }) : null });
 }
@@ -748,29 +809,29 @@ function Block(e) {
       shouldEvaluateBindings: !0
     });
   }, r = function() {
-    var p;
-    return e.block.tagName === "a" || ((p = o().properties) == null ? void 0 : p.href) || o().href ? e.linkComponent || "a" : e.block.tagName || "div";
+    var h;
+    return e.block.tagName === "a" || ((h = o().properties) == null ? void 0 : h.href) || o().href ? e.linkComponent || "a" : e.block.tagName || "div";
   }, i = function() {
-    var m, d;
+    var m, l;
     if ((m = e.block.repeat) != null && m.collection)
-      return !!((d = n()) != null && d.length);
+      return !!((l = n()) != null && l.length);
     const f = "hide" in o() ? o().hide : !1;
     return ("show" in o() ? o().show : !0) && !f;
   }, a = function() {
-    var p;
-    return !((p = t()) != null && p.component) && !n() ? o().children ?? [] : [];
+    var h;
+    return !((h = t()) != null && h.component) && !n() ? o().children ?? [] : [];
   }, s = function() {
-    var f, p, m, d, b, h, S, k, y, C;
+    var f, h, m, l, b, p, S, C, y, v;
     return {
       blockChildren: o().children ?? [],
       componentRef: (f = t()) == null ? void 0 : f.component,
       componentOptions: {
         ...getBlockComponentOptions(o()),
         builderContext: e.context,
-        ...((p = t()) == null ? void 0 : p.name) === "Core:Button" || ((m = t()) == null ? void 0 : m.name) === "Symbol" || ((d = t()) == null ? void 0 : d.name) === "Columns" || ((b = t()) == null ? void 0 : b.name) === "Form:Form" ? {
+        ...((h = t()) == null ? void 0 : h.name) === "Core:Button" || ((m = t()) == null ? void 0 : m.name) === "Symbol" || ((l = t()) == null ? void 0 : l.name) === "Columns" || ((b = t()) == null ? void 0 : b.name) === "Form:Form" ? {
           builderLinkComponent: e.linkComponent
         } : {},
-        ...((h = t()) == null ? void 0 : h.name) === "Symbol" || ((S = t()) == null ? void 0 : S.name) === "Columns" || ((k = t()) == null ? void 0 : k.name) === "Form:Form" ? {
+        ...((p = t()) == null ? void 0 : p.name) === "Symbol" || ((S = t()) == null ? void 0 : S.name) === "Columns" || ((C = t()) == null ? void 0 : C.name) === "Form:Form" ? {
           builderComponents: e.registeredComponents
         } : {}
       },
@@ -779,7 +840,7 @@ function Block(e) {
       registeredComponents: e.registeredComponents,
       builderBlock: o(),
       includeBlockProps: ((y = t()) == null ? void 0 : y.noWrap) === !0,
-      isInteractive: !((C = t()) != null && C.isRSC)
+      isInteractive: !((v = t()) != null && v.isRSC)
     };
   };
   return /* @__PURE__ */ jsx(Fragment, { children: i() ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -797,11 +858,11 @@ function Block(e) {
         includeBlockProps: s().includeBlockProps,
         isInteractive: s().isInteractive
       }
-    ) }) : /* @__PURE__ */ jsx(Fragment, { children: n() ? /* @__PURE__ */ jsx(Fragment, { children: (g = n()) == null ? void 0 : g.map((l, f) => /* @__PURE__ */ jsx(
+    ) }) : /* @__PURE__ */ jsx(Fragment, { children: n() ? /* @__PURE__ */ jsx(Fragment, { children: (g = n()) == null ? void 0 : g.map((d, f) => /* @__PURE__ */ jsx(
       RepeatedBlock,
       {
-        repeatContext: l.context,
-        block: l.block,
+        repeatContext: d.context,
+        block: d.block,
         registeredComponents: e.registeredComponents,
         linkComponent: e.linkComponent
       },
@@ -828,15 +889,15 @@ function Block(e) {
               isInteractive: s().isInteractive
             }
           ),
-          (u = a()) == null ? void 0 : u.map((l) => /* @__PURE__ */ jsx(
+          (u = a()) == null ? void 0 : u.map((d) => /* @__PURE__ */ jsx(
             Block,
             {
-              block: l,
+              block: d,
               registeredComponents: e.registeredComponents,
               linkComponent: e.linkComponent,
               context: e.context
             },
-            l.id
+            d.id
           ))
         ]
       }
@@ -868,23 +929,23 @@ function Blocks(e) {
   );
 }
 function Columns(e) {
-  var p;
-  const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], o = e.stackColumnsAt || "tablet", r = function(d) {
+  var h;
+  const t = typeof e.space == "number" ? e.space || 0 : 20, n = e.columns || [], o = e.stackColumnsAt || "tablet", r = function(l) {
     var b;
-    return ((b = n[d]) == null ? void 0 : b.width) || 100 / n.length;
-  }, i = function(d) {
+    return ((b = n[l]) == null ? void 0 : b.width) || 100 / n.length;
+  }, i = function(l) {
     const b = t * (n.length - 1) / n.length;
-    return `calc(${r(d)}% - ${b}px)`;
+    return `calc(${r(l)}% - ${b}px)`;
   }, a = function({
-    stackedStyle: d,
+    stackedStyle: l,
     desktopStyle: b
   }) {
-    return o === "tablet" ? d : b;
+    return o === "tablet" ? l : b;
   }, s = function({
-    stackedStyle: d,
+    stackedStyle: l,
     desktopStyle: b
   }) {
-    return o === "never" ? b : d;
+    return o === "never" ? b : l;
   }, c = e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column", u = function() {
     return {
       "--flex-dir": c,
@@ -893,41 +954,41 @@ function Columns(e) {
         desktopStyle: "row"
       })
     };
-  }, g = function(d) {
-    const b = d === 0 ? 0 : t, h = i(d), S = `${b}px`, k = "100%", y = 0;
+  }, g = function(l) {
+    const b = l === 0 ? 0 : t, p = i(l), S = `${b}px`, C = "100%", y = 0;
     return {
       ...{
         display: "flex",
         flexDirection: "column",
         alignItems: "stretch"
       },
-      width: h,
+      width: p,
       ["marginLeft"]: S,
       "--column-width-mobile": s({
-        stackedStyle: k,
-        desktopStyle: h
+        stackedStyle: C,
+        desktopStyle: p
       }),
       "--column-margin-left-mobile": s({
         stackedStyle: y,
         desktopStyle: S
       }),
       "--column-width-tablet": a({
-        stackedStyle: k,
-        desktopStyle: h
+        stackedStyle: C,
+        desktopStyle: p
       }),
       "--column-margin-left-tablet": a({
         stackedStyle: y,
         desktopStyle: S
       })
     };
-  }, l = function(d) {
-    var h, S;
+  }, d = function(l) {
+    var p, S;
     return getSizesForBreakpoints(
-      ((S = (h = e.builderContext.content) == null ? void 0 : h.meta) == null ? void 0 : S.breakpoints) || {}
-    )[d].max;
+      ((S = (p = e.builderContext.content) == null ? void 0 : p.meta) == null ? void 0 : S.breakpoints) || {}
+    )[l].max;
   }, f = function() {
     return `
-        @media (max-width: ${l("medium")}px) {
+        @media (max-width: ${d("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -939,7 +1000,7 @@ function Columns(e) {
           }
         }
 
-        @media (max-width: ${l("small")}px) {
+        @media (max-width: ${d("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -960,7 +1021,7 @@ function Columns(e) {
         style: u(),
         children: [
           /* @__PURE__ */ jsx(InlinedStyles, { id: "builderio-columns", styles: f() }),
-          (p = e.columns) == null ? void 0 : p.map((m, d) => /* @__PURE__ */ jsx(
+          (h = e.columns) == null ? void 0 : h.map((m, l) => /* @__PURE__ */ jsx(
             DynamicRenderer,
             {
               TagName: m.link ? e.builderLinkComponent || "a" : "div",
@@ -970,12 +1031,12 @@ function Columns(e) {
                   href: m.link
                 } : {},
                 [getClassPropName()]: "builder-column",
-                style: mapStyleObjToStrIfNeeded(g(d))
+                style: mapStyleObjToStrIfNeeded(g(l))
               },
               children: /* @__PURE__ */ jsx(
                 Blocks,
                 {
-                  path: `component.options.columns.${d}.blocks`,
+                  path: `component.options.columns.${l}.blocks`,
                   parent: e.builderBlock.id,
                   styleProp: {
                     flexGrow: "1"
@@ -987,7 +1048,7 @@ function Columns(e) {
                 }
               )
             },
-            d
+            l
           ))
         ]
       }
@@ -1426,13 +1487,13 @@ const getTopLevelDomain = (e) => {
       function n(a, s = 6e4) {
         return new Promise((c, u) => {
           const g = document.createElement("img");
-          let l = !1;
+          let d = !1;
           g.onload = () => {
-            l = !0, c(g);
+            d = !0, c(g);
           }, g.addEventListener("error", (f) => {
             console.warn("Image load failed", f.error), u(f.error);
           }), g.src = a, setTimeout(() => {
-            l || u(new Error("Image load timed out"));
+            d || u(new Error("Image load timed out"));
           }, s);
         });
       }
@@ -2021,38 +2082,38 @@ const DEFAULT_API_VERSION = "v3", BUILDER_SEARCHPARAMS_PREFIX = "builder.", BUIL
     apiVersion: c = DEFAULT_API_VERSION,
     fields: u,
     omit: g,
-    offset: l,
+    offset: d,
     cacheSeconds: f,
-    staleCacheSeconds: p,
+    staleCacheSeconds: h,
     sort: m,
-    includeUnpublished: d
+    includeUnpublished: l
   } = e;
   if (!i)
     throw new Error("Missing API key");
   if (!["v3"].includes(c))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${c}'`);
-  const b = t !== 1, h = new URL(`https://cdn.builder.io/api/${c}/content/${r}`);
-  if (h.searchParams.set("apiKey", i), h.searchParams.set("limit", String(t)), h.searchParams.set("noTraverse", String(b)), h.searchParams.set("includeRefs", String(!0)), s && h.searchParams.set("locale", s), a && h.searchParams.set("enrich", String(a)), h.searchParams.set("omit", g || "meta.componentsUsed"), u && h.searchParams.set("fields", u), Number.isFinite(l) && l > -1 && h.searchParams.set("offset", String(Math.floor(l))), typeof d == "boolean" && h.searchParams.set("includeUnpublished", String(d)), f && isPositiveNumber(f) && h.searchParams.set("cacheSeconds", String(f)), p && isPositiveNumber(p) && h.searchParams.set("staleCacheSeconds", String(p)), m) {
+  const b = t !== 1, p = new URL(`https://cdn.builder.io/api/${c}/content/${r}`);
+  if (p.searchParams.set("apiKey", i), p.searchParams.set("limit", String(t)), p.searchParams.set("noTraverse", String(b)), p.searchParams.set("includeRefs", String(!0)), s && p.searchParams.set("locale", s), a && p.searchParams.set("enrich", String(a)), p.searchParams.set("omit", g || "meta.componentsUsed"), u && p.searchParams.set("fields", u), Number.isFinite(d) && d > -1 && p.searchParams.set("offset", String(Math.floor(d))), typeof l == "boolean" && p.searchParams.set("includeUnpublished", String(l)), f && isPositiveNumber(f) && p.searchParams.set("cacheSeconds", String(f)), h && isPositiveNumber(h) && p.searchParams.set("staleCacheSeconds", String(h)), m) {
     const y = flatten({
       sort: m
     });
-    for (const C in y)
-      h.searchParams.set(C, JSON.stringify(y[C]));
+    for (const v in y)
+      p.searchParams.set(v, JSON.stringify(y[v]));
   }
   const S = {
     ...getBuilderSearchParamsFromWindow(),
     ...normalizeSearchParams(e.options || {})
-  }, k = flatten(S);
-  for (const y in k)
-    h.searchParams.set(y, String(k[y]));
-  if (n && h.searchParams.set("userAttributes", JSON.stringify(n)), o) {
+  }, C = flatten(S);
+  for (const y in C)
+    p.searchParams.set(y, String(C[y]));
+  if (n && p.searchParams.set("userAttributes", JSON.stringify(n)), o) {
     const y = flatten({
       query: o
     });
-    for (const C in y)
-      h.searchParams.set(C, JSON.stringify(y[C]));
+    for (const v in y)
+      p.searchParams.set(v, JSON.stringify(y[v]));
   }
-  return h;
+  return p;
 }, checkContentHasResults = (e) => "results" in e;
 async function fetchOneEntry(e) {
   const t = await fetchEntries({
@@ -2102,10 +2163,8 @@ async function fetchEntries(e) {
   }
 }
 function isPreviewing(e) {
-  if (!isBrowser())
-    return !1;
-  const t = getSearchString(e || window.location.search);
-  return isEditing(t) ? !1 : t.indexOf("builder.preview=") !== -1;
+  const t = e || (isBrowser() ? window.location.search : void 0);
+  return t ? getSearchString(t).indexOf("builder.preview=") !== -1 : !1;
 }
 function uuidv4() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
@@ -2296,7 +2355,7 @@ 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;
 }
-const SDK_VERSION = "0.14.15", registry = {};
+const SDK_VERSION = "0.14.16", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -2367,11 +2426,11 @@ const setupBrowserForEditing = (e = {}) => {
       switch (r.type) {
         case "builder.evaluate": {
           const s = r.data.text, c = r.data.arguments || [], u = r.data.id, g = new Function(s);
-          let l, f = null;
+          let d, f = null;
           try {
-            l = g.apply(null, c);
-          } catch (p) {
-            f = p;
+            d = g.apply(null, c);
+          } catch (h) {
+            f = h;
           }
           f ? (i = window.parent) == null || i.postMessage({
             type: "builder.evaluateError",
@@ -2379,19 +2438,19 @@ const setupBrowserForEditing = (e = {}) => {
               id: u,
               error: f.message
             }
-          }, "*") : l && typeof l.then == "function" ? l.then((p) => {
+          }, "*") : d && typeof d.then == "function" ? d.then((h) => {
             var m;
             (m = window.parent) == null || m.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: u,
-                result: p
+                result: h
               }
             }, "*");
           }).catch(console.error) : (a = window.parent) == null || a.postMessage({
             type: "builder.evaluateResult",
             data: {
-              result: l,
+              result: d,
               id: u
             }
           }, "*");
@@ -2444,49 +2503,7 @@ const setupBrowserForEditing = (e = {}) => {
   return window.addEventListener("message", o), () => {
     window.removeEventListener("message", o);
   };
-};
-function assign(e, ...t) {
-  const n = Object(e);
-  for (let o = 1; o < arguments.length; o++) {
-    const r = arguments[o];
-    if (r != null)
-      for (const i in r)
-        Object.prototype.hasOwnProperty.call(r, i) && (n[i] = r[i]);
-  }
-  return n;
-}
-const camelCaseToKebabCase = (e) => e ? e.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`) : "";
-function warnElementNotPresent(e) {
-  console.warn(`Cannot animate element: element with ID ${e} not found!`);
-}
-function augmentAnimation(e, t) {
-  const n = getAllStylesUsed(e), o = getComputedStyle(t), r = e.steps[0].styles, i = e.steps[e.steps.length - 1].styles, a = [r, i];
-  for (const s of a)
-    for (const c of n)
-      c in s || (s[c] = o[c]);
-}
-function getAllStylesUsed(e) {
-  const t = [];
-  for (const n of e.steps)
-    for (const o in n.styles)
-      t.indexOf(o) === -1 && t.push(o);
-  return t;
-}
-function triggerAnimation(e) {
-  const t = Array.prototype.slice.call(document.getElementsByClassName(e.elementId || e.id || ""));
-  if (!t.length) {
-    warnElementNotPresent(e.elementId || e.id || "");
-    return;
-  }
-  Array.from(t).forEach((n) => {
-    augmentAnimation(e, n), n.style.transition = "none", n.style.transitionDelay = "0", assign(n.style, e.steps[0].styles), setTimeout(() => {
-      n.style.transition = `all ${e.duration}s ${camelCaseToKebabCase(e.easing)}`, e.delay && (n.style.transitionDelay = e.delay + "s"), assign(n.style, e.steps[1].styles), setTimeout(() => {
-        n.style.transition = "", n.style.transitionDelay = "";
-      }, (e.delay || 0) * 1e3 + e.duration * 1e3 + 100);
-    });
-  });
-}
-const getCssFromFont = (e) => {
+}, getCssFromFont = (e) => {
   var i;
   const t = e.family + (e.kind && !e.kind.includes("#") ? ", " + e.kind : ""), n = t.split(",")[0], o = e.fileUrl ?? ((i = e == null ? void 0 : e.files) == null ? void 0 : i.regular);
   let r = "";
@@ -2580,7 +2597,7 @@ const getRootStateInitialValue = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function ContentComponent(e) {
-  var r, i, a, s, c, u, g, l, f;
+  var r, i, a, s, c, u, g, d, f;
   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,
@@ -2590,11 +2607,11 @@ function ContentComponent(e) {
     ...getDefaultRegisteredComponents(),
     ...e.customComponents || []
   ].reduce(
-    (p, { component: m, ...d }) => ({
-      ...p,
-      [d.name]: {
+    (h, { component: m, ...l }) => ({
+      ...h,
+      [l.name]: {
         component: m,
-        ...serializeComponentInfo(d)
+        ...serializeComponentInfo(l)
       }
     }),
     {}
@@ -2617,9 +2634,9 @@ function ContentComponent(e) {
       ...getDefaultRegisteredComponents(),
       ...e.customComponents || []
     ].reduce(
-      (p, { component: m, ...d }) => ({
-        ...p,
-        [d.name]: serializeComponentInfo(d)
+      (h, { component: m, ...l }) => ({
+        ...h,
+        [l.name]: serializeComponentInfo(l)
       }),
       {}
     ),
@@ -2664,7 +2681,7 @@ function ContentComponent(e) {
         /* @__PURE__ */ jsx(
           Blocks,
           {
-            blocks: (f = (l = o.content) == null ? void 0 : l.data) == null ? void 0 : f.blocks,
+            blocks: (f = (d = o.content) == null ? void 0 : d.data) == null ? void 0 : f.blocks,
             context: o,
             registeredComponents: n,
             linkComponent: e.linkComponent

package/lib/node/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./USE_CLIENT_BUNDLE-85565442.cjs"),e=require("./bundle-3fe2b5da.cjs");require("react/jsx-runtime");require("react");require("./USE_SERVER_BUNDLE-81427dab.cjs");require("next/navigation");require("lru-cache");exports.BuilderContext=t.builderContext;exports.Button=t.Button;exports.Fragment=t.FragmentComponent;exports.Image=t.Image;exports.Section=t.SectionComponent;exports.Video=t.Video;exports.Blocks=e.Blocks;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Symbol=e.Symbol;exports.Text=e.Text;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./USE_CLIENT_BUNDLE-f9ebade4.cjs"),e=require("./bundle-0fc157c8.cjs");require("react/jsx-runtime");require("react");require("./USE_SERVER_BUNDLE-e1e73ba6.cjs");require("next/navigation");require("lru-cache");exports.BuilderContext=t.builderContext;exports.Button=t.Button;exports.Fragment=t.FragmentComponent;exports.Image=t.Image;exports.Section=t.SectionComponent;exports.Video=t.Video;exports.Blocks=e.Blocks;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Symbol=e.Symbol;exports.Text=e.Text;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/node/index.mjs

@@ -1,8 +1,8 @@
-import { f as n, c as m, F as c, d as p, S as g, V as d } from "./USE_CLIENT_BUNDLE-c0730eab.js";
-import { B as l, C as f, w as B, S as C, T as E, F as S, q as x, E as h, G as b, u as y, z as F, c as P, j as T, x as k, y as w, D as R, A as V } from "./bundle-5f638f04.js";
+import { f as n, c as m, F as c, d as p, S as g, V as d } from "./USE_CLIENT_BUNDLE-f8067984.js";
+import { B as l, C as f, w as B, S as C, T as E, F as S, q as x, E as h, G as b, u as y, z as F, c as P, j as T, x as k, y as w, D as R, A as V } from "./bundle-8d3cab60.js";
 import "react/jsx-runtime";
 import "react";
-import "./USE_SERVER_BUNDLE-558179bb.js";
+import "./USE_SERVER_BUNDLE-4b52a0c0.js";
 import "next/navigation";
 import "lru-cache";
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-nextjs",
   "description": "Builder.io RSC SDK for NextJS App Directory",
-  "version": "0.14.15",
+  "version": "0.14.16",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/nextjs",
   "repository": {
     "type": "git",