@builder.io/sdk-react-nextjs 0.7.0 → 0.7.1-0

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

@@ -0,0 +1,657 @@
+"use client";
+import { jsxs as w, Fragment as g, 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-7285a09d.mjs";
+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-e5c2279a.mjs";
+import { useRouter as re } from "next/navigation";
+function ge(e) {
+  return /* @__PURE__ */ w(g, { children: [
+    e.link ? /* @__PURE__ */ c(g, { children: /* @__PURE__ */ c(
+      "a",
+      {
+        role: "button",
+        ...e.attributes,
+        href: e.link,
+        target: e.openLinkInNewTab ? "_blank" : void 0,
+        children: e.text
+      }
+    ) }) : /* @__PURE__ */ c(g, { children: /* @__PURE__ */ c(
+      "button",
+      {
+        ...e.attributes,
+        style: e.attributes.style,
+        className: e.attributes.className + " button-35669e6c",
+        children: e.text
+      }
+    ) }),
+    /* @__PURE__ */ c("style", { children: `.button-35669e6c {
+  all: unset;
+}` })
+  ] });
+}
+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 be(e) {
+  return /* @__PURE__ */ w(g, { children: [
+    " ",
+    e.hasChildren ? /* @__PURE__ */ c(g, { 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(g, { 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 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 b() {
+    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(g, { 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) => b(),
+        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 h;
+    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 && ((h = e.image) != null && h.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 b() {
+    const m = {
+      position: "absolute",
+      height: "100%",
+      width: "100%",
+      left: "0px",
+      top: "0px"
+    };
+    return e.aspectRatio ? m : void 0;
+  }
+  return /* @__PURE__ */ w(g, { children: [
+    /* @__PURE__ */ w(g, { children: [
+      /* @__PURE__ */ w("picture", { children: [
+        s() ? /* @__PURE__ */ c(g, { 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",
+              ...b()
+            },
+            className: "builder-image" + (e.className ? " " + e.className : "") + " img-497e0136",
+            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(g, { children: /* @__PURE__ */ c(
+        "div",
+        {
+          className: "builder-image-sizer div-497e0136",
+          style: {
+            paddingTop: e.aspectRatio * 100 + "%"
+          }
+        }
+      ) }) : null,
+      (S = (k = e.builderBlock) == null ? void 0 : k.children) != null && S.length && e.fitContent ? /* @__PURE__ */ c(g, { children: e.children }) : null,
+      !e.fitContent && e.children ? /* @__PURE__ */ c(g, { children: /* @__PURE__ */ c("div", { className: "div-497e0136-2", children: e.children }) }) : null
+    ] }),
+    /* @__PURE__ */ c("style", { children: `.img-497e0136 {
+  opacity: 1;
+  transition: opacity 0.2s ease-in-out;
+}.div-497e0136 {
+  width: 100%;
+  pointer-events: none;
+  font-size: 0;
+}.div-497e0136-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) {
+  var b;
+  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%",
+        ...(b = e.attributes) == null ? void 0 : b.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 ke(e) {
+  const i = j(null), [s, b] = 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 h = 0; h < l.length; h++) {
+      const v = l[h];
+      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) {
+  const i = j(null), [s, b] = 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 h = document.createElement("script");
+        h.async = !0, h.src = l.src, document.head.appendChild(h);
+      } 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 (h) {
+          console.warn("`CustomCode`: Error running script:", h);
+        }
+      }
+    }
+  }, []), /* @__PURE__ */ c(
+    "div",
+    {
+      ref: i,
+      className: "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : ""),
+      dangerouslySetInnerHTML: { __html: e.code }
+    }
+  );
+}
+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, b] = 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
+            }
+          }), b(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), b(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, h] = 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) {
+    b(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(g, { 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 {
+  be as B,
+  we as C,
+  ke as E,
+  Se as F,
+  he as I,
+  ve as S,
+  ye as V,
+  fe as a,
+  ge as b,
+  xe as c,
+  Ce as d,
+  Ee as e
+};

package/lib/browser/USE_CLIENT_BUNDLE-9195e6a5.js

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

package/lib/{edge/USE_SERVER_BUNDLE-105e9ef3.js → browser/USE_SERVER_BUNDLE-d7b13097.js}

@@ -1 +1 @@
-"use server";"use strict";const n=require("./bundle-0c1d9099.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-620ae296.js");async function s({key:e,value:t}){return n.init(),globalThis._BUILDER_PREVIEW_LRU_CACHE.set(e,t),{[e]:t}}exports.postPreviewContent=s;