@builder.io/sdk-react 0.7.4 → 0.7.5

package/lib/browser/index.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as T, Fragment as f, jsx as r } from "react/jsx-runtime";
-import { createContext as pe, useState as S, useContext as le, createElement as ke, useRef as Z, useEffect as P } from "react";
+import { createContext as pe, useState as p, useContext as le, createElement as ke, useRef as Z, useEffect as P } from "react";
 import { i as $, j as N, k as $e, l as M, m as ee, n as G, T as L, r as Ne, o as U, p as ce, a as Fe, c as We, b as Ce, q as _e, u as se, v as de, w as Le } from "./server-entry-0aebe4be.mjs";
 import { _ as sn, h as dn, f as un, g as mn, e as fn, d as hn, s as gn, t as bn } from "./server-entry-0aebe4be.mjs";
 function je(e) {
@@ -315,7 +315,7 @@ function ne(e) {
     return G(i.hide) ? !i.hide : G(i.show) ? i.show : !0;
   }
   function n() {
-    var v;
+    var b;
     const i = D({
       block: e.block,
       localState: e.context.localState,
@@ -324,14 +324,14 @@ function ne(e) {
       context: e.context.context,
       shouldEvaluateBindings: !0
     }), a = i.responsiveStyles, o = e.context.content, l = Te(
-      ((v = o == null ? void 0 : o.meta) == null ? void 0 : v.breakpoints) || {}
+      ((b = o == null ? void 0 : o.meta) == null ? void 0 : b.breakpoints) || {}
     ), s = a == null ? void 0 : a.large, c = a == null ? void 0 : a.medium, d = a == null ? void 0 : a.small, u = i.id;
     if (!u)
       return "";
     const g = s ? Y({
       className: u,
       styles: s
-    }) : "", y = c ? Y({
+    }) : "", v = c ? Y({
       className: u,
       styles: c,
       mediaQuery: me(
@@ -346,7 +346,7 @@ function ne(e) {
         l
       )
     }) : "";
-    return [g, y, V].join(" ");
+    return [g, v, V].join(" ");
   }
   return /* @__PURE__ */ r(f, { children: n() && t() ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(K, { styles: n() }) }) : null });
 }
