@builder.io/sdk-react-nextjs 0.8.1 → 0.10.0

package/lib/browser/{USE_CLIENT_BUNDLE-0479ddc8.js → USE_CLIENT_BUNDLE-8a469a88.js}

@@ -1,12 +1,12 @@
 "use client";
-import { jsxs as C, Fragment as h, jsx as i } from "react/jsx-runtime";
-import { g as T, a as N, i as E, b as R, c as Q, d as P, e as D, _ as U, f as X, l as Y, h as H, j as Z, k as p, r as ee, s as te, m as ne, n as ie, o as ae } from "./bundle-179c65a2.js";
-import { useRef as B, useState as k, useEffect as v, createContext as ce, createElement as le } from "react";
-import { p as oe } from "./USE_SERVER_BUNDLE-88940a10.js";
-import { useRouter as re } from "next/navigation";
-function ge(e) {
-  return /* @__PURE__ */ C(h, { children: [
-    e.link ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
+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-f23172a5.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-b0fcc116.js";
+import { useRouter as se } from "next/navigation";
+function Se(e) {
+  return /* @__PURE__ */ C(m, { children: [
+    e.link ? /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i(
       "a",
       {
         ...e.attributes,
@@ -15,7 +15,7 @@ function ge(e) {
         role: "button",
         children: e.text
       }
-    ) }) : /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
+    ) }) : /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i(
       "button",
       {
         ...e.attributes,
@@ -29,17 +29,17 @@ function ge(e) {
 }` })
   ] });
 }
-function fe(e) {
-  return /* @__PURE__ */ C(h, { children: [
+function xe(e) {
+  return /* @__PURE__ */ C(m, { children: [
     " ",
-    e.hasChildren ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ C(
+    e.hasChildren ? /* @__PURE__ */ i(m, { children: /* @__PURE__ */ C(
       e.Wrapper,
       {
         ...T({
           block: e.block,
           context: e.context
         }),
-        ...N({
+        ...B({
           block: e.block,
           rootState: e.context.rootState,
           rootSetState: e.context.rootSetState,
@@ -53,14 +53,14 @@ function fe(e) {
           " "
         ]
       }
-    ) }) : /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
+    ) }) : /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i(
       e.Wrapper,
       {
         ...T({
           block: e.block,
           context: e.context
         }),
-        ...N({
+        ...B({
           block: e.block,
           rootState: e.context.rootState,
           rootSetState: e.context.rootSetState,
@@ -73,7 +73,7 @@ function fe(e) {
     " "
   ] });
 }
-function Se(e) {
+function ve(e) {
   return /* @__PURE__ */ i(
     e.Wrapper,
     {
@@ -83,7 +83,7 @@ function Se(e) {
           block: e.block,
           context: e.context
         }),
-        ...N({
+        ...B({
           block: e.block,
           rootState: e.context.rootState,
           rootSetState: e.context.rootSetState,
@@ -95,14 +95,14 @@ function Se(e) {
     }
   );
 }
-function xe(e) {
+function ye(e) {
   function a() {
-    var l;
-    return "builder-blocks" + ((l = e.blocks) != null && l.length ? "" : " no-blocks");
+    var o;
+    return "builder-blocks" + ((o = e.blocks) != null && o.length ? "" : " no-blocks");
   }
   function s() {
-    var l, b;
-    E() && !((l = e.blocks) != null && l.length) && ((b = window.parent) == null || b.postMessage(
+    var o, h;
+    E() && !((o = e.blocks) != null && o.length) && ((h = window.parent) == null || h.postMessage(
       {
         type: "builder.clickEmptyBlocks",
         data: {
@@ -113,9 +113,9 @@ function xe(e) {
       "*"
     ));
   }
-  function S() {
-    var l, b;
-    E() && !((l = e.blocks) != null && l.length) && ((b = window.parent) == null || b.postMessage(
+  function f() {
+    var o, h;
+    E() && !((o = e.blocks) != null && o.length) && ((h = window.parent) == null || h.postMessage(
       {
         type: "builder.hoverEmptyBlocks",
         data: {
@@ -126,64 +126,65 @@ function xe(e) {
       "*"
     ));
   }
-  return /* @__PURE__ */ C(h, { children: [
+  return /* @__PURE__ */ C(m, { children: [
     /* @__PURE__ */ i(
-      "div",
+      e.BlocksWrapper,
       {
-        className: a() + " div-02c7a115",
+        className: a() + " props-blocks-wrapper-4f2c12d8",
         "builder-path": e.path,
         "builder-parent-id": e.parent,
         style: e.styleProp,
-        onClick: (l) => s(),
-        onMouseEnter: (l) => S(),
-        onKeyPress: (l) => s(),
+        onClick: (o) => s(),
+        onMouseEnter: (o) => f(),
+        onKeyPress: (o) => s(),
+        ...e.BlocksWrapperProps,
         children: e.children
       }
     ),
-    /* @__PURE__ */ i("style", { children: `.div-02c7a115 {
+    /* @__PURE__ */ i("style", { children: `.props-blocks-wrapper-4f2c12d8 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
 }` })
   ] });
 }
-function ve(e) {
+function ke(e) {
   return /* @__PURE__ */ i("span", { children: e.children });
 }
-function ye(e) {
-  var l, b, x, g;
+function Ce(e) {
+  var o, h, S, x;
   function a() {
-    var f;
-    const o = e.image || e.src;
-    if (!o || // We can auto add srcset for cdn.builder.io and shopify
+    var g;
+    const c = e.image || e.src;
+    if (!c || // 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/)))
+    !(c.match(/builder\.io/) || c.match(/cdn\.shopify\.com/)))
       return e.srcset;
-    if (e.srcset && ((f = e.image) != null && f.includes("builder.io/api/v1/image"))) {
+    if (e.srcset && ((g = e.image) != null && g.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(c);
     } else if (e.image && !e.srcset)
-      return R(o);
-    return R(o);
+      return R(c);
+    return R(c);
   }
   function s() {
-    var u;
-    return (u = a == null ? void 0 : a()) != null && u.match(/builder\.io/) && !e.noWebp ? a().replace(/\?/g, "?format=webp&") : "";
+    var b;
+    return (b = a == null ? void 0 : a()) != null && b.match(/builder\.io/) && !e.noWebp ? a().replace(/\?/g, "?format=webp&") : "";
   }
-  function S() {
-    const u = {
+  function f() {
+    const b = {
       position: "absolute",
       height: "100%",
       width: "100%",
       left: "0px",
       top: "0px"
     };
-    return e.aspectRatio ? u : void 0;
+    return e.aspectRatio ? b : void 0;
   }
-  return /* @__PURE__ */ C(h, { children: [
-    /* @__PURE__ */ C(h, { children: [
+  return /* @__PURE__ */ C(m, { children: [
+    /* @__PURE__ */ C(m, { children: [
       /* @__PURE__ */ C("picture", { children: [
-        s() ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i("source", { type: "image/webp", srcSet: s() }) }) : null,
+        s() ? /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i("source", { type: "image/webp", srcSet: s() }) }) : null,
         /* @__PURE__ */ i(
           "img",
           {
@@ -193,7 +194,7 @@ function ye(e) {
             style: {
               objectPosition: e.backgroundPosition || "center",
               objectFit: e.backgroundSize || "cover",
-              ...S()
+              ...f()
             },
             className: "builder-image" + (e.className ? " " + e.className : "") + " img-dbab4030",
             src: e.image,
@@ -202,7 +203,7 @@ function ye(e) {
           }
         )
       ] }),
-      e.aspectRatio && !((b = (l = e.builderBlock) == null ? void 0 : l.children) != null && b.length && e.fitContent) ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
+      e.aspectRatio && !((h = (o = e.builderBlock) == null ? void 0 : o.children) != null && h.length && e.fitContent) ? /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i(
         "div",
         {
           className: "builder-image-sizer div-dbab4030",
@@ -211,8 +212,8 @@ function ye(e) {
           }
         }
       ) }) : null,
-      (g = (x = e.builderBlock) == null ? void 0 : x.children) != null && g.length && e.fitContent ? /* @__PURE__ */ i(h, { children: e.children }) : null,
-      !e.fitContent && e.children ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i("div", { className: "div-dbab4030-2", children: e.children }) }) : 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-dbab4030-2", children: e.children }) }) : null
     ] }),
     /* @__PURE__ */ i("style", { children: `.img-dbab4030 {
   opacity: 1;
@@ -233,7 +234,7 @@ function ye(e) {
 }` })
   ] });
 }
-function ke(e) {
+function we(e) {
   return /* @__PURE__ */ i(
     "section",
     {
@@ -254,32 +255,32 @@ function ke(e) {
     }
   );
 }
-function Ce(e) {
-  const a = B(null), [s, S] = k(() => []), [l, b] = k(() => []);
+function Ee(e) {
+  const a = N(null), [s, f] = k(() => []), [o, h] = k(() => []);
   return v(() => {
-    var g;
-    if (!((g = a.current) != null && g.getElementsByTagName) || typeof window > "u")
+    var x;
+    if (!((x = a.current) != null && x.getElementsByTagName) || typeof window > "u")
       return;
-    const x = a.current.getElementsByTagName("script");
-    for (let u = 0; u < x.length; u++) {
-      const o = x[u];
-      if (o.src) {
-        if (s.includes(o.src))
+    const S = a.current.getElementsByTagName("script");
+    for (let b = 0; b < S.length; b++) {
+      const c = S[b];
+      if (c.src) {
+        if (s.includes(c.src))
           continue;
-        s.push(o.src);
-        const f = document.createElement("script");
-        f.async = !0, f.src = o.src, document.head.appendChild(f);
-      } else if (!o.type || [
+        s.push(c.src);
+        const g = document.createElement("script");
+        g.async = !0, g.src = c.src, document.head.appendChild(g);
+      } else if (!c.type || [
         "text/javascript",
         "application/javascript",
         "application/ecmascript"
-      ].includes(o.type)) {
-        if (l.includes(o.innerText))
+      ].includes(c.type)) {
+        if (o.includes(c.innerText))
           continue;
         try {
-          l.push(o.innerText), new Function(o.innerText)();
-        } catch (f) {
-          console.warn("`CustomCode`: Error running script:", f);
+          o.push(c.innerText), new Function(c.innerText)();
+        } catch (g) {
+          console.warn("`CustomCode`: Error running script:", g);
         }
       }
     }
@@ -292,29 +293,29 @@ function Ce(e) {
     }
   );
 }
-function we(e) {
-  const a = B(null), [s, S] = k(() => []), [l, b] = k(() => []), [x, g] = k(() => !1);
-  function u() {
+function Ie(e) {
+  const a = N(null), [s, f] = k(() => []), [o, h] = k(() => []), [S, x] = k(() => !1);
+  function b() {
     if (!a.current || !a.current.getElementsByTagName)
       return;
-    const o = a.current.getElementsByTagName("script");
-    for (let f = 0; f < o.length; f++) {
-      const y = o[f];
+    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 (Q(y) && !l.includes(y.innerText))
+      } else if (Y(y) && !o.includes(y.innerText))
         try {
-          l.push(y.innerText), new Function(y.innerText)();
+          o.push(y.innerText), new Function(y.innerText)();
         } catch (w) {
           console.warn("`Embed`: Error running script:", w);
         }
     }
   }
   return v(() => {
-    a.current && !x && (g(!0), u());
-  }, [a.current, x]), /* @__PURE__ */ i(
+    a.current && !S && (x(!0), b());
+  }, [a.current, S]), /* @__PURE__ */ i(
     "div",
     {
       className: "builder-embed",
@@ -323,7 +324,7 @@ function we(e) {
     }
   );
 }
-function Ee(e) {
+function Re(e) {
   return /* @__PURE__ */ i(
     "img",
     {
@@ -338,8 +339,8 @@ function Ee(e) {
     E() && e.imgSrc || "default-key"
   );
 }
-function Ie(e) {
-  var S, l, b, x, g, u, o;
+function Pe(e) {
+  var f, o, h, S, x, b, c;
   function a() {
     return {
       ...e.autoPlay === !0 ? {
@@ -380,7 +381,7 @@ function Ie(e) {
             style: {
               width: "100%",
               height: "100%",
-              ...(S = e.attributes) == null ? void 0 : S.style,
+              ...(f = e.attributes) == null ? void 0 : f.style,
               objectFit: e.fit,
               objectPosition: e.position,
               // Hack to get object fit to work as expected and
@@ -396,7 +397,7 @@ function Ie(e) {
             children: e.lazyLoad ? null : /* @__PURE__ */ i("source", { type: "video/mp4", src: e.video })
           }
         ),
-        e.aspectRatio && !(e.fitContent && ((b = (l = e.builderBlock) == null ? void 0 : l.children) != null && b.length)) ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
+        e.aspectRatio && !(e.fitContent && ((h = (o = e.builderBlock) == null ? void 0 : o.children) != null && h.length)) ? /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -407,7 +408,7 @@ function Ie(e) {
             }
           }
         ) }) : null,
-        (g = (x = e.builderBlock) == null ? void 0 : x.children) != null && g.length && e.fitContent ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
+        (x = (S = e.builderBlock) == null ? void 0 : S.children) != null && x.length && e.fitContent ? /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -418,7 +419,7 @@ function Ie(e) {
             children: e.children
           }
         ) }) : null,
-        (o = (u = e.builderBlock) == null ? void 0 : u.children) != null && o.length && !e.fitContent ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ i(
+        (c = (b = e.builderBlock) == null ? void 0 : b.children) != null && c.length && !e.fitContent ? /* @__PURE__ */ i(m, { children: /* @__PURE__ */ i(
           "div",
           {
             style: {
@@ -439,7 +440,7 @@ function Ie(e) {
     }
   );
 }
-const de = ce({
+const ue = oe({
   content: null,
   context: {},
   localState: void 0,
@@ -449,64 +450,68 @@ const de = ce({
   apiKey: null,
   apiVersion: void 0,
   componentInfos: {},
-  inheritedStyles: {}
+  inheritedStyles: {},
+  BlocksWrapper: "div",
+  BlocksWrapperProps: {}
 });
-function Re(e) {
-  var F, z, M, _, V, q, W;
-  const a = B(null), [s, S] = k(() => 0);
-  function l(t) {
-    var c, r, d, m, A;
+function Te(e) {
+  var F, z, M, _, V, q, A;
+  const a = N(null), [s, f] = k(() => 0);
+  function o(t) {
+    var r, l, d, u, D;
     const n = {
       ...e.builderContextSignal.content,
       ...t,
       data: {
-        ...(c = e.builderContextSignal.content) == null ? void 0 : c.data,
+        ...(r = e.builderContextSignal.content) == null ? void 0 : r.data,
         ...t == null ? void 0 : t.data
       },
       meta: {
-        ...(r = e.builderContextSignal.content) == null ? void 0 : r.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) || ((A = (m = e.builderContextSignal.content) == null ? void 0 : m.meta) == null ? void 0 : A.breakpoints)
+        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)
       }
     };
-    oe({
+    de({
       value: n,
       key: n.id
     }).then(() => {
-      G.refresh();
+      X.refresh();
     });
   }
   k(() => 0);
-  const [b, x] = k(
+  const [h, S] = k(
     () => !1
+  ), [x, b] = k(
+    () => e.contentWrapper || "div"
   );
-  function g(t) {
-    var c;
+  function c(t) {
+    var r;
     const { data: n } = t;
     if (n)
       switch (n.type) {
         case "builder.configureSdk": {
-          const r = n.data, { breakpoints: d, contentId: m } = r;
-          if (!m || m !== ((c = e.builderContextSignal.content) == null ? void 0 : c.id))
+          const l = n.data, { breakpoints: d, contentId: u } = l;
+          if (!u || u !== ((r = e.builderContextSignal.content) == null ? void 0 : r.id))
             return;
-          d && l({
+          d && o({
             meta: {
               breakpoints: d
             }
-          }), S(s + 1);
+          }), f(s + 1);
           break;
         }
         case "builder.contentUpdate": {
-          const r = n.data, d = r.key || r.alias || r.entry || r.modelName, m = r.data;
-          d === e.model && (l(m), S(s + 1));
+          const l = n.data, d = l.key || l.alias || l.entry || l.modelName, u = l.data;
+          d === e.model && (o(u), f(s + 1));
           break;
         }
       }
   }
-  function u() {
-    var n, c;
-    const t = (c = (n = e.builderContextSignal.content) == null ? void 0 : n.data) == null ? void 0 : c.jsCode;
-    t && H({
+  function g() {
+    var n, r;
+    const t = (r = (n = e.builderContextSignal.content) == null ? void 0 : n.data) == null ? void 0 : r.jsCode;
+    t && O({
       code: t,
       context: e.context || {},
       localState: void 0,
@@ -514,28 +519,28 @@ function Re(e) {
       rootSetState: e.builderContextSignal.rootSetState
     });
   }
-  const [o, f] = k(() => ({})), [y, w] = k(() => !1);
-  function O(t) {
-    var n, c;
+  const [y, w] = k(() => ({})), [L, J] = k(() => !1);
+  function $(t) {
+    var n, r;
     if (e.builderContextSignal.content) {
-      const r = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, d = (c = e.builderContextSignal.content) == null ? void 0 : c.id;
-      U({
+      const l = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, d = (r = e.builderContextSignal.content) == null ? void 0 : r.id;
+      H({
         type: "click",
-        canTrack: D(e.canTrack),
+        canTrack: U(e.canTrack),
         contentId: d,
         apiKey: e.apiKey,
-        variationId: r !== d ? r : void 0,
-        ...Z(t),
-        unique: !y
+        variationId: l !== d ? l : void 0,
+        ...ee(t),
+        unique: !L
       });
     }
-    y || w(!0);
+    L || J(!0);
   }
-  function J(t) {
+  function G(t) {
     return t.replace(
       /{{([^}]+)}}/g,
-      (n, c) => H({
-        code: c,
+      (n, r) => O({
+        code: r,
         context: e.context || {},
         localState: void 0,
         rootState: e.builderContextSignal.rootState,
@@ -543,27 +548,27 @@ function Re(e) {
       })
     );
   }
-  function $({ url: t, key: n }) {
-    ae(t).then((c) => c.json()).then((c) => {
-      var d, m;
-      const r = {
+  function Q({ url: t, key: n }) {
+    re(t).then((r) => r.json()).then((r) => {
+      var d, u;
+      const l = {
         ...e.builderContextSignal.rootState,
-        [n]: c
+        [n]: r
       };
-      (m = (d = e.builderContextSignal).rootSetState) == null || m.call(d, r), o[n] = !0;
-    }).catch((c) => {
-      console.error("error fetching dynamic data", t, c);
+      (u = (d = e.builderContextSignal).rootSetState) == null || u.call(d, l), y[n] = !0;
+    }).catch((r) => {
+      console.error("error fetching dynamic data", t, r);
     });
   }
-  function L() {
-    var n, c;
-    const t = ((c = (n = e.builderContextSignal.content) == null ? void 0 : n.data) == null ? void 0 : c.httpRequests) ?? {};
-    Object.entries(t).forEach(([r, d]) => {
-      if (d && (!o[r] || E())) {
-        const m = J(d);
-        $({
-          url: m,
-          key: r
+  function j() {
+    var n, r;
+    const t = ((r = (n = e.builderContextSignal.content) == null ? void 0 : n.data) == null ? void 0 : r.httpRequests) ?? {};
+    Object.entries(t).forEach(([l, d]) => {
+      if (d && (!y[l] || E())) {
+        const u = G(d);
+        Q({
+          url: u,
+          key: l
         });
       }
     });
@@ -574,7 +579,7 @@ function Re(e) {
         "builder:component:stateChange",
         {
           detail: {
-            state: p(e.builderContextSignal.rootState),
+            state: te(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -583,8 +588,8 @@ function Re(e) {
       )
     );
   }
-  function j(t) {
-    S(s + 1), window.addEventListener("message", g), ee(), te({
+  function W(t) {
+    f(s + 1), window.addEventListener("message", c), ne(), ie({
       ...e.locale ? {
         locale: e.locale
       } : {},
@@ -597,37 +602,37 @@ function Re(e) {
     }), Object.values(
       e.builderContextSignal.componentInfos
     ).forEach((n) => {
-      var r;
-      const c = ne(n);
-      (r = window.parent) == null || r.postMessage(c, "*");
+      var l;
+      const r = ae(n);
+      (l = window.parent) == null || l.postMessage(r, "*");
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
       I
     );
   }
   function K(t) {
-    const n = new URL(location.href).searchParams, c = n.get("builder.preview"), r = n.get(
-      `builder.preview.${c}`
+    const n = new URL(location.href).searchParams, r = n.get("builder.preview"), l = n.get(
+      `builder.preview.${r}`
     ), d = n.get("apiKey") || n.get("builder.space");
-    c === e.model && d === e.apiKey && (!e.content || r === e.content.id) && ie({
+    r === e.model && d === e.apiKey && (!e.content || l === e.content.id) && ce({
       model: e.model,
       apiKey: e.apiKey,
       apiVersion: e.builderContextSignal.apiVersion
-    }).then((m) => {
-      m && l(m);
+    }).then((u) => {
+      u && o(u);
     });
   }
-  const G = re();
+  const X = se();
   return v(() => {
     var t;
     return (t = a.current) == null || t.addEventListener(
       "initeditingbldr",
-      j
+      W
     ), () => {
       var n;
       return (n = a.current) == null ? void 0 : n.removeEventListener(
         "initeditingbldr",
-        j
+        W
       );
     };
   }, []), v(() => {
@@ -645,67 +650,68 @@ function Re(e) {
   }, []), v(() => {
     var t, n;
     if (P()) {
-      if (E() && a.current && a.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && D(e.canTrack)) {
-        const r = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, d = (n = e.builderContextSignal.content) == null ? void 0 : n.id, m = e.apiKey;
-        U({
+      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;
+        H({
           type: "impression",
           canTrack: !0,
           contentId: d,
-          apiKey: m,
-          variationId: r !== d ? r : void 0
+          apiKey: u,
+          variationId: l !== d ? l : void 0
         });
       }
-      X() && a.current;
+      Z() && a.current;
     }
   }, []), v(() => {
-    e.apiKey || Y.error(
+    e.apiKey || p.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), u(), L(), I();
+    ), g(), j(), I();
   }, []), v(() => {
   }, [e.content]), v(() => {
-    P() && (window.removeEventListener("message", g), window.addEventListener("message", g));
-  }, [b]), v(() => {
-    u();
+    P() && (window.removeEventListener("message", c), window.addEventListener("message", c));
+  }, [h]), v(() => {
+    g();
   }, [
     (z = (F = e.builderContextSignal.content) == null ? void 0 : F.data) == null ? void 0 : z.jsCode,
     e.builderContextSignal.rootState
   ]), v(() => {
-    L();
+    j();
   }, [(_ = (M = e.builderContextSignal.content) == null ? void 0 : M.data) == null ? void 0 : _.httpRequests]), v(() => {
     I();
   }, [e.builderContextSignal.rootState]), v(() => () => {
-    P() && (window.removeEventListener("message", g), window.removeEventListener(
+    P() && (window.removeEventListener("message", c), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       I
     ));
-  }, []), /* @__PURE__ */ i(de.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ i(h, { children: /* @__PURE__ */ le(
-    "div",
+  }, []), /* @__PURE__ */ i(ue.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ i(m, { children: /* @__PURE__ */ le(
+    x,
     {
       key: s,
       ref: a,
-      onClick: (t) => O(t),
+      onClick: (t) => $(t),
       "builder-content-id": (V = e.builderContextSignal.content) == null ? void 0 : V.id,
       "builder-model": e.model,
       ...e.showContent ? {} : {
         hidden: !0,
         "aria-hidden": !0
       },
-      className: `variant-${((q = e.content) == null ? void 0 : q.testVariationId) || ((W = e.content) == null ? void 0 : W.id)}`
+      ...e.contentWrapperProps,
+      className: `variant-${((q = e.content) == null ? void 0 : q.testVariationId) || ((A = e.content) == null ? void 0 : A.id)}`
     },
     e.children
   ) }) : null });
 }
 export {
-  fe as B,
-  Ce as C,
-  we as E,
-  ve as F,
-  Se as I,
-  ke as S,
-  Ie as V,
-  xe as a,
-  ge as b,
-  ye as c,
-  Ee as d,
-  Re as e
+  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
 };