@builder.io/sdk-react-nextjs 0.6.2-0 → 0.6.3

package/README.md

@@ -2,7 +2,7 @@
 
 This is the Builder NextJS SDK, `@builder.io/sdk-react-nextjs`. It is intended to be used _only_ with NextJS's app directory, and has hard dependencies on NextJS-specific functionality that only works in the app directory.
 
-If you are using NextJS's pages directory, use the [React gen2 SDK](../react/) in Beta, or the stable React gen1 SDK [here](../../../react/) (i.e. `builder.io/react`).
+Note: you can use _any_ Builder React SDK with Next.js. Our [Gen1](../../../react/) and [Gen2](../react/) SDKs both work with Next.js (pages router or app router). This SDK, though, is the only one that supports [registering](<[url](https://www.builder.io/c/docs/custom-components-setup)>) server components, and also includes nearly 0 client side JS runtime. Our other SDKs only support registering client components in React, due to how RSC's runtime works.
 
 ## API Reference
 

package/lib/browser/USE_CLIENT_BUNDLE-7df521d2.mjs

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

package/lib/browser/USE_CLIENT_BUNDLE-ba140db3.js

@@ -0,0 +1,23 @@
+"use client";"use strict";const t=require("react/jsx-runtime"),n=require("./bundle-a1b650c9.js"),r=require("react"),W=require("./USE_SERVER_BUNDLE-7d2b1f4f.js"),_=require("next/navigation");function A(e){return t.jsxs(t.Fragment,{children:[e.link?t.jsx(t.Fragment,{children:t.jsx("a",{role:"button",...e.attributes,href:e.link,target:e.openLinkInNewTab?"_blank":void 0,children:e.text})}):t.jsx(t.Fragment,{children:t.jsx("button",{...e.attributes,style:e.attributes.style,className:e.attributes.className+" button-3e7bc8b2",children:e.text})}),t.jsx("style",{children:`.button-3e7bc8b2 {
+  all: unset;
+}`})]})}function z(e){return t.jsx(e.Wrapper,{...e.wrapperProps,attributes:{...n.getBlockProperties({block:e.block,context:e.context}),...n.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context})},children:e.children})}function K(e){return t.jsxs(t.Fragment,{children:[" ",e.hasChildren?t.jsx(t.Fragment,{children:t.jsxs(e.Wrapper,{...n.getBlockProperties({block:e.block,context:e.context}),...n.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0}),children:[" ",e.children," "]})}):t.jsx(t.Fragment,{children:t.jsx(e.Wrapper,{...n.getBlockProperties({block:e.block,context:e.context}),...n.getBlockActions({block:e.block,rootState:e.context.rootState,rootSetState:e.context.rootSetState,localState:e.context.localState,context:e.context.context,stripPrefix:!0})})})," "]})}function U(e){function l(){var a;return"builder-blocks"+((a=e.blocks)!=null&&a.length?"":" no-blocks")}function g(){var a,f;n.isEditing()&&!((a=e.blocks)!=null&&a.length)&&((f=window.parent)==null||f.postMessage({type:"builder.clickEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}function k(){var a,f;n.isEditing()&&!((a=e.blocks)!=null&&a.length)&&((f=window.parent)==null||f.postMessage({type:"builder.hoverEmptyBlocks",data:{parentElementId:e.parent,dataPath:e.path}},"*"))}return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:l()+" div-5821bd52","builder-path":e.path,"builder-parent-id":e.parent,style:e.styleProp,onClick:a=>g(),onMouseEnter:a=>k(),onKeyPress:a=>g(),children:e.children}),t.jsx("style",{children:`.div-5821bd52 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}`})]})}function V(e){return t.jsx("span",{children:e.children})}function D(e){var a,f,h,v;function l(){var m;const o=e.image||e.src;if(!o||!(o.match(/builder\.io/)||o.match(/cdn\.shopify\.com/)))return e.srcset;if(e.srcset&&((m=e.image)!=null&&m.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),n.getSrcSet(o)}else if(e.image&&!e.srcset)return n.getSrcSet(o);return n.getSrcSet(o)}function g(){var b;return(b=l==null?void 0:l())!=null&&b.match(/builder\.io/)&&!e.noWebp?l().replace(/\?/g,"?format=webp&"):""}function k(){const b={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?b:void 0}return t.jsxs(t.Fragment,{children:[t.jsxs(t.Fragment,{children:[t.jsxs("picture",{children:[g()?t.jsx(t.Fragment,{children:t.jsx("source",{type:"image/webp",srcSet:g()})}):null,t.jsx("img",{loading:"lazy",alt:e.altText,role:e.altText?"presentation":void 0,style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...k()},className:"builder-image"+(e.className?" "+e.className:"")+" img-ef11a6be",src:e.image,srcSet:l(),sizes:e.sizes})]}),e.aspectRatio&&!((f=(a=e.builderBlock)==null?void 0:a.children)!=null&&f.length&&e.fitContent)?t.jsx(t.Fragment,{children:t.jsx("div",{className:"builder-image-sizer div-ef11a6be",style:{paddingTop:e.aspectRatio*100+"%"}})}):null,(v=(h=e.builderBlock)==null?void 0:h.children)!=null&&v.length&&e.fitContent?t.jsx(t.Fragment,{children:e.children}):null,!e.fitContent&&e.children?t.jsx(t.Fragment,{children:t.jsx("div",{className:"div-ef11a6be-2",children:e.children})}):null]}),t.jsx("style",{children:`.img-ef11a6be {
+  opacity: 1;
+  transition: opacity 0.2s ease-in-out;
+}.div-ef11a6be {
+  width: 100%;
+  pointer-events: none;
+  font-size: 0;
+}.div-ef11a6be-2 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}`})]})}function H(e){return t.jsx("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 J(e){var k;function l(){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 g(){return{...e.attributes,...l()}}return t.jsx("video",{...g(),preload:e.preload||"metadata",style:{width:"100%",height:"100%",...(k=e.attributes)==null?void 0:k.style,objectFit:e.fit,objectPosition:e.position,borderRadius:1},src:e.video||"no-src",poster:e.posterImage})}function O(e){const l=r.useRef(null),[g,k]=r.useState(()=>[]),[a,f]=r.useState(()=>[]),[h,v]=r.useState(()=>!1);function b(){if(!l.current||!l.current.getElementsByTagName)return;const o=l.current.getElementsByTagName("script");for(let m=0;m<o.length;m++){const x=o[m];if(x.src&&!g.includes(x.src)){g.push(x.src);const y=document.createElement("script");y.async=!0,y.src=x.src,document.head.appendChild(y)}else if(n.isJsScript(x)&&!a.includes(x.innerText))try{a.push(x.innerText),new Function(x.innerText)()}catch(y){console.warn("`Embed`: Error running script:",y)}}}return r.useEffect(()=>{l.current&&!h&&(v(!0),b())},[l.current,h]),t.jsx("div",{className:"builder-embed",ref:l,dangerouslySetInnerHTML:{__html:e.content}})}function G(e){return t.jsx("img",{style:{objectFit:e.backgroundSize||"cover",objectPosition:e.backgroundPosition||"center"},alt:e.altText,src:e.imgSrc||e.image,...e.attributes},n.isEditing()&&e.imgSrc||"default-key")}function Q(e){const l=r.useRef(null),[g,k]=r.useState(()=>[]),[a,f]=r.useState(()=>[]);function h(){if(l.current&&l.current.getElementsByTagName&&typeof window<"u"){const v=l.current.getElementsByTagName("script");for(let b=0;b<v.length;b++){const o=v[b];if(o.src){if(g.includes(o.src))continue;g.push(o.src);const m=document.createElement("script");m.async=!0,m.src=o.src,document.head.appendChild(m)}else if(!o.type||["text/javascript","application/javascript","application/ecmascript"].includes(o.type)){if(a.includes(o.innerText))continue;try{a.push(o.innerText),new Function(o.innerText)()}catch(m){console.warn("`CustomCode`: Error running script:",m)}}}}}return r.useEffect(()=>{h()},[]),t.jsx("div",{ref:l,className:"builder-custom-code"+(e.replaceNodes?" replace-nodes":""),dangerouslySetInnerHTML:{__html:e.code}})}const X=r.createContext({content:null,context:{},localState:void 0,rootSetState(){},rootState:{},apiKey:null,apiVersion:void 0,componentInfos:{},inheritedStyles:{}});function Y(e){var R,I,w,T,F;const l=r.useRef(null),[g,k]=r.useState(()=>n.checkIsDefined(e.canTrack)?e.canTrack:!0),[a,f]=r.useState(()=>0);function h(i){var c,d,u,S,P;const s={...e.builderContextSignal.content,...i,data:{...(c=e.builderContextSignal.content)==null?void 0:c.data,...i==null?void 0:i.data},meta:{...(d=e.builderContextSignal.content)==null?void 0:d.meta,...i==null?void 0:i.meta,breakpoints:((u=i==null?void 0:i.meta)==null?void 0:u.breakpoints)||((P=(S=e.builderContextSignal.content)==null?void 0:S.meta)==null?void 0:P.breakpoints)}};W.postPreviewContent({value:s,key:s.id}).then(()=>{M.refresh()})}r.useState(()=>0);const[v,b]=r.useState(()=>!1);function o(i){var c;const{data:s}=i;if(s)switch(s.type){case"builder.configureSdk":{const d=s.data,{breakpoints:u,contentId:S}=d;if(!S||S!==((c=e.builderContextSignal.content)==null?void 0:c.id))return;u&&h({meta:{breakpoints:u}}),f(a+1);break}case"builder.contentUpdate":{const d=s.data,u=d.key||d.alias||d.entry||d.modelName,S=d.data;u===e.model&&(h(S),f(a+1));break}}}function m(){var s,c;const i=(c=(s=e.builderContextSignal.content)==null?void 0:s.data)==null?void 0:c.jsCode;i&&n.evaluate({code:i,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState})}const[x,y]=r.useState(()=>({})),[E,B]=r.useState(()=>!1);function N(i){var s,c;if(e.builderContextSignal.content){const d=(s=e.builderContextSignal.content)==null?void 0:s.testVariationId,u=(c=e.builderContextSignal.content)==null?void 0:c.id;n._track({type:"click",canTrack:g,contentId:u,apiKey:e.apiKey,variationId:d!==u?d:void 0,...n.getInteractionPropertiesForEvent(i),unique:!E})}E||B(!0)}function q(i){return i.replace(/{{([^}]+)}}/g,(s,c)=>n.evaluate({code:c,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState}))}function L({url:i,key:s}){n.fetch(i).then(c=>c.json()).then(c=>{var u,S;const d={...e.builderContextSignal.rootState,[s]:c};(S=(u=e.builderContextSignal).rootSetState)==null||S.call(u,d),x[s]=!0}).catch(c=>{console.error("error fetching dynamic data",i,c)})}function j(){var s,c;const i=((c=(s=e.builderContextSignal.content)==null?void 0:s.data)==null?void 0:c.httpRequests)??{};Object.entries(i).forEach(([d,u])=>{if(u&&(!x[d]||n.isEditing())){const S=q(u);L({url:S,key:d})}})}function C(){n.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:n.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}const M=_.useRouter();return r.useEffect(()=>{var i,s;if(e.apiKey||n.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),n.isBrowser()){if(n.isEditing()&&(f(a+1),window.addEventListener("message",o),n.registerInsertMenu(),n.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.includeRefs?{includeRefs:e.includeRefs}:{},...e.enrich?{enrich:e.enrich}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(c=>{var u;const d=n.createRegisterComponentMessage(c);(u=window.parent)==null||u.postMessage(d,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",C)),e.builderContextSignal.content){const c=(i=e.builderContextSignal.content)==null?void 0:i.testVariationId,d=(s=e.builderContextSignal.content)==null?void 0:s.id;n._track({type:"impression",canTrack:g,contentId:d,apiKey:e.apiKey,variationId:c!==d?c:void 0})}m(),j(),C()}},[]),r.useEffect(()=>{},[e.content]),r.useEffect(()=>{n.isBrowser()&&(window.removeEventListener("message",o),window.addEventListener("message",o))},[v]),r.useEffect(()=>{m()},[(I=(R=e.builderContextSignal.content)==null?void 0:R.data)==null?void 0:I.jsCode,e.builderContextSignal.rootState]),r.useEffect(()=>{j()},[(T=(w=e.builderContextSignal.content)==null?void 0:w.data)==null?void 0:T.httpRequests]),r.useEffect(()=>{C()},[e.builderContextSignal.rootState]),r.useEffect(()=>()=>{n.isBrowser()&&(window.removeEventListener("message",o),window.removeEventListener("builder:component:stateChangeListenerActivated",C))},[]),t.jsx(X.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?t.jsx(t.Fragment,{children:t.jsx("div",{ref:l,onClick:i=>N(i),"builder-content-id":(F=e.builderContextSignal.content)==null?void 0:F.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},className:e.classNameProp,children:e.children},a)}):null})}exports.BlockWrapper=K;exports.BlocksWrapper=U;exports.Button=A;exports.CustomCode=Q;exports.Embed=O;exports.EnableEditor=Y;exports.FragmentComponent=V;exports.Image=D;exports.ImgComponent=G;exports.InteractiveElement=z;exports.SectionComponent=H;exports.Video=J;

package/lib/browser/USE_SERVER_BUNDLE-4eda8de6.mjs

@@ -0,0 +1,11 @@
+"use server";
+import { n as r } from "./bundle-c727cf36.mjs";
+async function e({
+  key: t,
+  value: n
+}) {
+  return r(), globalThis._BUILDER_PREVIEW_LRU_CACHE.set(t, n), { [t]: n };
+}
+export {
+  e as p
+};

package/lib/{edge/USE_SERVER_BUNDLE-dc7c843d.js → browser/USE_SERVER_BUNDLE-7d2b1f4f.js}

@@ -1 +1 @@
-"use server";"use strict";const n=require("./bundle-8124c323.js");async function s({key:e,value:t}){return n.init(),globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e,t),{[e]:t}}exports.postPreviewContent=s;
+"use server";"use strict";const n=require("./bundle-a1b650c9.js");async function s({key:e,value:t}){return n.init(),globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e,t),{[e]:t}}exports.postPreviewContent=s;