@builder.io/sdk-react 0.7.4 → 0.7.6

package/lib/node/index.mjs

@@ -176,24 +176,24 @@ output;
     event: i,
     state: l
   }), s = getIsolateContext(), d = s.global;
-  d.setSync("global", d.derefInto()), d.setSync("log", function(...S) {
-    console.log(...S);
-  }), d.setSync(BUILDER_SET_STATE_NAME, function(S, g) {
-    set(r, S, g), a == null || a(r);
-  }), c.forEach(([S, g]) => {
-    const y = typeof g == "object" ? new ivm.Reference(
+  d.setSync("global", d.derefInto()), d.setSync("log", function(...y) {
+    console.log(...y);
+  }), d.setSync(BUILDER_SET_STATE_NAME, function(y, f) {
+    set(r, y, f), a == null || a(r);
+  }), c.forEach(([y, f]) => {
+    const S = typeof f == "object" ? new ivm.Reference(
       // workaround: methods with default values for arguments is not being cloned over
-      S === "builder" ? {
-        ...g,
-        getUserAttributes: () => g.getUserAttributes()
-      } : g
+      y === "builder" ? {
+        ...f,
+        getUserAttributes: () => f.getUserAttributes()
+      } : f
     ) : null;
-    d.setSync(getSyncValName(S), y);
+    d.setSync(getSyncValName(y), S);
   }), d.setSync(INJECTED_IVM_GLOBAL, ivm);
-  const f = processCode({
+  const g = processCode({
     code: e,
     args: c
-  }), b = s.evalSync(f);
+  }), b = s.evalSync(g);
   try {
     return JSON.parse(b);
   } catch {
@@ -412,7 +412,7 @@ function BlockStyles(e) {
     return checkIsDefined(i.hide) ? !i.hide : checkIsDefined(i.show) ? i.show : !0;
   }
   function n() {
-    var g;
+    var f;
     const i = getProcessedBlock({
       block: e.block,
       localState: e.context.localState,
@@ -421,11 +421,11 @@ function BlockStyles(e) {
       context: e.context.context,
       shouldEvaluateBindings: !0
     }), o = i.responsiveStyles, a = e.context.content, r = getSizesForBreakpoints(
-      ((g = a == null ? void 0 : a.meta) == null ? void 0 : g.breakpoints) || {}
+      ((f = a == null ? void 0 : a.meta) == null ? void 0 : f.breakpoints) || {}
     ), l = o == null ? void 0 : o.large, c = o == null ? void 0 : o.medium, s = o == null ? void 0 : o.small, d = i.id;
     if (!d)
       return "";
-    const f = l ? createCssClass({
+    const g = l ? createCssClass({
       className: d,
       styles: l
     }) : "", b = c ? createCssClass({
@@ -435,7 +435,7 @@ function BlockStyles(e) {
         "medium",
         r
       )
-    }) : "", S = s ? createCssClass({
+    }) : "", y = s ? createCssClass({
       className: d,
       styles: s,
       mediaQuery: getMaxWidthQueryForSize(
@@ -443,7 +443,7 @@ function BlockStyles(e) {
         r
       )
     }) : "";
-    return [f, b, S].join(" ");
+    return [g, b, y].join(" ");
   }
   return /* @__PURE__ */ jsx(Fragment, { children: n() && t() ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { styles: n() }) }) : null });
 }
@@ -657,7 +657,7 @@ function RepeatedBlock(e) {
   ) });
 }
 function Block(e) {
-  var d, f, b, S;
+  var d, g, b, y;
   function t() {
     return getComponent({
       block: e.block,
@@ -672,7 +672,8 @@ function Block(e) {
     });
   }
   function i() {
-    return n() ? e.block : getProcessedBlock({
+    var f;
+    return (f = e.block.repeat) != null && f.collection ? e.block : getProcessedBlock({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -685,28 +686,32 @@ function Block(e) {
     return e.block.tagName || "div";
   }
   function a() {
-    return "hide" in i() ? !i().hide : "show" in i() ? i().show : !0;
+    var k, C;
+    if ((k = e.block.repeat) != null && k.collection)
+      return !!((C = n == null ? void 0 : n()) != null && C.length);
+    const f = "hide" in i() ? i().hide : !1;
+    return ("show" in i() ? i().show : !0) && !f;
   }
   function r() {
-    var y;
-    return !((y = t == null ? void 0 : t()) != null && y.component) && !n() ? i().children ?? [] : [];
+    var S;
+    return !((S = t == null ? void 0 : t()) != null && S.component) && !n() ? i().children ?? [] : [];
   }
   function l() {
-    var g, y, E, I, v;
+    var f, S, k, C, v;
     return {
       blockChildren: i().children ?? [],
-      componentRef: (g = t == null ? void 0 : t()) == null ? void 0 : g.component,
+      componentRef: (f = t == null ? void 0 : t()) == null ? void 0 : f.component,
       componentOptions: {
         ...getBlockComponentOptions(i()),
         builderContext: e.context,
-        ...((y = t == null ? void 0 : t()) == null ? void 0 : y.name) === "Symbol" || ((E = t == null ? void 0 : t()) == null ? void 0 : E.name) === "Columns" ? {
+        ...((S = t == null ? void 0 : t()) == null ? void 0 : S.name) === "Symbol" || ((k = t == null ? void 0 : t()) == null ? void 0 : k.name) === "Columns" ? {
           builderComponents: e.registeredComponents
         } : {}
       },
       context: c,
       registeredComponents: e.registeredComponents,
       builderBlock: i(),
-      includeBlockProps: ((I = t == null ? void 0 : t()) == null ? void 0 : I.noWrap) === !0,
+      includeBlockProps: ((C = t == null ? void 0 : t()) == null ? void 0 : C.noWrap) === !0,
       isInteractive: !((v = t == null ? void 0 : t()) != null && v.isRSC)
     };
   }
@@ -733,14 +738,14 @@ function Block(e) {
         hasChildren: !1
       }
     ) }) : null,
-    !isEmptyHtmlElement(o()) && n() ? /* @__PURE__ */ jsx(Fragment, { children: (f = n()) == null ? void 0 : f.map((g, y) => /* @__PURE__ */ jsx(
+    !isEmptyHtmlElement(o()) && n() ? /* @__PURE__ */ jsx(Fragment, { children: (g = n()) == null ? void 0 : g.map((f, S) => /* @__PURE__ */ jsx(
       RepeatedBlock,
       {
-        repeatContext: g.context,
-        block: g.block,
+        repeatContext: f.context,
+        block: f.block,
         registeredComponents: e.registeredComponents
       },
-      y
+      S
     )) }) : null,
     !isEmptyHtmlElement(o()) && !n() ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
       BlockWrapper,
@@ -763,22 +768,22 @@ function Block(e) {
               isInteractive: l().isInteractive
             }
           ),
-          (b = r()) == null ? void 0 : b.map((g) => /* @__PURE__ */ jsx(
+          (b = r()) == null ? void 0 : b.map((f) => /* @__PURE__ */ jsx(
             Block,
             {
-              block: g,
+              block: f,
               context: c,
               registeredComponents: e.registeredComponents
             },
-            "block-" + g.id
+            "block-" + f.id
           )),
-          (S = r()) == null ? void 0 : S.map((g) => /* @__PURE__ */ jsx(
+          (y = r()) == null ? void 0 : y.map((f) => /* @__PURE__ */ jsx(
             BlockStyles,
             {
-              block: g,
+              block: f,
               context: c
             },
-            "block-style-" + g.id
+            "block-style-" + f.id
           ))
         ]
       }
@@ -870,46 +875,46 @@ function Blocks(e) {
   );
 }
 function Columns(e) {
-  var I;
+  var C;
   const [t, n] = useState(
     () => typeof e.space == "number" ? e.space || 0 : 20
   ), [i, o] = useState(() => e.columns || []), [a, r] = useState(
     () => e.stackColumnsAt || "tablet"
   );
   function l(v) {
-    var C;
-    return ((C = i[v]) == null ? void 0 : C.width) || 100 / i.length;
+    var I;
+    return ((I = i[v]) == null ? void 0 : I.width) || 100 / i.length;
   }
   function c(v) {
-    const C = t * (i.length - 1) / i.length;
-    return `calc(${l(v)}% - ${C}px)`;
+    const I = t * (i.length - 1) / i.length;
+    return `calc(${l(v)}% - ${I}px)`;
   }
   function s({
     stackedStyle: v,
-    desktopStyle: C
+    desktopStyle: I
   }) {
-    return a === "tablet" ? v : C;
+    return a === "tablet" ? v : I;
   }
   function d({
     stackedStyle: v,
-    desktopStyle: C
+    desktopStyle: I
   }) {
-    return a === "never" ? C : v;
+    return a === "never" ? I : v;
   }
-  const [f, b] = useState(
+  const [g, b] = useState(
     () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
   );
-  function S() {
+  function y() {
     return {
-      "--flex-dir": f,
+      "--flex-dir": g,
       "--flex-dir-tablet": s({
-        stackedStyle: f,
+        stackedStyle: g,
         desktopStyle: "row"
       })
     };
   }
-  function g(v) {
-    const C = v === 0 ? 0 : t, T = c(v), w = `${C}px`, R = "100%", j = 0;
+  function f(v) {
+    const I = v === 0 ? 0 : t, T = c(v), w = `${I}px`, R = "100%", j = 0;
     return {
       width: T,
       ["marginLeft"]: w,
@@ -931,15 +936,15 @@ function Columns(e) {
       })
     };
   }
-  function y(v) {
+  function S(v) {
     var T, w;
     return getSizesForBreakpoints(
       ((w = (T = e.builderContext.content) == null ? void 0 : T.meta) == null ? void 0 : w.breakpoints) || {}
     )[v].max;
   }
-  function E() {
+  function k() {
     return `
-        @media (max-width: ${y("medium")}px) {
+        @media (max-width: ${S("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -951,7 +956,7 @@ function Columns(e) {
           }
         }
 
-        @media (max-width: ${y("small")}px) {
+        @media (max-width: ${S("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -969,20 +974,20 @@ function Columns(e) {
       "div",
       {
         className: `builder-columns ${e.builderBlock.id}-breakpoints div-53636e90`,
-        style: S(),
+        style: y(),
         children: [
-          /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { styles: E() }) }),
-          (I = e.columns) == null ? void 0 : I.map((v, C) => /* @__PURE__ */ createElement(
+          /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InlinedStyles, { styles: k() }) }),
+          (C = e.columns) == null ? void 0 : C.map((v, I) => /* @__PURE__ */ createElement(
             "div",
             {
               className: "builder-column div-53636e90-2",
-              style: g(C),
-              key: C
+              style: f(I),
+              key: I
             },
             /* @__PURE__ */ jsx(
               Blocks,
               {
-                path: `component.options.columns.${C}.blocks`,
+                path: `component.options.columns.${I}.blocks`,
                 parent: e.builderBlock.id,
                 styleProp: {
                   flexGrow: "1"
@@ -1471,14 +1476,14 @@ function Embed(e) {
       return;
     const s = t.current.getElementsByTagName("script");
     for (let d = 0; d < s.length; d++) {
-      const f = s[d];
-      if (f.src && !n.includes(f.src)) {
-        n.push(f.src);
+      const g = s[d];
+      if (g.src && !n.includes(g.src)) {
+        n.push(g.src);
         const b = document.createElement("script");
-        b.async = !0, b.src = f.src, document.head.appendChild(b);
-      } else if (isJsScript(f) && !o.includes(f.innerText))
+        b.async = !0, b.src = g.src, document.head.appendChild(b);
+      } else if (isJsScript(g) && !o.includes(g.innerText))
         try {
-          o.push(f.innerText), new Function(f.innerText)();
+          o.push(g.innerText), new Function(g.innerText)();
         } catch (b) {
           console.warn("`Embed`: Error running script:", b);
         }
@@ -1524,13 +1529,13 @@ const componentInfo$6 = {
       function n(r, l = 6e4) {
         return new Promise((c, s) => {
           const d = document.createElement("img");
-          let f = !1;
+          let g = !1;
           d.onload = () => {
-            f = !0, c(d);
+            g = !0, c(d);
           }, d.addEventListener("error", (b) => {
             console.warn("Image load failed", b.error), s(b.error);
           }), d.src = r, setTimeout(() => {
-            f || s(new Error("Image load timed out"));
+            g || s(new Error("Image load timed out"));
           }, l);
         });
       }
@@ -2111,7 +2116,7 @@ const findParentElement = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, SDK_VERSION = "0.7.4", registerInsertMenu = () => {
+}, SDK_VERSION = "0.7.6", registerInsertMenu = () => {
   register("insertMenu", {
     name: "_default",
     default: !0,
@@ -2161,21 +2166,21 @@ const setupBrowserForEditing = (e = {}) => {
       switch (i.type) {
         case "builder.evaluate": {
           const r = i.data.text, l = i.data.arguments || [], c = i.data.id, s = new Function(r);
-          let d, f = null;
+          let d, g = null;
           try {
             d = s.apply(null, l);
           } catch (b) {
-            f = b;
+            g = b;
           }
-          f ? (o = window.parent) == null || o.postMessage({
+          g ? (o = window.parent) == null || o.postMessage({
             type: "builder.evaluateError",
             data: {
               id: c,
-              error: f.message
+              error: g.message
             }
           }, "*") : d && typeof d.then == "function" ? d.then((b) => {
-            var S;
-            (S = window.parent) == null || S.postMessage({
+            var y;
+            (y = window.parent) == null || y.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: c,
@@ -2198,7 +2203,7 @@ function EnableEditor(e) {
   var T, w, R, j, B, A, P;
   const t = useRef(null), [n, i] = useState(() => 0);
   function o(u) {
-    var h, x, p, k, F;
+    var h, x, p, E, F;
     const m = {
       ...e.builderContextSignal.content,
       ...u,
@@ -2209,7 +2214,7 @@ function EnableEditor(e) {
       meta: {
         ...(x = e.builderContextSignal.content) == null ? void 0 : x.meta,
         ...u == null ? void 0 : u.meta,
-        breakpoints: ((p = u == null ? void 0 : u.meta) == null ? void 0 : p.breakpoints) || ((F = (k = e.builderContextSignal.content) == null ? void 0 : k.meta) == null ? void 0 : F.breakpoints)
+        breakpoints: ((p = u == null ? void 0 : u.meta) == null ? void 0 : p.breakpoints) || ((F = (E = e.builderContextSignal.content) == null ? void 0 : E.meta) == null ? void 0 : F.breakpoints)
       }
     };
     e.setBuilderContextSignal((_) => ({
@@ -2227,8 +2232,8 @@ function EnableEditor(e) {
     if (m)
       switch (m.type) {
         case "builder.configureSdk": {
-          const x = m.data, { breakpoints: p, contentId: k } = x;
-          if (!k || k !== ((h = e.builderContextSignal.content) == null ? void 0 : h.id))
+          const x = m.data, { breakpoints: p, contentId: E } = x;
+          if (!E || E !== ((h = e.builderContextSignal.content) == null ? void 0 : h.id))
             return;
           p && o({
             meta: {
@@ -2238,8 +2243,8 @@ function EnableEditor(e) {
           break;
         }
         case "builder.contentUpdate": {
-          const x = m.data, p = x.key || x.alias || x.entry || x.modelName, k = x.data;
-          p === e.model && (o(k), i(n + 1));
+          const x = m.data, p = x.key || x.alias || x.entry || x.modelName, E = x.data;
+          p === e.model && (o(E), i(n + 1));
           break;
         }
       }
@@ -2255,8 +2260,8 @@ function EnableEditor(e) {
       rootSetState: e.builderContextSignal.rootSetState
     });
   }
-  const [s, d] = useState(() => ({})), [f, b] = useState(() => !1);
-  function S(u) {
+  const [s, d] = useState(() => ({})), [g, b] = useState(() => !1);
+  function y(u) {
     var m, h;
     if (e.builderContextSignal.content) {
       const x = (m = e.builderContextSignal.content) == null ? void 0 : m.testVariationId, p = (h = e.builderContextSignal.content) == null ? void 0 : h.id;
@@ -2267,12 +2272,12 @@ function EnableEditor(e) {
         apiKey: e.apiKey,
         variationId: x !== p ? x : void 0,
         ...getInteractionPropertiesForEvent(u),
-        unique: !f
+        unique: !g
       });
     }
-    f || b(!0);
+    g || b(!0);
   }
-  function g(u) {
+  function f(u) {
     return u.replace(
       /{{([^}]+)}}/g,
       (m, h) => evaluate({
@@ -2284,32 +2289,32 @@ function EnableEditor(e) {
       })
     );
   }
-  function y({ url: u, key: m }) {
+  function S({ url: u, key: m }) {
     fetch$1(u).then((h) => h.json()).then((h) => {
-      var p, k;
+      var p, E;
       const x = {
         ...e.builderContextSignal.rootState,
         [m]: h
       };
-      (k = (p = e.builderContextSignal).rootSetState) == null || k.call(p, x), s[m] = !0;
+      (E = (p = e.builderContextSignal).rootSetState) == null || E.call(p, x), s[m] = !0;
     }).catch((h) => {
       console.error("error fetching dynamic data", u, h);
     });
   }
-  function E() {
+  function k() {
     var m, h;
     const u = ((h = (m = e.builderContextSignal.content) == null ? void 0 : m.data) == null ? void 0 : h.httpRequests) ?? {};
     Object.entries(u).forEach(([x, p]) => {
       if (p && (!s[x] || isEditing())) {
-        const k = g(p);
-        y({
-          url: k,
+        const E = f(p);
+        S({
+          url: E,
           key: x
         });
       }
     });
   }
-  function I() {
+  function C() {
     isEditing() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
@@ -2343,10 +2348,10 @@ function EnableEditor(e) {
       (x = window.parent) == null || x.postMessage(h, "*");
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
-      I
+      C
     );
   }
-  function C(u) {
+  function I(u) {
     const m = new URL(location.href).searchParams, h = m.get("builder.preview"), x = m.get(
       `builder.preview.${h}`
     ), p = m.get("apiKey") || m.get("builder.space");
@@ -2354,8 +2359,8 @@ function EnableEditor(e) {
       model: e.model,
       apiKey: e.apiKey,
       apiVersion: e.builderContextSignal.apiVersion
-    }).then((k) => {
-      k && o(k);
+    }).then((E) => {
+      E && o(E);
     });
   }
   return useEffect(() => {
@@ -2374,24 +2379,24 @@ function EnableEditor(e) {
     var u;
     return (u = t.current) == null || u.addEventListener(
       "initpreviewingbldr",
-      C
+      I
     ), () => {
       var m;
       return (m = t.current) == null ? void 0 : m.removeEventListener(
         "initpreviewingbldr",
-        C
+        I
       );
     };
   }, []), useEffect(() => {
     var u, m;
     if (isBrowser()) {
       if (isEditing() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && getDefaultCanTrack(e.canTrack)) {
-        const x = (u = e.builderContextSignal.content) == null ? void 0 : u.testVariationId, p = (m = e.builderContextSignal.content) == null ? void 0 : m.id, k = e.apiKey;
+        const x = (u = e.builderContextSignal.content) == null ? void 0 : u.testVariationId, p = (m = e.builderContextSignal.content) == null ? void 0 : m.id, E = e.apiKey;
         _track({
           type: "impression",
           canTrack: !0,
           contentId: p,
-          apiKey: k,
+          apiKey: E,
           variationId: x !== p ? x : void 0
         });
       }
@@ -2400,7 +2405,7 @@ function EnableEditor(e) {
   }, []), useEffect(() => {
     e.apiKey || logger.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), c(), E(), I();
+    ), c(), k(), C();
   }, []), useEffect(() => {
     e.content && o(e.content);
   }, [e.content]), useEffect(() => {
@@ -2410,20 +2415,20 @@ function EnableEditor(e) {
     (w = (T = e.builderContextSignal.content) == null ? void 0 : T.data) == null ? void 0 : w.jsCode,
     e.builderContextSignal.rootState
   ]), useEffect(() => {
-    E();
+    k();
   }, [(j = (R = e.builderContextSignal.content) == null ? void 0 : R.data) == null ? void 0 : j.httpRequests]), useEffect(() => {
-    I();
+    C();
   }, [e.builderContextSignal.rootState]), useEffect(() => () => {
     isBrowser() && (window.removeEventListener("message", l), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      I
+      C
     ));
   }, []), /* @__PURE__ */ jsx(builderContext.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ createElement(
     "div",
     {
       key: n,
       ref: t,
-      onClick: (u) => S(u),
+      onClick: (u) => y(u),
       "builder-content-id": (B = e.builderContextSignal.content) == null ? void 0 : B.id,
       "builder-model": e.model,
       ...e.showContent ? {} : {
@@ -2503,22 +2508,17 @@ const getContextStateInitialValue = ({
   locale: n
 }) => {
   var a, r, l;
-  const i = {};
-  (r = (a = e == null ? void 0 : e.data) == null ? void 0 : a.inputs) == null || r.forEach((c) => {
-    var s;
-    c.name && c.defaultValue !== void 0 && ((s = e == null ? void 0 : e.data) != null && s.state) && e.data.state[c.name] === void 0 && (i[c.name] = c.defaultValue);
-  });
-  const o = {
-    ...(l = e == null ? void 0 : e.data) == null ? void 0 : l.state,
+  const i = {}, o = ((a = e == null ? void 0 : e.data) == null ? void 0 : a.state) || {};
+  return (l = (r = e == null ? void 0 : e.data) == null ? void 0 : r.inputs) == null || l.forEach((c) => {
+    c.name && c.defaultValue !== void 0 && (i[c.name] = c.defaultValue);
+  }), {
+    ...i,
+    ...o,
     ...t,
     ...n ? {
       locale: n
     } : {}
   };
-  return {
-    ...i,
-    ...o
-  };
 }, getContentInitialValue = ({
   content: e,
   data: t
@@ -2531,22 +2531,22 @@ const getContextStateInitialValue = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function ContentComponent(e) {
-  var c, s, d, f, b, S, g;
+  var c, s, d, g, b, y, f;
   const [t, n] = useState(
     () => {
-      var y, E;
+      var S, k;
       return getUpdateVariantVisibilityScript({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (y = e.content) == null ? void 0 : y.testVariationId,
+        variationId: (S = e.content) == null ? void 0 : S.testVariationId,
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        contentId: (E = e.content) == null ? void 0 : E.id
+        contentId: (k = e.content) == null ? void 0 : k.id
       });
     }
   );
-  function i(y) {
-    l((E) => ({
-      ...E,
-      rootState: y
+  function i(S) {
+    l((k) => ({
+      ...k,
+      rootState: S
     }));
   }
   const [o, a] = useState(
@@ -2560,11 +2560,11 @@ function ContentComponent(e) {
       ...components,
       ...e.customComponents || []
     ].reduce(
-      (y, { component: E, ...I }) => ({
-        ...y,
-        [I.name]: {
-          component: E,
-          ...serializeComponentInfo(I)
+      (S, { component: k, ...C }) => ({
+        ...S,
+        [C.name]: {
+          component: k,
+          ...serializeComponentInfo(C)
         }
       }),
       {}
@@ -2594,9 +2594,9 @@ function ContentComponent(e) {
       ...components,
       ...e.customComponents || []
     ].reduce(
-      (y, { component: E, ...I }) => ({
-        ...y,
-        [I.name]: serializeComponentInfo(I)
+      (S, { component: k, ...C }) => ({
+        ...S,
+        [C.name]: serializeComponentInfo(C)
       }),
       {}
     ),
@@ -2629,13 +2629,13 @@ function ContentComponent(e) {
               {
                 contentId: (c = r.content) == null ? void 0 : c.id,
                 cssCode: (d = (s = r.content) == null ? void 0 : s.data) == null ? void 0 : d.cssCode,
-                customFonts: (b = (f = r.content) == null ? void 0 : f.data) == null ? void 0 : b.customFonts
+                customFonts: (b = (g = r.content) == null ? void 0 : g.data) == null ? void 0 : b.customFonts
               }
             ) }),
             /* @__PURE__ */ jsx(
               Blocks,
               {
-                blocks: (g = (S = r.content) == null ? void 0 : S.data) == null ? void 0 : g.blocks,
+                blocks: (f = (y = r.content) == null ? void 0 : y.data) == null ? void 0 : f.blocks,
                 context: r,
                 registeredComponents: o
               }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react",
   "description": "Builder.io SDK for React",
-  "version": "0.7.4",
+  "version": "0.7.6",
   "files": [
     "lib",
     "types"