@@ -511,7 +511,7 @@ const rt = ({
 };
 function he(e) {
   var i, a;
-  const [t, n] = S(
+  const [t, n] = p(
     () => e.isInteractive ? ot : e.componentRef
   );
   return /* @__PURE__ */ r(f, { children: e.componentRef ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ T(
@@ -549,7 +549,7 @@ function he(e) {
   ) }) : null });
 }
 function lt(e) {
-  const [t, n] = S(() => e.repeatContext);
+  const [t, n] = p(() => e.repeatContext);
   return /* @__PURE__ */ r(te.Provider, { value: t, children: /* @__PURE__ */ r(
     H,
     {
@@ -560,7 +560,7 @@ function lt(e) {
   ) });
 }
 function H(e) {
-  var u, g, y, V;
+  var u, g, v, V;
   function t() {
     return Qe({
       block: e.block,
@@ -575,7 +575,8 @@ function H(e) {
     });
   }
   function i() {
-    return n() ? e.block : D({
+    var b;
+    return (b = e.block.repeat) != null && b.collection ? e.block : D({
       block: e.block,
       localState: e.context.localState,
       rootState: e.context.rootState,
@@ -588,21 +589,22 @@ function H(e) {
     return e.block.tagName || "div";
   }
   function o() {
-    return "hide" in i() ? !i().hide : "show" in i() ? i().show : !0;
+    var b, S;
+    return "hide" in i() ? !i().hide : "show" in i() ? i().show : !((b = e.block.repeat) != null && b.collection && !((S = n == null ? void 0 : n()) != null && S.length));
   }
   function l() {
-    var p;
-    return !((p = t == null ? void 0 : t()) != null && p.component) && !n() ? i().children ?? [] : [];
+    var S;
+    return !((S = t == null ? void 0 : t()) != null && S.component) && !n() ? i().children ?? [] : [];
   }
   function s() {
-    var v, p, E, R, C;
+    var b, S, E, R, C;
     return {
       blockChildren: i().children ?? [],
-      componentRef: (v = t == null ? void 0 : t()) == null ? void 0 : v.component,
+      componentRef: (b = t == null ? void 0 : t()) == null ? void 0 : b.component,
       componentOptions: {
         ...Me(i()),
         builderContext: e.context,
-        ...((p = t == null ? void 0 : t()) == null ? void 0 : p.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" || ((E = t == null ? void 0 : t()) == null ? void 0 : E.name) === "Columns" ? {
           builderComponents: e.registeredComponents
         } : {}
       },
@@ -613,7 +615,7 @@ function H(e) {
       isInteractive: !((C = t == null ? void 0 : t()) != null && C.isRSC)
     };
   }
-  const [c, d] = S(() => e.context);
+  const [c, d] = p(() => e.context);
   return /* @__PURE__ */ r(f, { children: o() ? /* @__PURE__ */ r(f, { children: (u = t == null ? void 0 : t()) != null && u.noWrap ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(
     he,
     {
@@ -636,14 +638,14 @@ function H(e) {
         hasChildren: !1
       }
     ) }) : null,
-    !q(a()) && n() ? /* @__PURE__ */ r(f, { children: (g = n()) == null ? void 0 : g.map((v, p) => /* @__PURE__ */ r(
+    !q(a()) && n() ? /* @__PURE__ */ r(f, { children: (g = n()) == null ? void 0 : g.map((b, S) => /* @__PURE__ */ r(
       lt,
       {
-        repeatContext: v.context,
-        block: v.block,
+        repeatContext: b.context,
+        block: b.block,
         registeredComponents: e.registeredComponents
       },
-      p
+      S
     )) }) : null,
     !q(a()) && !n() ? /* @__PURE__ */ r(f, { children: /* @__PURE__ */ T(
       fe,
@@ -666,22 +668,22 @@ function H(e) {
               isInteractive: s().isInteractive
             }
           ),
-          (y = l()) == null ? void 0 : y.map((v) => /* @__PURE__ */ r(
+          (v = l()) == null ? void 0 : v.map((b) => /* @__PURE__ */ r(
             H,
             {
-              block: v,
+              block: b,
               context: c,
               registeredComponents: e.registeredComponents
             },
-            "block-" + v.id
+            "block-" + b.id
           )),
-          (V = l()) == null ? void 0 : V.map((v) => /* @__PURE__ */ r(
+          (V = l()) == null ? void 0 : V.map((b) => /* @__PURE__ */ r(
             ne,
             {
-              block: v,
+              block: b,
               context: c
             },
-            "block-style-" + v.id
+            "block-style-" + b.id
           ))
         ]
       }
@@ -774,9 +776,9 @@ function ie(e) {
 }
 function st(e) {
   var R;
-  const [t, n] = S(
+  const [t, n] = p(
     () => typeof e.space == "number" ? e.space || 0 : 20
-  ), [i, a] = S(() => e.columns || []), [o, l] = S(
+  ), [i, a] = p(() => e.columns || []), [o, l] = p(
     () => e.stackColumnsAt || "tablet"
   );
   function s(C) {
@@ -799,7 +801,7 @@ function st(e) {
   }) {
     return o === "never" ? w : C;
   }
-  const [g, y] = S(
+  const [g, v] = p(
     () => e.stackColumnsAt === "never" ? "row" : e.reverseColumnsWhenStacked ? "column-reverse" : "column"
   );
   function V() {
@@ -811,7 +813,7 @@ function st(e) {
       })
     };
   }
-  function v(C) {
+  function b(C) {
     const w = C === 0 ? 0 : t, A = c(C), B = `${w}px`, F = "100%", W = 0;
     return {
       width: A,
@@ -834,7 +836,7 @@ function st(e) {
       })
     };
   }
-  function p(C) {
+  function S(C) {
     var A, B;
     return Te(
       ((B = (A = e.builderContext.content) == null ? void 0 : A.meta) == null ? void 0 : B.breakpoints) || {}
@@ -842,7 +844,7 @@ function st(e) {
   }
   function E() {
     return `
-        @media (max-width: ${p("medium")}px) {
+        @media (max-width: ${S("medium")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir-tablet);
             align-items: stretch;
@@ -854,7 +856,7 @@ function st(e) {
           }
         }
 
-        @media (max-width: ${p("small")}px) {
+        @media (max-width: ${S("small")}px) {
           .${e.builderBlock.id}-breakpoints {
             flex-direction: var(--flex-dir);
             align-items: stretch;
@@ -879,7 +881,7 @@ function st(e) {
             "div",
             {
               className: "builder-column div-53636e90-2",
-              style: v(w),
+              style: b(w),
               key: w
             },
             /* @__PURE__ */ r(
@@ -1304,7 +1306,7 @@ const gt = {
   }]
 };
 function yt(e) {
-  const t = Z(null), [n, i] = S(() => []), [a, o] = S(() => []);
+  const t = Z(null), [n, i] = p(() => []), [a, o] = p(() => []);
   return P(() => {
     var s;
     if (!((s = t.current) != null && s.getElementsByTagName) || typeof window > "u")
@@ -1368,7 +1370,7 @@ const St = {
   }]
 }, vt = ["text/javascript", "application/javascript", "application/ecmascript"], pt = (e) => vt.includes(e.type);
 function kt(e) {
-  const t = Z(null), [n, i] = S(() => []), [a, o] = S(() => []), [l, s] = S(() => !1);
+  const t = Z(null), [n, i] = p(() => []), [a, o] = p(() => []), [l, s] = p(() => !1);
   function c() {
     if (!t.current || !t.current.getElementsByTagName)
       return;
@@ -1377,13 +1379,13 @@ function kt(e) {
       const g = d[u];
       if (g.src && !n.includes(g.src)) {
         n.push(g.src);
-        const y = document.createElement("script");
-        y.async = !0, y.src = g.src, document.head.appendChild(y);
+        const v = document.createElement("script");
+        v.async = !0, v.src = g.src, document.head.appendChild(v);
       } else if (pt(g) && !a.includes(g.innerText))
         try {
           a.push(g.innerText), new Function(g.innerText)();
-        } catch (y) {
-          console.warn("`Embed`: Error running script:", y);
+        } catch (v) {
+          console.warn("`Embed`: Error running script:", v);
         }
     }
   }
@@ -1430,8 +1432,8 @@ const Ct = {
           let g = !1;
           u.onload = () => {
             g = !0, c(u);
-          }, u.addEventListener("error", (y) => {
-            console.warn("Image load failed", y.error), d(y.error);
+          }, u.addEventListener("error", (v) => {
+            console.warn("Image load failed", v.error), d(v.error);
           }), u.src = l, setTimeout(() => {
             g || d(new Error("Image load timed out"));
           }, s);
@@ -2014,7 +2016,7 @@ const Mt = (e, t, n = !0) => {
       builderElementIndex: n && i ? [].slice.call(document.getElementsByClassName(i)).indexOf(n) : void 0
     }
   };
-}, Ot = "0.7.4", Kt = () => {
+}, Ot = "0.7.5", Kt = () => {
   Ne("insertMenu", {
     name: "_default",
     default: !0,
@@ -2067,8 +2069,8 @@ const Ht = (e = {}) => {
           let u, g = null;
           try {
             u = d.apply(null, s);
-          } catch (y) {
-            g = y;
+          } catch (v) {
+            g = v;
           }
           g ? (a = window.parent) == null || a.postMessage({
             type: "builder.evaluateError",
@@ -2076,13 +2078,13 @@ const Ht = (e = {}) => {
               id: c,
               error: g.message
             }
-          }, "*") : u && typeof u.then == "function" ? u.then((y) => {
+          }, "*") : u && typeof u.then == "function" ? u.then((v) => {
             var V;
             (V = window.parent) == null || V.postMessage({
               type: "builder.evaluateResult",
               data: {
                 id: c,
-                result: y
+                result: v
               }
             }, "*");
           }).catch(console.error) : (o = window.parent) == null || o.postMessage({
@@ -2099,18 +2101,18 @@ const Ht = (e = {}) => {
 };
 function zt(e) {
   var A, B, F, W, z, ae, oe;
-  const t = Z(null), [n, i] = S(() => 0);
+  const t = Z(null), [n, i] = p(() => 0);
   function a(m) {
-    var b, x, k, I, re;
+    var x, y, k, I, re;
     const h = {
       ...e.builderContextSignal.content,
       ...m,
       data: {
-        ...(b = e.builderContextSignal.content) == null ? void 0 : b.data,
+        ...(x = e.builderContextSignal.content) == null ? void 0 : x.data,
         ...m == null ? void 0 : m.data
       },
       meta: {
-        ...(x = e.builderContextSignal.content) == null ? void 0 : x.meta,
+        ...(y = e.builderContextSignal.content) == null ? void 0 : y.meta,
         ...m == null ? void 0 : m.meta,
         breakpoints: ((k = m == null ? void 0 : m.meta) == null ? void 0 : k.breakpoints) || ((re = (I = e.builderContextSignal.content) == null ? void 0 : I.meta) == null ? void 0 : re.breakpoints)
       }
@@ -2120,18 +2122,18 @@ function zt(e) {
       content: h
     }));
   }
-  S(() => 0);
-  const [o, l] = S(
+  p(() => 0);
+  const [o, l] = p(
     () => !1
   );
   function s(m) {
-    var b;
+    var x;
     const { data: h } = m;
     if (h)
       switch (h.type) {
         case "builder.configureSdk": {
-          const x = h.data, { breakpoints: k, contentId: I } = x;
-          if (!I || I !== ((b = e.builderContextSignal.content) == null ? void 0 : b.id))
+          const y = h.data, { breakpoints: k, contentId: I } = y;
+          if (!I || I !== ((x = e.builderContextSignal.content) == null ? void 0 : x.id))
             return;
           k && a({
             meta: {
@@ -2141,15 +2143,15 @@ function zt(e) {
           break;
         }
         case "builder.contentUpdate": {
-          const x = h.data, k = x.key || x.alias || x.entry || x.modelName, I = x.data;
+          const y = h.data, k = y.key || y.alias || y.entry || y.modelName, I = y.data;
           k === e.model && (a(I), i(n + 1));
           break;
         }
       }
   }
   function c() {
-    var h, b;
-    const m = (b = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : b.jsCode;
+    var h, x;
+    const m = (x = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : x.jsCode;
     m && _({
       code: m,
       context: e.context || {},
@@ -2158,28 +2160,28 @@ function zt(e) {
       rootSetState: e.builderContextSignal.rootSetState
     });
   }
-  const [d, u] = S(() => ({})), [g, y] = S(() => !1);
+  const [d, u] = p(() => ({})), [g, v] = p(() => !1);
   function V(m) {
-    var h, b;
+    var h, x;
     if (e.builderContextSignal.content) {
-      const x = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId, k = (b = e.builderContextSignal.content) == null ? void 0 : b.id;
+      const y = (h = e.builderContextSignal.content) == null ? void 0 : h.testVariationId, k = (x = e.builderContextSignal.content) == null ? void 0 : x.id;
       ce({
         type: "click",
         canTrack: U(e.canTrack),
         contentId: k,
         apiKey: e.apiKey,
-        variationId: x !== k ? x : void 0,
+        variationId: y !== k ? y : void 0,
         ...Dt(m),
         unique: !g
       });
     }
-    g || y(!0);
+    g || v(!0);
   }
-  function v(m) {
+  function b(m) {
     return m.replace(
       /{{([^}]+)}}/g,
-      (h, b) => _({
-        code: b,
+      (h, x) => _({
+        code: x,
         context: e.context || {},
         localState: void 0,
         rootState: e.builderContextSignal.rootState,
@@ -2187,27 +2189,27 @@ function zt(e) {
       })
     );
   }
-  function p({ url: m, key: h }) {
-    _e(m).then((b) => b.json()).then((b) => {
+  function S({ url: m, key: h }) {
+    _e(m).then((x) => x.json()).then((x) => {
       var k, I;
-      const x = {
+      const y = {
         ...e.builderContextSignal.rootState,
-        [h]: b
+        [h]: x
       };
-      (I = (k = e.builderContextSignal).rootSetState) == null || I.call(k, x), d[h] = !0;
-    }).catch((b) => {
-      console.error("error fetching dynamic data", m, b);
+      (I = (k = e.builderContextSignal).rootSetState) == null || I.call(k, y), d[h] = !0;
+    }).catch((x) => {
+      console.error("error fetching dynamic data", m, x);
     });
   }
   function E() {
-    var h, b;
-    const m = ((b = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : b.httpRequests) ?? {};
-    Object.entries(m).forEach(([x, k]) => {
-      if (k && (!d[x] || $())) {
-        const I = v(k);
-        p({
+    var h, x;
+    const m = ((x = (h = e.builderContextSignal.content) == null ? void 0 : h.data) == null ? void 0 : x.httpRequests) ?? {};
+    Object.entries(m).forEach(([y, k]) => {
+      if (k && (!d[y] || $())) {
+        const I = b(k);
+        S({
           url: I,
-          key: x
+          key: y
         });
       }
     });
@@ -2241,19 +2243,19 @@ function zt(e) {
     }), Object.values(
       e.builderContextSignal.componentInfos
     ).forEach((h) => {
-      var x;
-      const b = We(h);
-      (x = window.parent) == null || x.postMessage(b, "*");
+      var y;
+      const x = We(h);
+      (y = window.parent) == null || y.postMessage(x, "*");
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
       R
     );
   }
   function w(m) {
-    const h = new URL(location.href).searchParams, b = h.get("builder.preview"), x = h.get(
-      `builder.preview.${b}`
+    const h = new URL(location.href).searchParams, x = h.get("builder.preview"), y = h.get(
+      `builder.preview.${x}`
     ), k = h.get("apiKey") || h.get("builder.space");
-    b === e.model && k === e.apiKey && (!e.content || x === e.content.id) && Ce({
+    x === e.model && k === e.apiKey && (!e.content || y === e.content.id) && Ce({
       model: e.model,
       apiKey: e.apiKey,
       apiVersion: e.builderContextSignal.apiVersion
@@ -2289,13 +2291,13 @@ function zt(e) {
     var m, h;
     if (N()) {
       if ($() && t.current && t.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && U(e.canTrack)) {
-        const x = (m = e.builderContextSignal.content) == null ? void 0 : m.testVariationId, k = (h = e.builderContextSignal.content) == null ? void 0 : h.id, I = e.apiKey;
+        const y = (m = e.builderContextSignal.content) == null ? void 0 : m.testVariationId, k = (h = e.builderContextSignal.content) == null ? void 0 : h.id, I = e.apiKey;
         ce({
           type: "impression",
           canTrack: !0,
           contentId: k,
           apiKey: I,
-          variationId: x !== k ? x : void 0
+          variationId: y !== k ? y : void 0
         });
       }
       Fe() && t.current && t.current.dispatchEvent(new CustomEvent("initpreviewingbldr"));
@@ -2374,7 +2376,7 @@ font-weight: ${l};
   contentId: t
 }) => e ? t ? (e == null ? void 0 : e.replace(/&/g, `div[builder-content-id="${t}"]`)) || "" : e : "";
 function Gt(e) {
-  const [t, n] = S(
+  const [t, n] = p(
     () => `
 ${Qt({
       cssCode: e.cssCode,
@@ -2406,22 +2408,17 @@ const Jt = ({
   locale: n
 }) => {
   var o, l, s;
-  const i = {};
-  (l = (o = e == null ? void 0 : e.data) == null ? void 0 : o.inputs) == null || l.forEach((c) => {
-    var d;
-    c.name && c.defaultValue !== void 0 && ((d = e == null ? void 0 : e.data) != null && d.state) && e.data.state[c.name] === void 0 && (i[c.name] = c.defaultValue);
-  });
-  const a = {
-    ...(s = e == null ? void 0 : e.data) == null ? void 0 : s.state,
+  const i = {}, a = ((o = e == null ? void 0 : e.data) == null ? void 0 : o.state) || {};
+  return (s = (l = e == null ? void 0 : e.data) == null ? void 0 : l.inputs) == null || s.forEach((c) => {
+    c.name && c.defaultValue !== void 0 && (i[c.name] = c.defaultValue);
+  }), {
+    ...i,
+    ...a,
     ...t,
     ...n ? {
       locale: n
     } : {}
   };
-  return {
-    ...i,
-    ...a
-  };
 }, Xt = ({
   content: e,
   data: t
@@ -2434,25 +2431,25 @@ const Jt = ({
   meta: e == null ? void 0 : e.meta
 } : void 0;
 function ve(e) {
-  var c, d, u, g, y, V, v;
-  const [t, n] = S(
+  var c, d, u, g, v, V, b;
+  const [t, n] = p(
     () => {
-      var p, E;
+      var S, E;
       return jt({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-        variationId: (p = e.content) == null ? void 0 : p.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
       });
     }
   );
-  function i(p) {
+  function i(S) {
     s((E) => ({
       ...E,
-      rootState: p
+      rootState: S
     }));
   }
-  const [a, o] = S(
+  const [a, o] = p(
     () => [
       ...be(),
       // While this `components` object is deprecated, we must maintain support for it.
@@ -2463,8 +2460,8 @@ function ve(e) {
       ...se,
       ...e.customComponents || []
     ].reduce(
-      (p, { component: E, ...R }) => ({
-        ...p,
+      (S, { component: E, ...R }) => ({
+        ...S,
         [R.name]: {
           component: E,
           ...de(R)
@@ -2472,7 +2469,7 @@ function ve(e) {
       }),
       {}
     )
-  ), [l, s] = S(() => ({
+  ), [l, s] = p(() => ({
     content: Xt({
       content: e.content,
       data: e.data
@@ -2497,8 +2494,8 @@ function ve(e) {
       ...se,
       ...e.customComponents || []
     ].reduce(
-      (p, { component: E, ...R }) => ({
-        ...p,
+      (S, { component: E, ...R }) => ({
+        ...S,
         [R.name]: de(R)
       }),
       {}
@@ -2532,13 +2529,13 @@ function ve(e) {
               {
                 contentId: (c = l.content) == null ? void 0 : c.id,
                 cssCode: (u = (d = l.content) == null ? void 0 : d.data) == null ? void 0 : u.cssCode,
-                customFonts: (y = (g = l.content) == null ? void 0 : g.data) == null ? void 0 : y.customFonts
+                customFonts: (v = (g = l.content) == null ? void 0 : g.data) == null ? void 0 : v.customFonts
               }
             ) }),
             /* @__PURE__ */ r(
               ie,
               {
-                blocks: (v = (V = l.content) == null ? void 0 : V.data) == null ? void 0 : v.blocks,
+                blocks: (b = (V = l.content) == null ? void 0 : V.data) == null ? void 0 : b.blocks,
                 context: l,
                 registeredComponents: a
               }
@@ -2551,7 +2548,7 @@ function ve(e) {
 }
 function Ae(e) {
   var l, s;
-  const [t, n] = S(
+  const [t, n] = p(
     () => Ft({
       canTrack: U(e.canTrack),
       content: e.content
@@ -2662,7 +2659,7 @@ function en(e) {
       (d = e.symbol) != null && d.dynamic || e.dynamic ? "builder-dynamic-symbol" : void 0
     ].filter(Boolean).join(" ");
   }
-  const [n, i] = S(() => {
+  const [n, i] = p(() => {
     var c;
     return (c = e.symbol) == null ? void 0 : c.content;
   });