@builder.io/sdk-react-nextjs 0.14.17 → 0.14.20

package/lib/{node/USE_CLIENT_BUNDLE-8dadab11.js → browser/USE_CLIENT_BUNDLE-b0af90c6.js}

@@ -1,43 +1,46 @@
 "use client";
-import { jsx as i, Fragment as w, jsxs as I } from "react/jsx-runtime";
-import { i as Y, g as q, a as U, b as $, c as E, d as R, e as Z, f as H, h as _, _ as V, j as p, l as ee, k as te, t as ne, m as D, n as ie, o as ae, p as ce, r as re, s as le, q as oe, u as de } from "./bundle-a8217ddb.js";
-import { useRef as T, useState as k, useEffect as f, createContext as se } from "react";
-import { p as ue } from "./USE_SERVER_BUNDLE-d7d118c1.js";
-import { useRouter as me } from "next/navigation";
-function O(e) {
-  return /* @__PURE__ */ i(w, { children: Y(e.TagName) ? /* @__PURE__ */ i(w, { children: /* @__PURE__ */ i(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ i(w, { children: typeof e.TagName == "string" ? /* @__PURE__ */ i(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ i(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
+import { jsx as a, Fragment as E, jsxs as I } from "react/jsx-runtime";
+import { i as Z, g as H, a as $, b as O, c as w, d as R, e as p, f as _, h as V, _ as D, j as ee, l as te, k as ne, m as ie, t as ae, n as U, o as ce, p as re, q as le, r as oe, s as de, u as se, v as ue } from "./bundle-83df769b.js";
+import { useRef as T, useState as C, useEffect as f, createContext as me } from "react";
+import { p as ge } from "./USE_SERVER_BUNDLE-d83b7d23.js";
+import { useRouter as be } from "next/navigation";
+function J(e) {
+  return /* @__PURE__ */ a(E, { children: Z(e.TagName) ? /* @__PURE__ */ a(E, { children: /* @__PURE__ */ a(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ a(E, { children: typeof e.TagName == "string" ? /* @__PURE__ */ a(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) : /* @__PURE__ */ a(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) });
 }
-function xe(e) {
-  return /* @__PURE__ */ i(
-    O,
+function ke(e) {
+  function i() {
+    return {
+      ...e.attributes,
+      [H()]: `${e.link ? "" : "builder-button"} ${e.attributes[H()] || ""}`,
+      ...e.link ? {
+        href: e.link,
+        target: e.openLinkInNewTab ? "_blank" : void 0,
+        role: "link"
+      } : {
+        role: "button"
+      }
+    };
+  }
+  return /* @__PURE__ */ a(
+    J,
     {
-      attributes: {
-        ...e.attributes,
-        [q()]: `${e.link ? "" : "builder-button"} ${e.attributes[q()] || ""}`,
-        ...e.link ? {
-          href: e.link,
-          target: e.openLinkInNewTab ? "_blank" : void 0,
-          role: "link"
-        } : {
-          role: "button"
-        }
-      },
+      attributes: i(),
       TagName: e.link ? e.builderLinkComponent || "a" : "button",
       actionAttributes: {},
       children: e.text
     }
   );
 }
-function ye(e) {
-  return /* @__PURE__ */ i(
-    O,
+function Ce(e) {
+  return /* @__PURE__ */ a(
+    J,
     {
       TagName: e.Wrapper,
-      attributes: U({
+      attributes: $({
         block: e.block,
         context: e.context
       }),
-      actionAttributes: $({
+      actionAttributes: O({
         block: e.block,
         rootState: e.context.rootState,
         rootSetState: e.context.rootSetState,
@@ -49,36 +52,32 @@ function ye(e) {
     }
   );
 }
-function ke(e) {
-  return /* @__PURE__ */ i(
-    e.Wrapper,
-    {
-      ...e.wrapperProps,
-      attributes: e.includeBlockProps ? {
-        ...U({
-          block: e.block,
-          context: e.context
-        }),
-        ...$({
-          block: e.block,
-          rootState: e.context.rootState,
-          rootSetState: e.context.rootSetState,
-          localState: e.context.localState,
-          context: e.context.context
-        })
-      } : {},
-      children: e.children
-    }
-  );
+function we(e) {
+  function i() {
+    return e.includeBlockProps ? {
+      ...$({
+        block: e.block,
+        context: e.context
+      }),
+      ...O({
+        block: e.block,
+        rootState: e.context.rootState,
+        rootSetState: e.context.rootSetState,
+        localState: e.context.localState,
+        context: e.context.context
+      })
+    } : {};
+  }
+  return /* @__PURE__ */ a(e.Wrapper, { ...e.wrapperProps, attributes: i(), children: e.children });
 }
-function Ce(e) {
-  function a() {
+function Ee(e) {
+  function i() {
     var r;
     return "builder-blocks" + ((r = e.blocks) != null && r.length ? "" : " no-blocks");
   }
-  function d() {
+  function s() {
     var r, g;
-    E() && !((r = e.blocks) != null && r.length) && ((g = window.parent) == null || g.postMessage(
+    w() && !((r = e.blocks) != null && r.length) && ((g = window.parent) == null || g.postMessage(
       {
         type: "builder.clickEmptyBlocks",
         data: {
@@ -91,7 +90,7 @@ function Ce(e) {
   }
   function S() {
     var r, g;
-    E() && !((r = e.blocks) != null && r.length) && ((g = window.parent) == null || g.postMessage(
+    w() && !((r = e.blocks) != null && r.length) && ((g = window.parent) == null || g.postMessage(
       {
         type: "builder.hoverEmptyBlocks",
         data: {
@@ -102,66 +101,66 @@ function Ce(e) {
       "*"
     ));
   }
-  return /* @__PURE__ */ I(w, { children: [
-    /* @__PURE__ */ i(
+  return /* @__PURE__ */ I(E, { children: [
+    /* @__PURE__ */ a(
       e.BlocksWrapper,
       {
-        className: a() + " props-blocks-wrapper-7cd1560e",
+        className: i() + " props-blocks-wrapper-7cd1560e",
         "builder-path": e.path,
         "builder-parent-id": e.parent,
         style: e.styleProp,
-        onClick: (r) => d(),
+        onClick: (r) => s(),
         onMouseEnter: (r) => S(),
-        onKeyPress: (r) => d(),
+        onKeyPress: (r) => s(),
         ...e.BlocksWrapperProps,
         children: e.children
       }
     ),
-    /* @__PURE__ */ i("style", { children: `.props-blocks-wrapper-7cd1560e {
+    /* @__PURE__ */ a("style", { children: `.props-blocks-wrapper-7cd1560e {
   display: flex;
   flex-direction: column;
   align-items: stretch;
 }` })
   ] });
 }
-function Ee(e) {
-  return /* @__PURE__ */ i("span", { children: e.children });
+function Ie(e) {
+  return /* @__PURE__ */ a("span", { children: e.children });
 }
-function we(e) {
-  var r, g, b, h;
-  function a() {
-    var m;
-    const l = e.image || e.src;
-    if (!l || // We can auto add srcset for cdn.builder.io and shopify
+function Pe(e) {
+  var r, g, v, h, b, o;
+  function i() {
+    var x;
+    const d = e.image || e.src;
+    if (!d || // We can auto add srcset for cdn.builder.io and shopify
     // images, otherwise you can supply this prop manually
-    !(l.match(/builder\.io/) || l.match(/cdn\.shopify\.com/)))
+    !(d.match(/builder\.io/) || d.match(/cdn\.shopify\.com/)))
       return e.srcset;
-    if (e.srcset && ((m = e.image) != null && m.includes("builder.io/api/v1/image"))) {
+    if (e.srcset && ((x = e.image) != null && x.includes("builder.io/api/v1/image"))) {
       if (!e.srcset.includes(e.image.split("?")[0]))
-        return console.debug("Removed given srcset"), R(l);
+        return console.debug("Removed given srcset"), R(d);
     } else if (e.image && !e.srcset)
-      return R(l);
-    return R(l);
+      return R(d);
+    return R(d);
   }
-  function d() {
-    var s;
-    return (s = a == null ? void 0 : a()) != null && s.match(/builder\.io/) && !e.noWebp ? a().replace(/\?/g, "?format=webp&") : "";
+  function s() {
+    var m;
+    return (m = i == null ? void 0 : i()) != null && m.match(/builder\.io/) && !e.noWebp ? i().replace(/\?/g, "?format=webp&") : "";
   }
   function S() {
-    const s = {
+    const m = {
       position: "absolute",
       height: "100%",
       width: "100%",
       left: "0px",
       top: "0px"
     };
-    return e.aspectRatio ? s : void 0;
+    return e.aspectRatio ? m : void 0;
   }
-  return /* @__PURE__ */ I(w, { children: [
-    /* @__PURE__ */ I(w, { children: [
+  return /* @__PURE__ */ I(E, { children: [
+    /* @__PURE__ */ I(E, { children: [
       /* @__PURE__ */ I("picture", { children: [
-        d() ? /* @__PURE__ */ i("source", { type: "image/webp", srcSet: d() }) : null,
-        /* @__PURE__ */ i(
+        s() ? /* @__PURE__ */ a("source", { type: "image/webp", srcSet: s() }) : null,
+        /* @__PURE__ */ a(
           "img",
           {
             loading: "lazy",
@@ -172,33 +171,33 @@ function we(e) {
               objectFit: e.backgroundSize || "cover",
               ...S()
             },
-            className: "builder-image" + (e.className ? " " + e.className : "") + " img-a0c95e8c",
+            className: "builder-image" + (e.className ? " " + e.className : "") + " img-3ac67dd4",
             src: e.image,
-            srcSet: a(),
+            srcSet: i(),
             sizes: e.sizes
           }
         )
       ] }),
-      e.aspectRatio && !((g = (r = e.builderBlock) == null ? void 0 : r.children) != null && g.length && e.fitContent) ? /* @__PURE__ */ i(
+      e.aspectRatio && !((g = (r = e.builderBlock) == null ? void 0 : r.children) != null && g.length && e.fitContent) ? /* @__PURE__ */ a(
         "div",
         {
-          className: "builder-image-sizer div-a0c95e8c",
+          className: "builder-image-sizer div-3ac67dd4",
           style: {
             paddingTop: e.aspectRatio * 100 + "%"
           }
         }
       ) : null,
-      (h = (b = e.builderBlock) == null ? void 0 : b.children) != null && h.length && e.fitContent ? /* @__PURE__ */ i(w, { children: e.children }) : null,
-      !e.fitContent && e.children ? /* @__PURE__ */ i("div", { className: "div-a0c95e8c-2", children: e.children }) : null
+      (h = (v = e.builderBlock) == null ? void 0 : v.children) != null && h.length && e.fitContent ? /* @__PURE__ */ a(E, { children: e.children }) : null,
+      !e.fitContent && ((o = (b = e.builderBlock) == null ? void 0 : b.children) != null && o.length) ? /* @__PURE__ */ a("div", { className: "div-3ac67dd4-2", children: e.children }) : null
     ] }),
-    /* @__PURE__ */ i("style", { children: `.img-a0c95e8c {
+    /* @__PURE__ */ a("style", { children: `.img-3ac67dd4 {
   opacity: 1;
   transition: opacity 0.2s ease-in-out;
-}.div-a0c95e8c {
+}.div-3ac67dd4 {
   width: 100%;
   pointer-events: none;
   font-size: 0;
-}.div-a0c95e8c-2 {
+}.div-3ac67dd4-2 {
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -210,8 +209,8 @@ function we(e) {
 }` })
   ] });
 }
-function Ie(e) {
-  return /* @__PURE__ */ i(
+function Re(e) {
+  return /* @__PURE__ */ a(
     "section",
     {
       ...e.attributes,
@@ -231,77 +230,77 @@ function Ie(e) {
     }
   );
 }
-function Pe(e) {
-  const a = T(null), [d, S] = k(() => []), [r, g] = k(() => []);
+function Te(e) {
+  const i = T(null), [s, S] = C(() => []), [r, g] = C(() => []);
   return f(() => {
     var h;
-    if (!((h = a.current) != null && h.getElementsByTagName) || typeof window > "u")
+    if (!((h = i.current) != null && h.getElementsByTagName) || typeof window > "u")
       return;
-    const b = a.current.getElementsByTagName("script");
-    for (let s = 0; s < b.length; s++) {
-      const l = b[s];
-      if (l.src) {
-        if (d.includes(l.src))
+    const v = i.current.getElementsByTagName("script");
+    for (let b = 0; b < v.length; b++) {
+      const o = v[b];
+      if (o.src) {
+        if (s.includes(o.src))
           continue;
-        d.push(l.src);
+        s.push(o.src);
         const m = document.createElement("script");
-        m.async = !0, m.src = l.src, document.head.appendChild(m);
-      } else if (!l.type || [
+        m.async = !0, m.src = o.src, document.head.appendChild(m);
+      } else if (!o.type || [
         "text/javascript",
         "application/javascript",
         "application/ecmascript"
-      ].includes(l.type)) {
-        if (r.includes(l.innerText))
+      ].includes(o.type)) {
+        if (r.includes(o.innerText))
           continue;
         try {
-          r.push(l.innerText), new Function(l.innerText)();
+          r.push(o.innerText), new Function(o.innerText)();
         } catch (m) {
           console.warn("`CustomCode`: Error running script:", m);
         }
       }
     }
-  }, []), /* @__PURE__ */ i(
+  }, []), /* @__PURE__ */ a(
     "div",
     {
-      ref: a,
+      ref: i,
       className: "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : ""),
       dangerouslySetInnerHTML: { __html: e.code }
     }
   );
 }
-function Re(e) {
-  const a = T(null), [d, S] = k(() => []), [r, g] = k(() => []), [b, h] = k(() => !1);
-  function s() {
-    if (!a.current || !a.current.getElementsByTagName)
+function Ne(e) {
+  const i = T(null), [s, S] = C(() => []), [r, g] = C(() => []), [v, h] = C(() => !1);
+  function b() {
+    if (!i.current || !i.current.getElementsByTagName)
       return;
-    const l = a.current.getElementsByTagName("script");
-    for (let m = 0; m < l.length; m++) {
-      const v = l[m];
-      if (v.src && !d.includes(v.src)) {
-        d.push(v.src);
-        const C = document.createElement("script");
-        C.async = !0, C.src = v.src, document.head.appendChild(C);
-      } else if (Z(v) && !r.includes(v.innerText))
+    const o = i.current.getElementsByTagName("script");
+    for (let m = 0; m < o.length; m++) {
+      const d = o[m];
+      if (d.src && !s.includes(d.src)) {
+        s.push(d.src);
+        const x = document.createElement("script");
+        x.async = !0, x.src = d.src, document.head.appendChild(x);
+      } else if (p(d) && !r.includes(d.innerText))
         try {
-          r.push(v.innerText), new Function(v.innerText)();
-        } catch (C) {
-          console.warn("`Embed`: Error running script:", C);
+          r.push(d.innerText), new Function(d.innerText)();
+        } catch (x) {
+          console.warn("`Embed`: Error running script:", x);
         }
     }
   }
   return f(() => {
-    a.current && !b && (h(!0), s());
-  }, [a.current, b]), /* @__PURE__ */ i(
+    i.current && !v && (h(!0), b());
+  }, [i.current, v]), /* @__PURE__ */ a(
     "div",
     {
       className: "builder-embed",
-      ref: a,
+      ref: i,
       dangerouslySetInnerHTML: { __html: e.content }
     }
   );
 }
-function Te(e) {
-  return /* @__PURE__ */ i(
+function Be(e) {
+  return /* @__PURE__ */ a(
     "img",
     {
       style: {
@@ -312,12 +311,12 @@ function Te(e) {
       src: e.imgSrc || e.image,
       ...e.attributes
     },
-    E() && e.imgSrc || "default-key"
+    w() && e.imgSrc || "default-key"
   );
 }
-function Ne(e) {
-  var S, r, g, b, h, s, l;
-  function a() {
+function Le(e) {
+  var S, r, g, v, h, b, o;
+  function i() {
     return {
       ...e.autoPlay === !0 ? {
         autoPlay: !0
@@ -336,9 +335,9 @@ function Ne(e) {
       } : {}
     };
   }
-  function d() {
+  function s() {
     return {
-      ...a()
+      ...i()
     };
   }
   return /* @__PURE__ */ I(
@@ -348,11 +347,11 @@ function Ne(e) {
         position: "relative"
       },
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ a(
           "video",
           {
             className: "builder-video",
-            ...d(),
+            ...s(),
             preload: e.preload || "metadata",
             style: {
               width: "100%",
@@ -370,10 +369,10 @@ function Ne(e) {
             },
             src: e.video || "no-src",
             poster: e.posterImage,
-            children: e.lazyLoad ? null : /* @__PURE__ */ i("source", { type: "video/mp4", src: e.video })
+            children: e.lazyLoad ? null : /* @__PURE__ */ a("source", { type: "video/mp4", src: e.video })
           }
         ),
-        e.aspectRatio && !(e.fitContent && ((g = (r = e.builderBlock) == null ? void 0 : r.children) != null && g.length)) ? /* @__PURE__ */ i(
+        e.aspectRatio && !(e.fitContent && ((g = (r = e.builderBlock) == null ? void 0 : r.children) != null && g.length)) ? /* @__PURE__ */ a(
           "div",
           {
             style: {
@@ -384,7 +383,7 @@ function Ne(e) {
             }
           }
         ) : null,
-        (h = (b = e.builderBlock) == null ? void 0 : b.children) != null && h.length && e.fitContent ? /* @__PURE__ */ i(
+        (h = (v = e.builderBlock) == null ? void 0 : v.children) != null && h.length && e.fitContent ? /* @__PURE__ */ a(
           "div",
           {
             style: {
@@ -395,7 +394,7 @@ function Ne(e) {
             children: e.children
           }
         ) : null,
-        (l = (s = e.builderBlock) == null ? void 0 : s.children) != null && l.length && !e.fitContent ? /* @__PURE__ */ i(
+        (o = (b = e.builderBlock) == null ? void 0 : b.children) != null && o.length && !e.fitContent ? /* @__PURE__ */ a(
           "div",
           {
             style: {
@@ -416,7 +415,7 @@ function Ne(e) {
     }
   );
 }
-const ge = se({
+const he = me({
   content: null,
   context: {},
   localState: void 0,
@@ -430,58 +429,64 @@ const ge = se({
   BlocksWrapper: "div",
   BlocksWrapperProps: {}
 });
-function Be(e) {
-  var j, W, K, A, F, z, M;
-  const a = T(null);
-  function d(n) {
-    var o, c;
+function je(e) {
+  var W, K, A, F, z, M, q;
+  const i = T(null);
+  function s(n) {
+    var l, c;
     const t = {
       ...e.builderContextSignal.rootState,
       ...n
     };
-    e.builderContextSignal.rootSetState ? (c = (o = e.builderContextSignal).rootSetState) == null || c.call(o, t) : e.builderContextSignal.rootState = t;
+    e.builderContextSignal.rootSetState ? (c = (l = e.builderContextSignal).rootSetState) == null || c.call(l, t) : e.builderContextSignal.rootState = t;
   }
   function S(n) {
-    var o, c, u, x, y;
+    var l, c, u, y, k;
     const t = {
       ...e.builderContextSignal.content,
       ...n,
       data: {
-        ...(o = e.builderContextSignal.content) == null ? void 0 : o.data,
+        ...(l = e.builderContextSignal.content) == null ? void 0 : l.data,
         ...n == null ? void 0 : n.data
       },
       meta: {
         ...(c = e.builderContextSignal.content) == null ? void 0 : c.meta,
         ...n == null ? void 0 : n.meta,
-        breakpoints: ((u = n == null ? void 0 : n.meta) == null ? void 0 : u.breakpoints) || ((y = (x = e.builderContextSignal.content) == null ? void 0 : x.meta) == null ? void 0 : y.breakpoints)
+        breakpoints: ((u = n == null ? void 0 : n.meta) == null ? void 0 : u.breakpoints) || ((k = (y = e.builderContextSignal.content) == null ? void 0 : y.meta) == null ? void 0 : k.breakpoints)
       }
     };
-    ue({
+    ge({
       value: t,
       key: t.id
     }).then(() => {
-      Q.refresh();
+      X.refresh();
     });
   }
-  const [r, g] = k(
+  function r() {
+    return e.showContent ? {} : {
+      hidden: !0,
+      "aria-hidden": !0
+    };
+  }
+  const [g, v] = C(
     () => e.contentWrapper || "div"
   );
-  function b(n) {
-    return te({
+  function h(n) {
+    return ie({
       model: e.model,
       trustedHosts: e.trustedHosts,
       callbacks: {
         configureSdk: (t) => {
           var u;
-          const { breakpoints: o, contentId: c } = t;
-          !c || c !== ((u = e.builderContextSignal.content) == null ? void 0 : u.id) || o && S({
+          const { breakpoints: l, contentId: c } = t;
+          !c || c !== ((u = e.builderContextSignal.content) == null ? void 0 : u.id) || l && S({
             meta: {
-              breakpoints: o
+              breakpoints: l
             }
           });
         },
         animation: (t) => {
-          ne(t);
+          ae(t);
         },
         contentUpdate: (t) => {
           S(t);
@@ -489,10 +494,10 @@ function Be(e) {
       }
     })(n);
   }
-  function h() {
-    var t, o;
-    const n = (o = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : o.jsCode;
-    n && D({
+  function b() {
+    var t, l;
+    const n = (l = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : l.jsCode;
+    n && U({
       code: n,
       context: e.context || {},
       localState: void 0,
@@ -504,35 +509,35 @@ function Be(e) {
       enableCache: !1
     });
   }
-  const [s, l] = k(() => ({})), [m, v] = k(() => ({})), [C, J] = k(() => !1);
-  function G(n) {
-    var t, o;
+  const [o, m] = C(() => ({})), [d, x] = C(() => ({})), [N, G] = C(() => !1);
+  function Q(n) {
+    var t, l;
     if (e.builderContextSignal.content) {
-      const c = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, u = (o = e.builderContextSignal.content) == null ? void 0 : o.id;
-      V({
+      const c = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, u = (l = e.builderContextSignal.content) == null ? void 0 : l.id;
+      D({
         type: "click",
-        canTrack: _(e.canTrack),
+        canTrack: V(e.canTrack),
         contentId: u,
         apiKey: e.apiKey,
         variationId: c !== u ? c : void 0,
-        ...ie(n),
-        unique: !C
+        ...ce(n),
+        unique: !N
       });
     }
-    C || J(!0);
+    N || G(!0);
   }
-  function N() {
-    var t, o;
-    const n = ((o = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : o.httpRequests) ?? {};
+  function B() {
+    var t, l;
+    const n = ((l = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : l.httpRequests) ?? {};
     Object.entries(n).forEach(([c, u]) => {
-      if (!u || m[c] || s[c] && !E())
+      if (!u || d[c] || o[c] && !w())
         return;
-      m[c] = !0;
-      const x = u.replace(
+      d[c] = !0;
+      const y = u.replace(
         /{{([^}]+)}}/g,
-        (y, X) => String(
-          D({
-            code: X,
+        (k, Y) => String(
+          U({
+            code: Y,
             context: e.context || {},
             localState: void 0,
             rootState: e.builderContextSignal.rootState,
@@ -541,24 +546,24 @@ function Be(e) {
           })
         )
       );
-      ae(x).then((y) => y.json()).then((y) => {
-        d({
-          [c]: y
-        }), s[c] = !0;
-      }).catch((y) => {
-        console.error("error fetching dynamic data", u, y);
+      re(y).then((k) => k.json()).then((k) => {
+        s({
+          [c]: k
+        }), o[c] = !0;
+      }).catch((k) => {
+        console.error("error fetching dynamic data", u, k);
       }).finally(() => {
-        m[c] = !1;
+        d[c] = !1;
       });
     });
   }
   function P() {
-    E() && window.dispatchEvent(
+    w() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
           detail: {
-            state: ce(e.builderContextSignal.rootState),
+            state: le(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -567,8 +572,8 @@ function Be(e) {
       )
     );
   }
-  function B(n) {
-    window.addEventListener("message", b), re(), le({
+  function L(n) {
+    window.addEventListener("message", h), oe(), de({
       ...e.locale ? {
         locale: e.locale
       } : {},
@@ -582,117 +587,116 @@ function Be(e) {
       e.builderContextSignal.componentInfos
     ).forEach((t) => {
       var c;
-      const o = oe(t);
-      (c = window.parent) == null || c.postMessage(o, "*");
+      const l = se(t);
+      (c = window.parent) == null || c.postMessage(l, "*");
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
       P
     );
   }
-  function L(n) {
-    const t = new URL(location.href).searchParams, o = t.get("builder.preview"), c = t.get(
-      `builder.preview.${o}`
+  function j(n) {
+    const t = new URL(location.href).searchParams, l = t.get("builder.preview"), c = t.get(
+      `builder.preview.${l}`
     ), u = t.get("apiKey") || t.get("builder.space");
-    o === e.model && u === e.apiKey && (!e.content || c === e.content.id) && de({
+    l === e.model && u === e.apiKey && (!e.content || c === e.content.id) && ue({
       model: e.model,
       apiKey: e.apiKey,
       apiVersion: e.builderContextSignal.apiVersion
-    }).then((x) => {
-      x && S(x);
+    }).then((y) => {
+      y && S(y);
     });
   }
-  const Q = me();
+  const X = be();
   return f(() => {
     var n;
-    return (n = a.current) == null || n.addEventListener(
+    return (n = i.current) == null || n.addEventListener(
       "initeditingbldr",
-      B
+      L
     ), () => {
       var t;
-      return (t = a.current) == null ? void 0 : t.removeEventListener(
+      return (t = i.current) == null ? void 0 : t.removeEventListener(
         "initeditingbldr",
-        B
+        L
       );
     };
   }, []), f(() => {
     var n;
-    return (n = a.current) == null || n.addEventListener(
+    return (n = i.current) == null || n.addEventListener(
       "initpreviewingbldr",
-      L
+      j
     ), () => {
       var t;
-      return (t = a.current) == null ? void 0 : t.removeEventListener(
+      return (t = i.current) == null ? void 0 : t.removeEventListener(
         "initpreviewingbldr",
-        L
+        j
       );
     };
   }, []), f(() => {
     var n, t;
-    if (H()) {
-      if (E() && a.current && a.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && _(e.canTrack)) {
-        const c = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, u = (t = e.builderContextSignal.content) == null ? void 0 : t.id, x = e.apiKey;
-        V({
+    if (_()) {
+      if (w() && i.current && i.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && V(e.canTrack)) {
+        const c = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, u = (t = e.builderContextSignal.content) == null ? void 0 : t.id, y = e.apiKey;
+        D({
           type: "impression",
           canTrack: !0,
           contentId: u,
-          apiKey: x,
+          apiKey: y,
           variationId: c !== u ? c : void 0
         });
       }
-      p() && E();
+      ee() && w();
     }
   }, []), f(() => {
-    e.apiKey || ee.error(
+    e.apiKey || te.error(
       "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), h(), N(), P();
+    ), b(), B(), P();
   }, []), f(() => {
   }, [e.content]), f(() => {
-    h();
-  }, [(W = (j = e.builderContextSignal.content) == null ? void 0 : j.data) == null ? void 0 : W.jsCode]), f(() => {
-    N();
-  }, [(A = (K = e.builderContextSignal.content) == null ? void 0 : K.data) == null ? void 0 : A.httpRequests]), f(() => {
+    b();
+  }, [(K = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : K.jsCode]), f(() => {
+    B();
+  }, [(F = (A = e.builderContextSignal.content) == null ? void 0 : A.data) == null ? void 0 : F.httpRequests]), f(() => {
     P();
   }, [e.builderContextSignal.rootState]), f(() => {
-    e.data && d(e.data);
+    e.data && s(e.data);
   }, [e.data]), f(() => {
-    e.locale && d({
+    e.locale && s({
       locale: e.locale
     });
   }, [e.locale]), f(() => () => {
-    H() && (window.removeEventListener("message", b), window.removeEventListener(
+    _() && (window.removeEventListener("message", h), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
       P
     ));
-  }, []), /* @__PURE__ */ i(ge.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ i(
-    r,
+  }, []), /* @__PURE__ */ a(he.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ a(
+    g,
     {
-      ref: a,
-      onClick: (n) => G(n),
-      "builder-content-id": (F = e.builderContextSignal.content) == null ? void 0 : F.id,
+      ref: i,
+      onClick: (n) => Q(n),
+      "builder-content-id": (z = e.builderContextSignal.content) == null ? void 0 : z.id,
       "builder-model": e.model,
-      ...e.showContent ? {} : {
-        hidden: !0,
-        "aria-hidden": !0
-      },
+      ...r(),
       ...e.contentWrapperProps,
-      className: `variant-${((z = e.content) == null ? void 0 : z.testVariationId) || ((M = e.content) == null ? void 0 : M.id)}`,
+      className: ne(
+        ((M = e.content) == null ? void 0 : M.testVariationId) || ((q = e.content) == null ? void 0 : q.id)
+      ),
       children: e.children
     }
   ) : null });
 }
 export {
-  ye as B,
-  Pe as C,
-  O as D,
-  Re as E,
-  Ee as F,
-  ke as I,
-  Ie as S,
-  Ne as V,
-  Ce as a,
-  Te as b,
-  xe as c,
-  we as d,
-  Be as e,
-  ge as f
+  Ce as B,
+  Te as C,
+  J as D,
+  Ne as E,
+  Ie as F,
+  we as I,
+  Re as S,
+  Le as V,
+  Ee as a,
+  Be as b,
+  ke as c,
+  Pe as d,
+  je as e,
+  he as f
 };