@builder.io/sdk-react-nextjs 0.12.7 → 0.12.8

package/lib/browser/{USE_CLIENT_BUNDLE-456ca2b5.js → USE_CLIENT_BUNDLE-164b0828.js}

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as i, Fragment as h, jsxs as E } from "react/jsx-runtime";
-import { i as p, g as D, a as $, b as O, c as w, d as R, e as ee, f as P, h as H, _ as V, j as te, l as ne, k as ie, t as ae, m as U, n as ce, o as re, r as le, s as oe, p as de, q as se, u as ue } from "./bundle-56e0b400.js";
-import { useRef as T, useState as x, useEffect as f, createContext as me, createElement as ge } from "react";
-import { p as be } from "./USE_SERVER_BUNDLE-e0f1c15b.js";
-import { useRouter as he } from "next/navigation";
+import { i as p, g as H, a as $, b as O, c as w, d as R, e as ee, f as P, h as V, _ as D, j as te, l as ne, k as ie, t as ae, m as U, n as ce, o as re, r as le, s as oe, p as de, q as se, u as ue } from "./bundle-f83a1ca5.js";
+import { useRef as T, useState as x, useEffect as b, createContext as me, createElement as ge } from "react";
+import { p as he } from "./USE_SERVER_BUNDLE-5219d3fc.js";
+import { useRouter as be } from "next/navigation";
 function J(e) {
   return /* @__PURE__ */ i(h, { children: p(e.TagName) ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ i(h, { children: typeof e.TagName == "string" ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) : /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) }) });
 }
