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

package/lib/{browser/USE_CLIENT_BUNDLE-812d744e.js → edge/USE_CLIENT_BUNDLE-5718fc51.js}

@@ -1,12 +1,12 @@
 "use client";
-import { jsxs as C, Fragment as m, jsx as i } from "react/jsx-runtime";
-import { g as T, a as B, i as E, b as R, c as Y, d as P, e as U, _ as H, f as Z, l as p, h as O, j as ee, k as te, r as ne, s as ie, m as ae, n as ce, o as re } from "./bundle-062859d6.js";
-import { useRef as N, useState as k, useEffect as v, createContext as oe, createElement as le } from "react";
-import { p as de } from "./USE_SERVER_BUNDLE-7d93f151.js";
+import { jsxs as w, Fragment as g, jsx as i } from "react/jsx-runtime";
+import { g as T, a as B, i as E, b as R, c as Y, d as P, e as U, _ as H, f as Z, l as p, h as O, j as ee, k as te, r as ne, s as ie, m as ae, n as ce, o as le } from "./bundle-8d356121.js";
+import { useRef as N, useState as v, useEffect as b, createContext as oe, createElement as re } from "react";
+import { p as de } from "./USE_SERVER_BUNDLE-cc60df3b.js";
 import { useRouter as se } from "next/navigation";
