@builder.io/sdk-react-nextjs 0.7.2 → 0.7.4

package/types/esm/components/content-variants/helpers.d.ts

@@ -24,7 +24,7 @@ export declare const getVariants: (content: Nullable<BuilderContent>) => {
         breakpoints?: import("../../types/builder-content.js").Breakpoints;
     };
 }[];
-export declare const checkShouldRunVariants: ({ canTrack, content }: {
+export declare const checkShouldRenderVariants: ({ canTrack, content }: {
     canTrack: Nullable<boolean>;
     content: Nullable<BuilderContent>;
 }) => boolean;
@@ -33,8 +33,8 @@ type VariantData = {
     testRatio?: number;
 };
 export declare const getScriptString: () => string;
-export declare const getVariantsScriptString: (variants: VariantData[], contentId: string) => string;
-export declare const getRenderContentScriptString: ({ contentId, variationId }: {
+export declare const getUpdateCookieAndStylesScript: (variants: VariantData[], contentId: string) => string;
+export declare const getUpdateVariantVisibilityScript: ({ contentId, variationId }: {
     variationId: string;
     contentId: string;
 }) => string;

package/types/esm/components/content-variants/inlined-fns.d.ts

@@ -0,0 +1,14 @@
+/**
+ * WARNING: This file contains functions that get stringified and inlined into the HTML at build-time.
+ * They cannot import anything.
+ */
+/**
+ * For more information on how this works,
+ * see our [SSR A/B Test Docs](https://github.com/BuilderIO/builder/tree/main/packages/sdks/src/SSR_AB_TEST.md)
+ */
+/**
+ * For more information on how this works,
+ * see our [SSR A/B Test Docs](https://github.com/BuilderIO/builder/tree/main/packages/sdks/src/SSR_AB_TEST.md)
+ */
+export declare const UPDATE_COOKIES_AND_STYLES_SCRIPT = "function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {\n  function getAndSetVariantId() {\n    function setCookie(name, value, days) {\n      let expires = '';\n      if (days) {\n        const date = new Date();\n        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n        expires = '; expires=' + date.toUTCString();\n      }\n      document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';\n    }\n    function getCookie(name) {\n      const nameEQ = name + '=';\n      const ca = document.cookie.split(';');\n      for (let i = 0; i < ca.length; i++) {\n        let c = ca[i];\n        while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n      }\n      return null;\n    }\n    const cookieName = `builder.tests.${contentId}`;\n    const variantInCookie = getCookie(cookieName);\n    const availableIDs = variants.map(vr => vr.id).concat(contentId);\n    if (variantInCookie && availableIDs.includes(variantInCookie)) {\n      return variantInCookie;\n    }\n    let n = 0;\n    const random = Math.random();\n    for (let i = 0; i < variants.length; i++) {\n      const variant = variants[i];\n      const testRatio = variant.testRatio;\n      n += testRatio;\n      if (random < n) {\n        setCookie(cookieName, variant.id);\n        return variant.id;\n      }\n    }\n    setCookie(cookieName, contentId);\n    return contentId;\n  }\n  const winningVariantId = getAndSetVariantId();\n  const styleEl = document.currentScript?.previousElementSibling;\n  if (isHydrationTarget) {\n    styleEl.remove();\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  } else {\n    const newStyleStr = variants.concat({\n      id: contentId\n    }).filter(variant => variant.id !== winningVariantId).map(value => {\n      return `.variant-${value.id} {  display: none; }\n        `;\n    }).join('');\n    styleEl.innerHTML = newStyleStr;\n  }\n}";
+export declare const UPDATE_VARIANT_VISIBILITY_SCRIPT = "function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let c = ca[i];\n      while (c.charAt(0) === ' ') c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n    }\n    return null;\n  }\n  const cookieName = `builder.tests.${defaultContentId}`;\n  const winningVariant = getCookie(cookieName);\n  const parentDiv = document.currentScript?.parentElement;\n  const isDefaultContent = variantContentId === defaultContentId;\n  const isWinningVariant = winningVariant === variantContentId;\n  if (isWinningVariant && !isDefaultContent) {\n    parentDiv?.removeAttribute('hidden');\n    parentDiv?.removeAttribute('aria-hidden');\n  } else if (!isWinningVariant && isDefaultContent) {\n    parentDiv?.setAttribute('hidden', 'true');\n    parentDiv?.setAttribute('aria-hidden', 'true');\n  }\n  if (isHydrationTarget) {\n    if (!isWinningVariant) {\n      parentDiv?.remove();\n    }\n    const thisScriptEl = document.currentScript;\n    thisScriptEl?.remove();\n  }\n  return;\n}";

package/types/esm/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.7.2";
+export declare const SDK_VERSION = "0.7.4";

package/lib/browser/USE_CLIENT_BUNDLE-0e3e24e7.js

@@ -1,657 +0,0 @@
-"use client";
-import { jsxs as w, Fragment as b, jsx as c } from "react/jsx-runtime";
-import { g as T, a as N, i as E, b as R, c as G, d as P, e as W, _ as A, f as $, l as Q, h as D, j as X, k as Y, r as Z, s as p, m as ee, n as te, o as ne } from "./bundle-6f6b7d63.js";
-import { useRef as j, useState as y, useEffect as x, createContext as ie, createElement as ae } from "react";
-import { p as ce } from "./USE_SERVER_BUNDLE-ea1618f4.js";
-import { useRouter as re } from "next/navigation";
-function be(e) {
-  return /* @__PURE__ */ w(b, { children: [
-    e.link ? /* @__PURE__ */ c(b, { children: /* @__PURE__ */ c(
-      "a",
-      {
-        ...e.attributes,
-        href: e.link,
-        target: e.openLinkInNewTab ? "_blank" : void 0,
-        role: "button",
-        children: e.text
-      }
-    ) }) : /* @__PURE__ */ c(b, { children: /* @__PURE__ */ c(
-      "button",
-      {
-        ...e.attributes,
-        style: e.attributes.style,
-        className: e.attributes.className + " button-5294b10c",
-        children: e.text
-      }
-    ) }),
-    /* @__PURE__ */ c("style", { children: `.button-5294b10c {
-  all: unset;
-}` })
-  ] });
-}
-function ge(e) {
-  return /* @__PURE__ */ w(b, { children: [
-    " ",
-    e.hasChildren ? /* @__PURE__ */ c(b, { children: /* @__PURE__ */ w(
-      e.Wrapper,
-      {
-        ...T({
-          block: e.block,
-          context: e.context
-        }),
-        ...N({
-          block: e.block,
-          rootState: e.context.rootState,
-          rootSetState: e.context.rootSetState,
-          localState: e.context.localState,
-          context: e.context.context,
-          stripPrefix: !0
-        }),
-        children: [
-          " ",
-          e.children,
-          " "
-        ]
-      }
-    ) }) : /* @__PURE__ */ c(b, { children: /* @__PURE__ */ c(
-      e.Wrapper,
-      {
-        ...T({
-          block: e.block,
-          context: e.context
-        }),
-        ...N({
-          block: e.block,
-          rootState: e.context.rootState,
-          rootSetState: e.context.rootSetState,
-          localState: e.context.localState,
-          context: e.context.context,
-          stripPrefix: !0
-        })
-      }
-    ) }),
-    " "
-  ] });
-}
-function he(e) {
-  return /* @__PURE__ */ c(
-    e.Wrapper,
-    {
-      ...e.wrapperProps,
-      attributes: {
-        ...T({
-          block: e.block,
-          context: e.context
-        }),
-        ...N({
-          block: e.block,
-          rootState: e.context.rootState,
-          rootSetState: e.context.rootSetState,
-          localState: e.context.localState,
-          context: e.context.context
-        })
-      },
-      children: e.children
-    }
-  );
-}
-function fe(e) {
-  function i() {
-    var o;
-    return "builder-blocks" + ((o = e.blocks) != null && o.length ? "" : " no-blocks");
-  }
-  function s() {
-    var o, f;
-    E() && !((o = e.blocks) != null && o.length) && ((f = window.parent) == null || f.postMessage(
-      {
-        type: "builder.clickEmptyBlocks",
-        data: {
-          parentElementId: e.parent,
-          dataPath: e.path
-        }
-      },
-      "*"
-    ));
-  }
-  function h() {
-    var o, f;
-    E() && !((o = e.blocks) != null && o.length) && ((f = window.parent) == null || f.postMessage(
-      {
-        type: "builder.hoverEmptyBlocks",
-        data: {
-          parentElementId: e.parent,
-          dataPath: e.path
-        }
-      },
-      "*"
-    ));
-  }
-  return /* @__PURE__ */ w(b, { children: [
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: i() + " div-02c7a115",
-        "builder-path": e.path,
-        "builder-parent-id": e.parent,
-        style: e.styleProp,
-        onClick: (o) => s(),
-        onMouseEnter: (o) => h(),
-        onKeyPress: (o) => s(),
-        children: e.children
-      }
-    ),
-    /* @__PURE__ */ c("style", { children: `.div-02c7a115 {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-}` })
-  ] });
-}
-function Se(e) {
-  return /* @__PURE__ */ c("span", { children: e.children });
-}
-function xe(e) {
-  var o, f, k, S;
-  function i() {
-    var g;
-    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
-    !(l.match(/builder\.io/) || l.match(/cdn\.shopify\.com/)))
-      return e.srcset;
-    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(l);
-    } else if (e.image && !e.srcset)
-      return R(l);
-    return R(l);
-  }
-  function s() {
-    var m;
-    return (m = i == null ? void 0 : i()) != null && m.match(/builder\.io/) && !e.noWebp ? i().replace(/\?/g, "?format=webp&") : "";
-  }
-  function h() {
-    const m = {
-      position: "absolute",
-      height: "100%",
-      width: "100%",
-      left: "0px",
-      top: "0px"
-    };
-    return e.aspectRatio ? m : void 0;
-  }
-  return /* @__PURE__ */ w(b, { children: [
-    /* @__PURE__ */ w(b, { children: [
-      /* @__PURE__ */ w("picture", { children: [
-        s() ? /* @__PURE__ */ c(b, { children: /* @__PURE__ */ c("source", { type: "image/webp", srcSet: s() }) }) : null,
-        /* @__PURE__ */ c(
-          "img",
-          {
-            loading: "lazy",
-            alt: e.altText,
-            role: e.altText ? "presentation" : void 0,
-            style: {
-              objectPosition: e.backgroundPosition || "center",
-              objectFit: e.backgroundSize || "cover",
-              ...h()
-            },
-            className: "builder-image" + (e.className ? " " + e.className : "") + " img-dbab4030",
-            src: e.image,
-            srcSet: i(),
-            sizes: e.sizes
-          }
-        )
-      ] }),
-      e.aspectRatio && !((f = (o = e.builderBlock) == null ? void 0 : o.children) != null && f.length && e.fitContent) ? /* @__PURE__ */ c(b, { children: /* @__PURE__ */ c(
-        "div",
-        {
-          className: "builder-image-sizer div-dbab4030",
-          style: {
-            paddingTop: e.aspectRatio * 100 + "%"
-          }
-        }
-      ) }) : null,
-      (S = (k = e.builderBlock) == null ? void 0 : k.children) != null && S.length && e.fitContent ? /* @__PURE__ */ c(b, { children: e.children }) : null,
-      !e.fitContent && e.children ? /* @__PURE__ */ c(b, { children: /* @__PURE__ */ c("div", { className: "div-dbab4030-2", children: e.children }) }) : null
-    ] }),
-    /* @__PURE__ */ c("style", { children: `.img-dbab4030 {
-  opacity: 1;
-  transition: opacity 0.2s ease-in-out;
-}.div-dbab4030 {
-  width: 100%;
-  pointer-events: none;
-  font-size: 0;
-}.div-dbab4030-2 {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}` })
-  ] });
-}
-function ve(e) {
-  return /* @__PURE__ */ c(
-    "section",
-    {
-      ...e.attributes,
-      style: {
-        width: "100%",
-        alignSelf: "stretch",
-        flexGrow: 1,
-        boxSizing: "border-box",
-        maxWidth: e.maxWidth || 1200,
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "stretch",
-        marginLeft: "auto",
-        marginRight: "auto"
-      },
-      children: e.children
-    }
-  );
-}
-function ye(e) {
-  const i = j(null), [s, h] = y(() => []), [o, f] = y(() => []);
-  return x(() => {
-    var S;
-    if (!((S = i.current) != null && S.getElementsByTagName) || typeof window > "u")
-      return;
-    const k = i.current.getElementsByTagName("script");
-    for (let m = 0; m < k.length; m++) {
-      const l = k[m];
-      if (l.src) {
-        if (s.includes(l.src))
-          continue;
-        s.push(l.src);
-        const g = document.createElement("script");
-        g.async = !0, g.src = l.src, document.head.appendChild(g);
-      } else if (!l.type || [
-        "text/javascript",
-        "application/javascript",
-        "application/ecmascript"
-      ].includes(l.type)) {
-        if (o.includes(l.innerText))
-          continue;
-        try {
-          o.push(l.innerText), new Function(l.innerText)();
-        } catch (g) {
-          console.warn("`CustomCode`: Error running script:", g);
-        }
-      }
-    }
-  }, []), /* @__PURE__ */ c(
-    "div",
-    {
-      ref: i,
-      className: "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : ""),
-      dangerouslySetInnerHTML: { __html: e.code }
-    }
-  );
-}
-function ke(e) {
-  const i = j(null), [s, h] = y(() => []), [o, f] = y(() => []), [k, S] = y(() => !1);
-  function m() {
-    if (!i.current || !i.current.getElementsByTagName)
-      return;
-    const l = i.current.getElementsByTagName("script");
-    for (let g = 0; g < l.length; g++) {
-      const v = l[g];
-      if (v.src && !s.includes(v.src)) {
-        s.push(v.src);
-        const C = document.createElement("script");
-        C.async = !0, C.src = v.src, document.head.appendChild(C);
-      } else if (G(v) && !o.includes(v.innerText))
-        try {
-          o.push(v.innerText), new Function(v.innerText)();
-        } catch (C) {
-          console.warn("`Embed`: Error running script:", C);
-        }
-    }
-  }
-  return x(() => {
-    i.current && !k && (S(!0), m());
-  }, [i.current, k]), /* @__PURE__ */ c(
-    "div",
-    {
-      className: "builder-embed",
-      ref: i,
-      dangerouslySetInnerHTML: { __html: e.content }
-    }
-  );
-}
-function Ce(e) {
-  return /* @__PURE__ */ c(
-    "img",
-    {
-      style: {
-        objectFit: e.backgroundSize || "cover",
-        objectPosition: e.backgroundPosition || "center"
-      },
-      alt: e.altText,
-      src: e.imgSrc || e.image,
-      ...e.attributes
-    },
-    E() && e.imgSrc || "default-key"
-  );
-}
-function we(e) {
-  var h;
-  function i() {
-    return {
-      ...e.autoPlay === !0 ? {
-        autoPlay: !0
-      } : {},
-      ...e.muted === !0 ? {
-        muted: !0
-      } : {},
-      ...e.controls === !0 ? {
-        controls: !0
-      } : {},
-      ...e.loop === !0 ? {
-        loop: !0
-      } : {},
-      ...e.playsInline === !0 ? {
-        playsInline: !0
-      } : {}
-    };
-  }
-  function s() {
-    return {
-      ...e.attributes,
-      ...i()
-    };
-  }
-  return /* @__PURE__ */ c(
-    "video",
-    {
-      ...s(),
-      preload: e.preload || "metadata",
-      style: {
-        width: "100%",
-        height: "100%",
-        ...(h = e.attributes) == null ? void 0 : h.style,
-        objectFit: e.fit,
-        objectPosition: e.position,
-        // Hack to get object fit to work as expected and
-        // not have the video overflow
-        borderRadius: 1
-      },
-      src: e.video || "no-src",
-      poster: e.posterImage
-    }
-  );
-}
-const oe = ie({
-  content: null,
-  context: {},
-  localState: void 0,
-  rootSetState() {
-  },
-  rootState: {},
-  apiKey: null,
-  apiVersion: void 0,
-  componentInfos: {},
-  inheritedStyles: {}
-});
-function Ee(e) {
-  var F, M, _, q, z;
-  const i = j(null), [s, h] = y(() => 0);
-  function o(t) {
-    var a, r, d, u, V;
-    const n = {
-      ...e.builderContextSignal.content,
-      ...t,
-      data: {
-        ...(a = e.builderContextSignal.content) == null ? void 0 : a.data,
-        ...t == null ? void 0 : t.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) || ((V = (u = e.builderContextSignal.content) == null ? void 0 : u.meta) == null ? void 0 : V.breakpoints)
-      }
-    };
-    ce({
-      value: n,
-      key: n.id
-    }).then(() => {
-      J.refresh();
-    });
-  }
-  y(() => 0);
-  const [f, k] = y(
-    () => !1
-  );
-  function S(t) {
-    var a;
-    const { data: n } = t;
-    if (n)
-      switch (n.type) {
-        case "builder.configureSdk": {
-          const r = n.data, { breakpoints: d, contentId: u } = r;
-          if (!u || u !== ((a = e.builderContextSignal.content) == null ? void 0 : a.id))
-            return;
-          d && o({
-            meta: {
-              breakpoints: d
-            }
-          }), h(s + 1);
-          break;
-        }
-        case "builder.contentUpdate": {
-          const r = n.data, d = r.key || r.alias || r.entry || r.modelName, u = r.data;
-          d === e.model && (o(u), h(s + 1));
-          break;
-        }
-      }
-  }
-  function m() {
-    var n, a;
-    const t = (a = (n = e.builderContextSignal.content) == null ? void 0 : n.data) == null ? void 0 : a.jsCode;
-    t && D({
-      code: t,
-      context: e.context || {},
-      localState: void 0,
-      rootState: e.builderContextSignal.rootState,
-      rootSetState: e.builderContextSignal.rootSetState
-    });
-  }
-  const [l, g] = y(() => ({})), [v, C] = y(() => !1);
-  function U(t) {
-    var n, 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;
-      A({
-        type: "click",
-        canTrack: W(e.canTrack),
-        contentId: d,
-        apiKey: e.apiKey,
-        variationId: r !== d ? r : void 0,
-        ...X(t),
-        unique: !v
-      });
-    }
-    v || C(!0);
-  }
-  function H(t) {
-    return t.replace(
-      /{{([^}]+)}}/g,
-      (n, a) => D({
-        code: a,
-        context: e.context || {},
-        localState: void 0,
-        rootState: e.builderContextSignal.rootState,
-        rootSetState: e.builderContextSignal.rootSetState
-      })
-    );
-  }
-  function O({ url: t, key: n }) {
-    ne(t).then((a) => a.json()).then((a) => {
-      var d, u;
-      const r = {
-        ...e.builderContextSignal.rootState,
-        [n]: a
-      };
-      (u = (d = e.builderContextSignal).rootSetState) == null || u.call(d, r), l[n] = !0;
-    }).catch((a) => {
-      console.error("error fetching dynamic data", t, a);
-    });
-  }
-  function L() {
-    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 && (!l[r] || E())) {
-        const u = H(d);
-        O({
-          url: u,
-          key: r
-        });
-      }
-    });
-  }
-  function I() {
-    E() && window.dispatchEvent(
-      new CustomEvent(
-        "builder:component:stateChange",
-        {
-          detail: {
-            state: Y(e.builderContextSignal.rootState),
-            ref: {
-              name: e.model
-            }
-          }
-        }
-      )
-    );
-  }
-  function B(t) {
-    h(s + 1), window.addEventListener("message", S), Z(), p({
-      ...e.locale ? {
-        locale: e.locale
-      } : {},
-      ...e.includeRefs ? {
-        includeRefs: e.includeRefs
-      } : {},
-      ...e.enrich ? {
-        enrich: e.enrich
-      } : {}
-    }), Object.values(
-      e.builderContextSignal.componentInfos
-    ).forEach((n) => {
-      var r;
-      const a = ee(n);
-      (r = window.parent) == null || r.postMessage(a, "*");
-    }), window.addEventListener(
-      "builder:component:stateChangeListenerActivated",
-      I
-    );
-  }
-  function K(t) {
-    const n = new URL(location.href).searchParams, a = n.get("builder.preview"), r = n.get(
-      `builder.preview.${a}`
-    ), d = n.get("apiKey") || n.get("builder.space");
-    a === e.model && d === e.apiKey && (!e.content || r === e.content.id) && te({
-      model: e.model,
-      apiKey: e.apiKey,
-      apiVersion: e.builderContextSignal.apiVersion
-    }).then((u) => {
-      u && o(u);
-    });
-  }
-  const J = re();
-  return x(() => {
-    var t;
-    return (t = i.current) == null || t.addEventListener(
-      "initeditingbldr",
-      B
-    ), () => {
-      var n;
-      return (n = i.current) == null ? void 0 : n.removeEventListener(
-        "initeditingbldr",
-        B
-      );
-    };
-  }, []), x(() => {
-    var t;
-    return (t = i.current) == null || t.addEventListener(
-      "initpreviewingbldr",
-      K
-    ), () => {
-      var n;
-      return (n = i.current) == null ? void 0 : n.removeEventListener(
-        "initpreviewingbldr",
-        K
-      );
-    };
-  }, []), x(() => {
-    var t, n;
-    if (P()) {
-      if (E() && i.current && i.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && W(e.canTrack)) {
-        const r = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, d = (n = e.builderContextSignal.content) == null ? void 0 : n.id, u = e.apiKey;
-        A({
-          type: "impression",
-          canTrack: !0,
-          contentId: d,
-          apiKey: u,
-          variationId: r !== d ? r : void 0
-        });
-      }
-      $() && i.current;
-    }
-  }, []), x(() => {
-    e.apiKey || Q.error(
-      "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), m(), L(), I();
-  }, []), x(() => {
-  }, [e.content]), x(() => {
-    P() && (window.removeEventListener("message", S), window.addEventListener("message", S));
-  }, [f]), x(() => {
-    m();
-  }, [
-    (M = (F = e.builderContextSignal.content) == null ? void 0 : F.data) == null ? void 0 : M.jsCode,
-    e.builderContextSignal.rootState
-  ]), x(() => {
-    L();
-  }, [(q = (_ = e.builderContextSignal.content) == null ? void 0 : _.data) == null ? void 0 : q.httpRequests]), x(() => {
-    I();
-  }, [e.builderContextSignal.rootState]), x(() => () => {
-    P() && (window.removeEventListener("message", S), window.removeEventListener(
-      "builder:component:stateChangeListenerActivated",
-      I
-    ));
-  }, []), /* @__PURE__ */ c(oe.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ c(b, { children: /* @__PURE__ */ ae(
-    "div",
-    {
-      key: s,
-      ref: i,
-      onClick: (t) => U(t),
-      "builder-content-id": (z = e.builderContextSignal.content) == null ? void 0 : z.id,
-      "builder-model": e.model,
-      ...e.showContent ? {} : {
-        hidden: !0,
-        "aria-hidden": !0
-      },
-      className: e.classNameProp
-    },
-    e.children
-  ) }) : null });
-}
-export {
-  ge as B,
-  ye as C,
-  ke as E,
-  Se as F,
-  he as I,
-  ve as S,
-  we as V,
-  fe as a,
-  be as b,
-  xe as c,
-  Ce as d,
-  Ee as e
-};