@@ -14,7 +14,7 @@ function we(e) {
       TagName: e.link ? e.builderLinkComponent || "a" : "button",
       attributes: {
         ...e.attributes,
-        [D()]: `${e.link ? "" : "builder-button"} ${e.attributes[D()] || ""}`,
+        [H()]: `${e.link ? "" : "builder-button"} ${e.attributes[H()] || ""}`,
         ...e.link ? {
           href: e.link,
           target: e.openLinkInNewTab ? "_blank" : void 0,
@@ -73,12 +73,12 @@ function Ie(e) {
 }
 function Re(e) {
   function c() {
-    var l;
-    return "builder-blocks" + ((l = e.blocks) != null && l.length ? "" : " no-blocks");
+    var r;
+    return "builder-blocks" + ((r = e.blocks) != null && r.length ? "" : " no-blocks");
   }
   function s() {
-    var l, u;
-    w() && !((l = e.blocks) != null && l.length) && ((u = window.parent) == null || u.postMessage(
+    var r, u;
+    w() && !((r = e.blocks) != null && r.length) && ((u = window.parent) == null || u.postMessage(
       {
         type: "builder.clickEmptyBlocks",
         data: {
@@ -89,9 +89,9 @@ function Re(e) {
       "*"
     ));
   }
-  function v() {
-    var l, u;
-    w() && !((l = e.blocks) != null && l.length) && ((u = window.parent) == null || u.postMessage(
+  function S() {
+    var r, u;
+    w() && !((r = e.blocks) != null && r.length) && ((u = window.parent) == null || u.postMessage(
       {
         type: "builder.hoverEmptyBlocks",
         data: {
@@ -110,9 +110,9 @@ function Re(e) {
         "builder-path": e.path,
         "builder-parent-id": e.parent,
         style: e.styleProp,
-        onClick: (l) => s(),
-        onMouseEnter: (l) => v(),
-        onKeyPress: (l) => s(),
+        onClick: (r) => s(),
+        onMouseEnter: (r) => S(),
+        onKeyPress: (r) => s(),
         ...e.BlocksWrapperProps,
         children: e.children
       }
@@ -128,34 +128,34 @@ function Pe(e) {
   return /* @__PURE__ */ i("span", { children: e.children });
 }
 function Te(e) {
-  var l, u, S, y;
+  var r, u, f, y;
   function c() {
     var m;
-    const o = e.image || e.src;
-    if (!o || // We can auto add srcset for cdn.builder.io and shopify
+    const l = e.image || e.src;
+    if (!l || // We can auto add srcset for cdn.builder.io and shopify
     // images, otherwise you can supply this prop manually
-    !(o.match(/builder\.io/) || o.match(/cdn\.shopify\.com/)))
+    !(l.match(/builder\.io/) || l.match(/cdn\.shopify\.com/)))
       return e.srcset;
     if (e.srcset && ((m = e.image) != null && m.includes("builder.io/api/v1/image"))) {
       if (!e.srcset.includes(e.image.split("?")[0]))
-        return console.debug("Removed given srcset"), R(o);
+        return console.debug("Removed given srcset"), R(l);
     } else if (e.image && !e.srcset)
-      return R(o);
-    return R(o);
+      return R(l);
+    return R(l);
   }
   function s() {
-    var b;
-    return (b = c == null ? void 0 : c()) != null && b.match(/builder\.io/) && !e.noWebp ? c().replace(/\?/g, "?format=webp&") : "";
+    var g;
+    return (g = c == null ? void 0 : c()) != null && g.match(/builder\.io/) && !e.noWebp ? c().replace(/\?/g, "?format=webp&") : "";
   }
-  function v() {
-    const b = {
+  function S() {
+    const g = {
       position: "absolute",
       height: "100%",
       width: "100%",
       left: "0px",
       top: "0px"
     };
-    return e.aspectRatio ? b : void 0;
+    return e.aspectRatio ? g : void 0;
   }
   return /* @__PURE__ */ E(h, { children: [
     /* @__PURE__ */ E(h, { children: [
@@ -170,7 +170,7 @@ function Te(e) {
             style: {
               objectPosition: e.backgroundPosition || "center",
               objectFit: e.backgroundSize || "cover",
-              ...v()
+              ...S()
             },
             className: "builder-image" + (e.className ? " " + e.className : "") + " img-40c70c9b",
             src: e.image,
@@ -179,7 +179,7 @@ function Te(e) {
           }
         )
       ] }),
-      e.aspectRatio && !((u = (l = e.builderBlock) == null ? void 0 : l.children) != null && u.length && e.fitContent) ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
+      e.aspectRatio && !((u = (r = e.builderBlock) == null ? void 0 : r.children) != null && u.length && e.fitContent) ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
         "div",
         {
           className: "builder-image-sizer div-40c70c9b",
@@ -188,7 +188,7 @@ function Te(e) {
           }
         }
       ) }) : null,
-      (y = (S = e.builderBlock) == null ? void 0 : S.children) != null && y.length && e.fitContent ? /* @__PURE__ */ i(h, { children: e.children }) : null,
+      (y = (f = e.builderBlock) == null ? void 0 : f.children) != null && y.length && e.fitContent ? /* @__PURE__ */ i(h, { children: e.children }) : null,
       !e.fitContent && e.children ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i("div", { className: "div-40c70c9b-2", children: e.children }) }) : null
     ] }),
     /* @__PURE__ */ i("style", { children: `.img-40c70c9b {
@@ -232,29 +232,29 @@ function Ne(e) {
   );
 }
 function Be(e) {
-  const c = T(null), [s, v] = x(() => []), [l, u] = x(() => []);
-  return f(() => {
+  const c = T(null), [s, S] = x(() => []), [r, u] = x(() => []);
+  return b(() => {
     var y;
     if (!((y = c.current) != null && y.getElementsByTagName) || typeof window > "u")
       return;
-    const S = c.current.getElementsByTagName("script");
-    for (let b = 0; b < S.length; b++) {
-      const o = S[b];
-      if (o.src) {
-        if (s.includes(o.src))
+    const f = c.current.getElementsByTagName("script");
+    for (let g = 0; g < f.length; g++) {
+      const l = f[g];
+      if (l.src) {
+        if (s.includes(l.src))
           continue;
-        s.push(o.src);
+        s.push(l.src);
         const m = document.createElement("script");
-        m.async = !0, m.src = o.src, document.head.appendChild(m);
-      } else if (!o.type || [
+        m.async = !0, m.src = l.src, document.head.appendChild(m);
+      } else if (!l.type || [
         "text/javascript",
         "application/javascript",
         "application/ecmascript"
-      ].includes(o.type)) {
-        if (l.includes(o.innerText))
+      ].includes(l.type)) {
+        if (r.includes(l.innerText))
           continue;
         try {
-          l.push(o.innerText), new Function(o.innerText)();
+          r.push(l.innerText), new Function(l.innerText)();
         } catch (m) {
           console.warn("`CustomCode`: Error running script:", m);
         }
@@ -270,28 +270,28 @@ function Be(e) {
   );
 }
 function Le(e) {
-  const c = T(null), [s, v] = x(() => []), [l, u] = x(() => []), [S, y] = x(() => !1);
-  function b() {
+  const c = T(null), [s, S] = x(() => []), [r, u] = x(() => []), [f, y] = x(() => !1);
+  function g() {
     if (!c.current || !c.current.getElementsByTagName)
       return;
-    const o = c.current.getElementsByTagName("script");
-    for (let m = 0; m < o.length; m++) {
-      const k = o[m];
+    const l = c.current.getElementsByTagName("script");
+    for (let m = 0; m < l.length; m++) {
+      const k = l[m];
       if (k.src && !s.includes(k.src)) {
         s.push(k.src);
         const C = document.createElement("script");
         C.async = !0, C.src = k.src, document.head.appendChild(C);
-      } else if (ee(k) && !l.includes(k.innerText))
+      } else if (ee(k) && !r.includes(k.innerText))
         try {
-          l.push(k.innerText), new Function(k.innerText)();
+          r.push(k.innerText), new Function(k.innerText)();
         } catch (C) {
           console.warn("`Embed`: Error running script:", C);
         }
     }
   }
-  return f(() => {
-    c.current && !S && (y(!0), b());
-  }, [c.current, S]), /* @__PURE__ */ i(
+  return b(() => {
+    c.current && !f && (y(!0), g());
+  }, [c.current, f]), /* @__PURE__ */ i(
     "div",
     {
       className: "builder-embed",
@@ -316,7 +316,7 @@ function je(e) {
   );
 }
 function We(e) {
-  var v, l, u, S, y, b, o;
+  var S, r, u, f, y, g, l;
   function c() {
     return {
       ...e.autoPlay === !0 ? {
@@ -357,7 +357,7 @@ function We(e) {
             style: {
               width: "100%",
               height: "100%",
-              ...(v = e.attributes) == null ? void 0 : v.style,
+              ...(S = e.attributes) == null ? void 0 : S.style,
               objectFit: e.fit,
               objectPosition: e.position,
               // Hack to get object fit to work as expected and
@@ -373,7 +373,7 @@ function We(e) {
             children: e.lazyLoad ? null : /* @__PURE__ */ i("source", { type: "video/mp4", src: e.video })
           }
         ),
-        e.aspectRatio && !(e.fitContent && ((u = (l = e.builderBlock) == null ? void 0 : l.children) != null && u.length)) ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
+        e.aspectRatio && !(e.fitContent && ((u = (r = e.builderBlock) == null ? void 0 : r.children) != null && u.length)) ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -384,7 +384,7 @@ function We(e) {
             }
           }
         ) }) : null,
-        (y = (S = e.builderBlock) == null ? void 0 : S.children) != null && y.length && e.fitContent ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
+        (y = (f = e.builderBlock) == null ? void 0 : f.children) != null && y.length && e.fitContent ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -395,7 +395,7 @@ function We(e) {
             children: e.children
           }
         ) }) : null,
-        (o = (b = e.builderBlock) == null ? void 0 : b.children) != null && o.length && !e.fitContent ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
+        (l = (g = e.builderBlock) == null ? void 0 : g.children) != null && l.length && !e.fitContent ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -430,80 +430,74 @@ const fe = me({
   BlocksWrapper: "div",
   BlocksWrapperProps: {}
 });
-function Ae(e) {
-  var W, A, F, K, z, M, _;
-  const c = T(null), [s, v] = x(() => 0);
+function Ke(e) {
+  var W, K, A, F, z, M, _;
+  const c = T(null), [s, S] = x(() => 0);
   x(() => !0);
-  function l(t) {
-    var a, r;
-    const n = {
+  function r(n) {
+    var a, o;
+    const t = {
       ...e.builderContextSignal.rootState,
-      ...t
+      ...n
     };
-    e.builderContextSignal.rootSetState ? (r = (a = e.builderContextSignal).rootSetState) == null || r.call(a, n) : e.builderContextSignal.rootState = n;
+    e.builderContextSignal.rootSetState ? (o = (a = e.builderContextSignal).rootSetState) == null || o.call(a, t) : e.builderContextSignal.rootState = t;
   }
-  function u(t) {
-    var a, r, d, g, q;
-    const n = {
+  function u(n) {
+    var a, o, d, v, q;
+    const t = {
       ...e.builderContextSignal.content,
-      ...t,
+      ...n,
       data: {
         ...(a = e.builderContextSignal.content) == null ? void 0 : a.data,
-        ...t == null ? void 0 : t.data
+        ...n == null ? void 0 : n.data
       },
       meta: {
-        ...(r = e.builderContextSignal.content) == null ? void 0 : r.meta,
-        ...t == null ? void 0 : t.meta,
-        breakpoints: ((d = t == null ? void 0 : t.meta) == null ? void 0 : d.breakpoints) || ((q = (g = e.builderContextSignal.content) == null ? void 0 : g.meta) == null ? void 0 : q.breakpoints)
+        ...(o = e.builderContextSignal.content) == null ? void 0 : o.meta,
+        ...n == null ? void 0 : n.meta,
+        breakpoints: ((d = n == null ? void 0 : n.meta) == null ? void 0 : d.breakpoints) || ((q = (v = e.builderContextSignal.content) == null ? void 0 : v.meta) == null ? void 0 : q.breakpoints)
       }
     };
-    be({
-      value: n,
-      key: n.id
+    he({
+      value: t,
+      key: t.id
     }).then(() => {
       Z.refresh();
     });
   }
   x(() => 0);
-  const [S, y] = x(
+  const [f, y] = x(
     () => !1
-  ), [b, o] = x(
+  ), [g, l] = x(
     () => e.contentWrapper || "div"
   );
-  function m(t) {
-    var a;
-    if (!ie(e.trustedHosts, t))
-      return;
-    const { data: n } = t;
-    if (n)
-      switch (n.type) {
-        case "builder.configureSdk": {
-          const r = n.data, { breakpoints: d, contentId: g } = r;
-          if (!g || g !== ((a = e.builderContextSignal.content) == null ? void 0 : a.id))
-            return;
-          d && u({
+  function m(n) {
+    return ie({
+      model: e.model,
+      trustedHosts: e.trustedHosts,
+      callbacks: {
+        configureSdk: (t) => {
+          var d;
+          const { breakpoints: a, contentId: o } = t;
+          !o || o !== ((d = e.builderContextSignal.content) == null ? void 0 : d.id) || a && (u({
             meta: {
-              breakpoints: d
+              breakpoints: a
             }
-          }), v(s + 1);
-          break;
-        }
-        case "builder.triggerAnimation": {
-          ae(n.data);
-          break;
-        }
-        case "builder.contentUpdate": {
-          const r = n.data, d = r.key || r.alias || r.entry || r.modelName, g = r.data;
-          d === e.model && (u(g), v(s + 1));
-          break;
+          }), S(s + 1));
+        },
+        animation: (t) => {
+          ae(t);
+        },
+        contentUpdate: (t) => {
+          u(t), S(s + 1);
         }
       }
+    })(n);
   }
   function k() {
-    var n, a;
-    const t = (a = (n = e.builderContextSignal.content) == null ? void 0 : n.data) == null ? void 0 : a.jsCode;
-    t && U({
-      code: t,
+    var t, a;
+    const n = (a = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : a.jsCode;
+    n && U({
+      code: n,
       context: e.context || {},
       localState: void 0,
       rootState: e.builderContextSignal.rootState,
@@ -511,26 +505,26 @@ function Ae(e) {
     });
   }
   const [C, Se] = x(() => ({})), [N, G] = x(() => !1);
-  function Q(t) {
-    var n, a;
+  function Q(n) {
+    var t, a;
     if (e.builderContextSignal.content) {
-      const r = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, d = (a = e.builderContextSignal.content) == null ? void 0 : a.id;
-      V({
+      const o = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, d = (a = e.builderContextSignal.content) == null ? void 0 : a.id;
+      D({
         type: "click",
-        canTrack: H(e.canTrack),
+        canTrack: V(e.canTrack),
         contentId: d,
         apiKey: e.apiKey,
-        variationId: r !== d ? r : void 0,
-        ...ce(t),
+        variationId: o !== d ? o : void 0,
+        ...ce(n),
         unique: !N
       });
     }
     N || G(!0);
   }
-  function X(t) {
-    return t.replace(
+  function X(n) {
+    return n.replace(
       /{{([^}]+)}}/g,
-      (n, a) => U({
+      (t, a) => U({
         code: a,
         context: e.context || {},
         localState: void 0,
@@ -539,27 +533,27 @@ function Ae(e) {
       })
     );
   }
-  function Y({ url: t, key: n }) {
-    ue(t).then((a) => a.json()).then((a) => {
-      var d, g;
-      const r = {
+  function Y({ url: n, key: t }) {
+    ue(n).then((a) => a.json()).then((a) => {
+      var d, v;
+      const o = {
         ...e.builderContextSignal.rootState,
-        [n]: a
+        [t]: a
       };
-      (g = (d = e.builderContextSignal).rootSetState) == null || g.call(d, r), C[n] = !0;
+      (v = (d = e.builderContextSignal).rootSetState) == null || v.call(d, o), C[t] = !0;
     }).catch((a) => {
-      console.error("error fetching dynamic data", t, a);
+      console.error("error fetching dynamic data", n, a);
     });
   }
   function B() {
-    var n, a;
-    const t = ((a = (n = e.builderContextSignal.content) == null ? void 0 : n.data) == null ? void 0 : a.httpRequests) ?? {};
-    Object.entries(t).forEach(([r, d]) => {
-      if (d && (!C[r] || w())) {
-        const g = X(d);
+    var t, a;
+    const n = ((a = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : a.httpRequests) ?? {};
+    Object.entries(n).forEach(([o, d]) => {
+      if (d && (!C[o] || w())) {
+        const v = X(d);
         Y({
-          url: g,
-          key: r
+          url: v,
+          key: o
         });
       }
     });
@@ -579,8 +573,8 @@ function Ae(e) {
       )
     );
   }
-  function L(t) {
-    v(s + 1), window.addEventListener("message", m), le(), oe({
+  function L(n) {
+    S(s + 1), window.addEventListener("message", m), le(), oe({
       ...e.locale ? {
         locale: e.locale
       } : {},
@@ -595,97 +589,97 @@ function Ae(e) {
       } : {}
     }), Object.values(
       e.builderContextSignal.componentInfos
-    ).forEach((n) => {
-      var r;
-      const a = de(n);
-      (r = window.parent) == null || r.postMessage(a, "*");
+    ).forEach((t) => {
+      var o;
+      const a = de(t);
+      (o = window.parent) == null || o.postMessage(a, "*");
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
       I
     );
   }
-  function j(t) {
-    const n = new URL(location.href).searchParams, a = n.get("builder.preview"), r = n.get(
+  function j(n) {
+    const t = new URL(location.href).searchParams, a = t.get("builder.preview"), o = t.get(
       `builder.preview.${a}`
-    ), d = n.get("apiKey") || n.get("builder.space");
-    a === e.model && d === e.apiKey && (!e.content || r === e.content.id) && se({
+    ), d = t.get("apiKey") || t.get("builder.space");
+    a === e.model && d === e.apiKey && (!e.content || o === e.content.id) && se({
       model: e.model,
       apiKey: e.apiKey,
       apiVersion: e.builderContextSignal.apiVersion
-    }).then((g) => {
-      g && u(g);
+    }).then((v) => {
+      v && u(v);
     });
   }
-  const Z = he();
-  return f(() => {
-    var t;
-    return (t = c.current) == null || t.addEventListener(
+  const Z = be();
+  return b(() => {
+    var n;
+    return (n = c.current) == null || n.addEventListener(
       "initeditingbldr",
       L
     ), () => {
-      var n;
-      return (n = c.current) == null ? void 0 : n.removeEventListener(
+      var t;
+      return (t = c.current) == null ? void 0 : t.removeEventListener(
         "initeditingbldr",
         L
       );
     };
-  }, []), f(() => {
-    var t;
-    return (t = c.current) == null || t.addEventListener(
+  }, []), b(() => {
+    var n;
+    return (n = c.current) == null || n.addEventListener(
       "initpreviewingbldr",
       j
     ), () => {
-      var n;
-      return (n = c.current) == null ? void 0 : n.removeEventListener(
+      var t;
+      return (t = c.current) == null ? void 0 : t.removeEventListener(
         "initpreviewingbldr",
         j
       );
     };
-  }, []), f(() => {
-    var t, n;
+  }, []), b(() => {
+    var n, t;
     if (P()) {
-      if (w() && c.current && c.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && H(e.canTrack)) {
-        const r = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, d = (n = e.builderContextSignal.content) == null ? void 0 : n.id, g = e.apiKey;
-        V({
+      if (w() && c.current && c.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && V(e.canTrack)) {
+        const o = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, d = (t = e.builderContextSignal.content) == null ? void 0 : t.id, v = e.apiKey;
+        D({
           type: "impression",
           canTrack: !0,
           contentId: d,
-          apiKey: g,
-          variationId: r !== d ? r : void 0
+          apiKey: v,
+          variationId: o !== d ? o : void 0
         });
       }
       te() && c.current;
     }
-  }, []), f(() => {
+  }, []), b(() => {
     e.apiKey || ne.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
     ), k(), B(), I();
-  }, []), f(() => {
-  }, [e.content]), f(() => {
+  }, []), b(() => {
+  }, [e.content]), b(() => {
     P() && (window.removeEventListener("message", m), window.addEventListener("message", m));
-  }, [S]), f(() => {
+  }, [f]), b(() => {
     k();
-  }, [(A = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : A.jsCode]), f(() => {
+  }, [(K = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : K.jsCode]), b(() => {
     B();
-  }, [(K = (F = e.builderContextSignal.content) == null ? void 0 : F.data) == null ? void 0 : K.httpRequests]), f(() => {
+  }, [(F = (A = e.builderContextSignal.content) == null ? void 0 : A.data) == null ? void 0 : F.httpRequests]), b(() => {
     I();
-  }, [e.builderContextSignal.rootState]), f(() => {
-    e.data && l(e.data);
-  }, [e.data]), f(() => {
-    e.locale && l({
+  }, [e.builderContextSignal.rootState]), b(() => {
+    e.data && r(e.data);
+  }, [e.data]), b(() => {
+    e.locale && r({
       locale: e.locale
     });
-  }, [e.locale]), f(() => () => {
+  }, [e.locale]), b(() => () => {
     P() && (window.removeEventListener("message", m), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       I
     ));
   }, []), /* @__PURE__ */ i(fe.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ ge(
-    b,
+    g,
     {
       key: s,
       ref: c,
-      onClick: (t) => Q(t),
+      onClick: (n) => Q(n),
       "builder-content-id": (z = e.builderContextSignal.content) == null ? void 0 : z.id,
       "builder-model": e.model,
       ...e.showContent ? {} : {
@@ -711,5 +705,5 @@ export {
   we as b,
   Te as c,
   je as d,
-  Ae as e
+  Ke as e
 };