-function Se(e) {
-  return /* @__PURE__ */ C(m, { children: [
-    e.link ? /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i(
+function xe(e) {
+  return /* @__PURE__ */ w(g, { children: [
+    e.link ? /* @__PURE__ */ i(g, { children: /* @__PURE__ */ i(
       "a",
       {
         ...e.attributes,
@@ -15,7 +15,7 @@ function Se(e) {
         role: "button",
         children: e.text
       }
-    ) }) : /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i(
+    ) }) : /* @__PURE__ */ i(g, { children: /* @__PURE__ */ i(
       "button",
       {
         ...e.attributes,
@@ -29,10 +29,10 @@ function Se(e) {
 }` })
   ] });
 }
-function xe(e) {
-  return /* @__PURE__ */ C(m, { children: [
+function ve(e) {
+  return /* @__PURE__ */ w(g, { children: [
     " ",
-    e.hasChildren ? /* @__PURE__ */ i(m, { children: /* @__PURE__ */ C(
+    e.hasChildren ? /* @__PURE__ */ i(g, { children: /* @__PURE__ */ w(
       e.Wrapper,
       {
         ...T({
@@ -53,7 +53,7 @@ function xe(e) {
           " "
         ]
       }
-    ) }) : /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i(
+    ) }) : /* @__PURE__ */ i(g, { children: /* @__PURE__ */ i(
       e.Wrapper,
       {
         ...T({
@@ -73,7 +73,7 @@ function xe(e) {
     " "
   ] });
 }
-function ve(e) {
+function ye(e) {
   return /* @__PURE__ */ i(
     e.Wrapper,
     {
@@ -95,14 +95,14 @@ function ve(e) {
     }
   );
 }
-function ye(e) {
-  function a() {
+function ke(e) {
+  function c() {
     var o;
     return "builder-blocks" + ((o = e.blocks) != null && o.length ? "" : " no-blocks");
   }
   function s() {
-    var o, h;
-    E() && !((o = e.blocks) != null && o.length) && ((h = window.parent) == null || h.postMessage(
+    var o, u;
+    E() && !((o = e.blocks) != null && o.length) && ((u = window.parent) == null || u.postMessage(
       {
         type: "builder.clickEmptyBlocks",
         data: {
@@ -113,9 +113,9 @@ function ye(e) {
       "*"
     ));
   }
-  function b() {
-    var o, h;
-    E() && !((o = e.blocks) != null && o.length) && ((h = window.parent) == null || h.postMessage(
+  function x() {
+    var o, u;
+    E() && !((o = e.blocks) != null && o.length) && ((u = window.parent) == null || u.postMessage(
       {
         type: "builder.hoverEmptyBlocks",
         data: {
@@ -126,16 +126,16 @@ function ye(e) {
       "*"
     ));
   }
-  return /* @__PURE__ */ C(m, { children: [
+  return /* @__PURE__ */ w(g, { children: [
     /* @__PURE__ */ i(
       e.BlocksWrapper,
       {
-        className: a() + " props-blocks-wrapper-4f2c12d8",
+        className: c() + " props-blocks-wrapper-4f2c12d8",
         "builder-path": e.path,
         "builder-parent-id": e.parent,
         style: e.styleProp,
         onClick: (o) => s(),
-        onMouseEnter: (o) => b(),
+        onMouseEnter: (o) => x(),
         onKeyPress: (o) => s(),
         ...e.BlocksWrapperProps,
         children: e.children
@@ -148,30 +148,30 @@ function ye(e) {
 }` })
   ] });
 }
-function ke(e) {
+function Ce(e) {
   return /* @__PURE__ */ i("span", { children: e.children });
 }
-function Ce(e) {
-  var o, h, S, x;
-  function a() {
-    var g;
-    const c = e.image || e.src;
-    if (!c || // We can auto add srcset for cdn.builder.io and shopify
+function we(e) {
+  var o, u, S, y;
+  function c() {
+    var m;
+    const r = e.image || e.src;
+    if (!r || // We can auto add srcset for cdn.builder.io and shopify
     // images, otherwise you can supply this prop manually
-    !(c.match(/builder\.io/) || c.match(/cdn\.shopify\.com/)))
+    !(r.match(/builder\.io/) || r.match(/cdn\.shopify\.com/)))
       return e.srcset;
-    if (e.srcset && ((g = e.image) != null && g.includes("builder.io/api/v1/image"))) {
+    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(c);
+        return console.debug("Removed given srcset"), R(r);
     } else if (e.image && !e.srcset)
-      return R(c);
-    return R(c);
+      return R(r);
+    return R(r);
   }
   function s() {
     var f;
-    return (f = a == null ? void 0 : a()) != null && f.match(/builder\.io/) && !e.noWebp ? a().replace(/\?/g, "?format=webp&") : "";
+    return (f = c == null ? void 0 : c()) != null && f.match(/builder\.io/) && !e.noWebp ? c().replace(/\?/g, "?format=webp&") : "";
   }
-  function b() {
+  function x() {
     const f = {
       position: "absolute",
       height: "100%",
@@ -181,10 +181,10 @@ function Ce(e) {
     };
     return e.aspectRatio ? f : void 0;
   }
-  return /* @__PURE__ */ C(m, { children: [
-    /* @__PURE__ */ C(m, { children: [
-      /* @__PURE__ */ C("picture", { children: [
-        s() ? /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i("source", { type: "image/webp", srcSet: s() }) }) : null,
+  return /* @__PURE__ */ w(g, { children: [
+    /* @__PURE__ */ w(g, { children: [
+      /* @__PURE__ */ w("picture", { children: [
+        s() ? /* @__PURE__ */ i(g, { children: /* @__PURE__ */ i("source", { type: "image/webp", srcSet: s() }) }) : null,
         /* @__PURE__ */ i(
           "img",
           {
@@ -194,16 +194,16 @@ function Ce(e) {
             style: {
               objectPosition: e.backgroundPosition || "center",
               objectFit: e.backgroundSize || "cover",
-              ...b()
+              ...x()
             },
             className: "builder-image" + (e.className ? " " + e.className : "") + " img-40c70c9b",
             src: e.image,
-            srcSet: a(),
+            srcSet: c(),
             sizes: e.sizes
           }
         )
       ] }),
-      e.aspectRatio && !((h = (o = e.builderBlock) == null ? void 0 : o.children) != null && h.length && e.fitContent) ? /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i(
+      e.aspectRatio && !((u = (o = e.builderBlock) == null ? void 0 : o.children) != null && u.length && e.fitContent) ? /* @__PURE__ */ i(g, { children: /* @__PURE__ */ i(
         "div",
         {
           className: "builder-image-sizer div-40c70c9b",
@@ -212,8 +212,8 @@ function Ce(e) {
           }
         }
       ) }) : null,
-      (x = (S = e.builderBlock) == null ? void 0 : S.children) != null && x.length && e.fitContent ? /* @__PURE__ */ i(m, { children: e.children }) : null,
-      !e.fitContent && e.children ? /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i("div", { className: "div-40c70c9b-2", children: e.children }) }) : null
+      (y = (S = e.builderBlock) == null ? void 0 : S.children) != null && y.length && e.fitContent ? /* @__PURE__ */ i(g, { children: e.children }) : null,
+      !e.fitContent && e.children ? /* @__PURE__ */ i(g, { children: /* @__PURE__ */ i("div", { className: "div-40c70c9b-2", children: e.children }) }) : null
     ] }),
     /* @__PURE__ */ i("style", { children: `.img-40c70c9b {
   opacity: 1;
@@ -234,7 +234,7 @@ function Ce(e) {
 }` })
   ] });
 }
-function we(e) {
+function Ee(e) {
   return /* @__PURE__ */ i(
     "section",
     {
@@ -255,76 +255,76 @@ function we(e) {
     }
   );
 }
-function Ee(e) {
-  const a = N(null), [s, b] = k(() => []), [o, h] = k(() => []);
-  return v(() => {
-    var x;
-    if (!((x = a.current) != null && x.getElementsByTagName) || typeof window > "u")
+function Ie(e) {
+  const c = N(null), [s, x] = v(() => []), [o, u] = v(() => []);
+  return b(() => {
+    var y;
+    if (!((y = c.current) != null && y.getElementsByTagName) || typeof window > "u")
       return;
-    const S = a.current.getElementsByTagName("script");
+    const S = c.current.getElementsByTagName("script");
     for (let f = 0; f < S.length; f++) {
-      const c = S[f];
-      if (c.src) {
-        if (s.includes(c.src))
+      const r = S[f];
+      if (r.src) {
+        if (s.includes(r.src))
           continue;
-        s.push(c.src);
-        const g = document.createElement("script");
-        g.async = !0, g.src = c.src, document.head.appendChild(g);
-      } else if (!c.type || [
+        s.push(r.src);
+        const m = document.createElement("script");
+        m.async = !0, m.src = r.src, document.head.appendChild(m);
+      } else if (!r.type || [
         "text/javascript",
         "application/javascript",
         "application/ecmascript"
-      ].includes(c.type)) {
-        if (o.includes(c.innerText))
+      ].includes(r.type)) {
+        if (o.includes(r.innerText))
           continue;
         try {
-          o.push(c.innerText), new Function(c.innerText)();
-        } catch (g) {
-          console.warn("`CustomCode`: Error running script:", g);
+          o.push(r.innerText), new Function(r.innerText)();
+        } catch (m) {
+          console.warn("`CustomCode`: Error running script:", m);
         }
       }
     }
   }, []), /* @__PURE__ */ i(
     "div",
     {
-      ref: a,
+      ref: c,
       className: "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : ""),
       dangerouslySetInnerHTML: { __html: e.code }
     }
   );
 }
-function Ie(e) {
-  const a = N(null), [s, b] = k(() => []), [o, h] = k(() => []), [S, x] = k(() => !1);
+function Re(e) {
+  const c = N(null), [s, x] = v(() => []), [o, u] = v(() => []), [S, y] = v(() => !1);
   function f() {
-    if (!a.current || !a.current.getElementsByTagName)
+    if (!c.current || !c.current.getElementsByTagName)
       return;
-    const c = a.current.getElementsByTagName("script");
-    for (let g = 0; g < c.length; g++) {
-      const y = c[g];
-      if (y.src && !s.includes(y.src)) {
-        s.push(y.src);
-        const w = document.createElement("script");
-        w.async = !0, w.src = y.src, document.head.appendChild(w);
-      } else if (Y(y) && !o.includes(y.innerText))
+    const r = c.current.getElementsByTagName("script");
+    for (let m = 0; m < r.length; m++) {
+      const k = r[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 (Y(k) && !o.includes(k.innerText))
         try {
-          o.push(y.innerText), new Function(y.innerText)();
-        } catch (w) {
-          console.warn("`Embed`: Error running script:", w);
+          o.push(k.innerText), new Function(k.innerText)();
+        } catch (C) {
+          console.warn("`Embed`: Error running script:", C);
         }
     }
   }
-  return v(() => {
-    a.current && !S && (x(!0), f());
-  }, [a.current, S]), /* @__PURE__ */ i(
+  return b(() => {
+    c.current && !S && (y(!0), f());
+  }, [c.current, S]), /* @__PURE__ */ i(
     "div",
     {
       className: "builder-embed",
-      ref: a,
+      ref: c,
       dangerouslySetInnerHTML: { __html: e.content }
     }
   );
 }
-function Re(e) {
+function Pe(e) {
   return /* @__PURE__ */ i(
     "img",
     {
@@ -339,9 +339,9 @@ function Re(e) {
     E() && e.imgSrc || "default-key"
   );
 }
-function Pe(e) {
-  var b, o, h, S, x, f, c;
-  function a() {
+function Te(e) {
+  var x, o, u, S, y, f, r;
+  function c() {
     return {
       ...e.autoPlay === !0 ? {
         autoPlay: !0
@@ -362,10 +362,10 @@ function Pe(e) {
   }
   function s() {
     return {
-      ...a()
+      ...c()
     };
   }
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ w(
     "div",
     {
       style: {
@@ -381,7 +381,7 @@ function Pe(e) {
             style: {
               width: "100%",
               height: "100%",
-              ...(b = e.attributes) == null ? void 0 : b.style,
+              ...(x = e.attributes) == null ? void 0 : x.style,
               objectFit: e.fit,
               objectPosition: e.position,
               // Hack to get object fit to work as expected and
@@ -397,7 +397,7 @@ function Pe(e) {
             children: e.lazyLoad ? null : /* @__PURE__ */ i("source", { type: "video/mp4", src: e.video })
           }
         ),
-        e.aspectRatio && !(e.fitContent && ((h = (o = e.builderBlock) == null ? void 0 : o.children) != null && h.length)) ? /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i(
+        e.aspectRatio && !(e.fitContent && ((u = (o = e.builderBlock) == null ? void 0 : o.children) != null && u.length)) ? /* @__PURE__ */ i(g, { children: /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -408,7 +408,7 @@ function Pe(e) {
             }
           }
         ) }) : null,
-        (x = (S = e.builderBlock) == null ? void 0 : S.children) != null && x.length && e.fitContent ? /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i(
+        (y = (S = e.builderBlock) == null ? void 0 : S.children) != null && y.length && e.fitContent ? /* @__PURE__ */ i(g, { children: /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -419,7 +419,7 @@ function Pe(e) {
             children: e.children
           }
         ) }) : null,
-        (c = (f = e.builderBlock) == null ? void 0 : f.children) != null && c.length && !e.fitContent ? /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i(
+        (r = (f = e.builderBlock) == null ? void 0 : f.children) != null && r.length && !e.fitContent ? /* @__PURE__ */ i(g, { children: /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -454,22 +454,31 @@ const ue = oe({
   BlocksWrapper: "div",
   BlocksWrapperProps: {}
 });
-function Te(e) {
+function Be(e) {
   var F, z, M, _, V, q, A;
-  const a = N(null), [s, b] = k(() => 0);
+  const c = N(null), [s, x] = v(() => 0);
+  v(() => !0);
   function o(t) {
-    var r, l, d, u, D;
+    var a, l;
+    const n = {
+      ...e.builderContextSignal.rootState,
+      ...t
+    };
+    e.builderContextSignal.rootSetState ? (l = (a = e.builderContextSignal).rootSetState) == null || l.call(a, n) : e.builderContextSignal.rootState = n;
+  }
+  function u(t) {
+    var a, l, d, h, D;
     const n = {
       ...e.builderContextSignal.content,
       ...t,
       data: {
-        ...(r = e.builderContextSignal.content) == null ? void 0 : r.data,
+        ...(a = e.builderContextSignal.content) == null ? void 0 : a.data,
         ...t == null ? void 0 : t.data
       },
       meta: {
         ...(l = e.builderContextSignal.content) == null ? void 0 : l.meta,
         ...t == null ? void 0 : t.meta,
-        breakpoints: ((d = t == null ? void 0 : t.meta) == null ? void 0 : d.breakpoints) || ((D = (u = e.builderContextSignal.content) == null ? void 0 : u.meta) == null ? void 0 : D.breakpoints)
+        breakpoints: ((d = t == null ? void 0 : t.meta) == null ? void 0 : d.breakpoints) || ((D = (h = e.builderContextSignal.content) == null ? void 0 : h.meta) == null ? void 0 : D.breakpoints)
       }
     };
     de({
@@ -479,38 +488,38 @@ function Te(e) {
       X.refresh();
     });
   }
-  k(() => 0);
-  const [h, S] = k(
+  v(() => 0);
+  const [S, y] = v(
     () => !1
-  ), [x, f] = k(
+  ), [f, r] = v(
     () => e.contentWrapper || "div"
   );
-  function c(t) {
-    var r;
+  function m(t) {
+    var a;
     const { data: n } = t;
     if (n)
       switch (n.type) {
         case "builder.configureSdk": {
-          const l = n.data, { breakpoints: d, contentId: u } = l;
-          if (!u || u !== ((r = e.builderContextSignal.content) == null ? void 0 : r.id))
+          const l = n.data, { breakpoints: d, contentId: h } = l;
+          if (!h || h !== ((a = e.builderContextSignal.content) == null ? void 0 : a.id))
             return;
-          d && o({
+          d && u({
             meta: {
               breakpoints: d
             }
-          }), b(s + 1);
+          }), x(s + 1);
           break;
         }
         case "builder.contentUpdate": {
-          const l = n.data, d = l.key || l.alias || l.entry || l.modelName, u = l.data;
-          d === e.model && (o(u), b(s + 1));
+          const l = n.data, d = l.key || l.alias || l.entry || l.modelName, h = l.data;
+          d === e.model && (u(h), x(s + 1));
           break;
         }
       }
   }
-  function g() {
-    var n, r;
-    const t = (r = (n = e.builderContextSignal.content) == null ? void 0 : n.data) == null ? void 0 : r.jsCode;
+  function k() {
+    var n, a;
+    const t = (a = (n = e.builderContextSignal.content) == null ? void 0 : n.data) == null ? void 0 : a.jsCode;
     t && O({
       code: t,
       context: e.context || {},
@@ -519,11 +528,11 @@ function Te(e) {
       rootSetState: e.builderContextSignal.rootSetState
     });
   }
-  const [y, w] = k(() => ({})), [L, J] = k(() => !1);
+  const [C, me] = v(() => ({})), [L, J] = v(() => !1);
   function $(t) {
-    var n, r;
+    var n, a;
     if (e.builderContextSignal.content) {
-      const l = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, d = (r = e.builderContextSignal.content) == null ? void 0 : r.id;
+      const l = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, d = (a = e.builderContextSignal.content) == null ? void 0 : a.id;
       H({
         type: "click",
         canTrack: U(e.canTrack),
@@ -539,8 +548,8 @@ function Te(e) {
   function G(t) {
     return t.replace(
       /{{([^}]+)}}/g,
-      (n, r) => O({
-        code: r,
+      (n, a) => O({
+        code: a,
         context: e.context || {},
         localState: void 0,
         rootState: e.builderContextSignal.rootState,
@@ -549,25 +558,25 @@ function Te(e) {
     );
   }
   function Q({ url: t, key: n }) {
-    re(t).then((r) => r.json()).then((r) => {
-      var d, u;
+    le(t).then((a) => a.json()).then((a) => {
+      var d, h;
       const l = {
         ...e.builderContextSignal.rootState,
-        [n]: r
+        [n]: a
       };
-      (u = (d = e.builderContextSignal).rootSetState) == null || u.call(d, l), y[n] = !0;
-    }).catch((r) => {
-      console.error("error fetching dynamic data", t, r);
+      (h = (d = e.builderContextSignal).rootSetState) == null || h.call(d, l), C[n] = !0;
+    }).catch((a) => {
+      console.error("error fetching dynamic data", t, a);
     });
   }
   function j() {
-    var n, r;
-    const t = ((r = (n = e.builderContextSignal.content) == null ? void 0 : n.data) == null ? void 0 : r.httpRequests) ?? {};
+    var n, a;
+    const t = ((a = (n = e.builderContextSignal.content) == null ? void 0 : n.data) == null ? void 0 : a.httpRequests) ?? {};
     Object.entries(t).forEach(([l, d]) => {
-      if (d && (!y[l] || E())) {
-        const u = G(d);
+      if (d && (!C[l] || E())) {
+        const h = G(d);
         Q({
-          url: u,
+          url: h,
           key: l
         });
       }
@@ -589,7 +598,7 @@ function Te(e) {
     );
   }
   function W(t) {
-    b(s + 1), window.addEventListener("message", c), ne(), ie({
+    x(s + 1), window.addEventListener("message", m), ne(), ie({
       ...e.locale ? {
         locale: e.locale
       } : {},
@@ -603,91 +612,97 @@ function Te(e) {
       e.builderContextSignal.componentInfos
     ).forEach((n) => {
       var l;
-      const r = ae(n);
-      (l = window.parent) == null || l.postMessage(r, "*");
+      const a = ae(n);
+      (l = window.parent) == null || l.postMessage(a, "*");
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
       I
     );
   }
   function K(t) {
-    const n = new URL(location.href).searchParams, r = n.get("builder.preview"), l = n.get(
-      `builder.preview.${r}`
+    const n = new URL(location.href).searchParams, a = n.get("builder.preview"), l = n.get(
+      `builder.preview.${a}`
     ), d = n.get("apiKey") || n.get("builder.space");
-    r === e.model && d === e.apiKey && (!e.content || l === e.content.id) && ce({
+    a === e.model && d === e.apiKey && (!e.content || l === e.content.id) && ce({
       model: e.model,
       apiKey: e.apiKey,
       apiVersion: e.builderContextSignal.apiVersion
-    }).then((u) => {
-      u && o(u);
+    }).then((h) => {
+      h && u(h);
     });
   }
   const X = se();
-  return v(() => {
+  return b(() => {
     var t;
-    return (t = a.current) == null || t.addEventListener(
+    return (t = c.current) == null || t.addEventListener(
       "initeditingbldr",
       W
     ), () => {
       var n;
-      return (n = a.current) == null ? void 0 : n.removeEventListener(
+      return (n = c.current) == null ? void 0 : n.removeEventListener(
         "initeditingbldr",
         W
       );
     };
-  }, []), v(() => {
+  }, []), b(() => {
     var t;
-    return (t = a.current) == null || t.addEventListener(
+    return (t = c.current) == null || t.addEventListener(
       "initpreviewingbldr",
       K
     ), () => {
       var n;
-      return (n = a.current) == null ? void 0 : n.removeEventListener(
+      return (n = c.current) == null ? void 0 : n.removeEventListener(
         "initpreviewingbldr",
         K
       );
     };
-  }, []), v(() => {
+  }, []), b(() => {
     var t, n;
     if (P()) {
-      if (E() && a.current && a.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && U(e.canTrack)) {
-        const l = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, d = (n = e.builderContextSignal.content) == null ? void 0 : n.id, u = e.apiKey;
+      if (E() && c.current && c.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && U(e.canTrack)) {
+        const l = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, d = (n = e.builderContextSignal.content) == null ? void 0 : n.id, h = e.apiKey;
         H({
           type: "impression",
           canTrack: !0,
           contentId: d,
-          apiKey: u,
+          apiKey: h,
           variationId: l !== d ? l : void 0
         });
       }
-      Z() && a.current;
+      Z() && c.current;
     }
-  }, []), v(() => {
+  }, []), b(() => {
     e.apiKey || p.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), g(), j(), I();
-  }, []), v(() => {
-  }, [e.content]), v(() => {
-    P() && (window.removeEventListener("message", c), window.addEventListener("message", c));
-  }, [h]), v(() => {
-    g();
+    ), k(), j(), I();
+  }, []), b(() => {
+  }, [e.content]), b(() => {
+    P() && (window.removeEventListener("message", m), window.addEventListener("message", m));
+  }, [S]), b(() => {
+    k();
   }, [
     (z = (F = e.builderContextSignal.content) == null ? void 0 : F.data) == null ? void 0 : z.jsCode,
     e.builderContextSignal.rootState
-  ]), v(() => {
+  ]), b(() => {
     j();
-  }, [(_ = (M = e.builderContextSignal.content) == null ? void 0 : M.data) == null ? void 0 : _.httpRequests]), v(() => {
+  }, [(_ = (M = e.builderContextSignal.content) == null ? void 0 : M.data) == null ? void 0 : _.httpRequests]), b(() => {
     I();
-  }, [e.builderContextSignal.rootState]), v(() => () => {
-    P() && (window.removeEventListener("message", c), window.removeEventListener(
+  }, [e.builderContextSignal.rootState]), b(() => {
+    e.data && o(e.data);
+  }, [e.data]), b(() => {
+    e.locale && o({
+      locale: e.locale
+    });
+  }, [e.locale]), b(() => () => {
+    P() && (window.removeEventListener("message", m), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       I
     ));
-  }, []), /* @__PURE__ */ i(ue.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ i(m, { children: /* @__PURE__ */ le(
-    x,
+  }, []), /* @__PURE__ */ i(ue.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ i(g, { children: /* @__PURE__ */ re(
+    f,
     {
       key: s,
-      ref: a,
+      ref: c,
       onClick: (t) => $(t),
       "builder-content-id": (V = e.builderContextSignal.content) == null ? void 0 : V.id,
       "builder-model": e.model,
@@ -702,16 +717,16 @@ function Te(e) {
   ) }) : null });
 }
 export {
-  xe as B,
-  Ee as C,
-  Ie as E,
-  ke as F,
-  ve as I,
-  we as S,
-  Pe as V,
-  ye as a,
-  Se as b,
-  Ce as c,
-  Re as d,
-  Te as e
+  ve as B,
+  Ie as C,
+  Re as E,
+  Ce as F,
+  ye as I,
+  Ee as S,
+  Te as V,
+  ke as a,
+  xe as b,
+  we as c,
+  Pe as d,
+  Be as e
 };