@builder.io/sdk-react-nextjs 0.14.29 → 0.14.30

package/lib/edge/USE_CLIENT_BUNDLE-744a0d92.js

@@ -1,703 +0,0 @@
-"use client";
-import { jsx as a, Fragment as w, jsxs as I } from "react/jsx-runtime";
-import { i as Z, g as H, a as $, b as O, c as E, 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-f748b05a.js";
-import { useRef as T, useState as C, useEffect as b, createContext as me } from "react";
-import { p as ge } from "./USE_SERVER_BUNDLE-d2138019.js";
-import { useRouter as fe } from "next/navigation";
-function J(e) {
-  return /* @__PURE__ */ a(w, { children: Z(e.TagName) ? /* @__PURE__ */ a(w, { children: /* @__PURE__ */ a(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ a(w, { 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 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: i(),
-      TagName: e.link ? e.builderLinkComponent || "a" : "button",
-      actionAttributes: {},
-      children: e.text
-    }
-  );
-}
-function Ce(e) {
-  return /* @__PURE__ */ a(
-    J,
-    {
-      TagName: e.Wrapper,
-      attributes: $({
-        block: e.block,
-        context: e.context
-      }),
-      actionAttributes: O({
-        block: e.block,
-        rootState: e.context.rootState,
-        rootSetState: e.context.rootSetState,
-        localState: e.context.localState,
-        context: e.context.context,
-        stripPrefix: !0
-      }),
-      children: e.children
-    }
-  );
-}
-function Ee(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 we(e) {
-  function i() {
-    var r;
-    return "builder-blocks" + ((r = e.blocks) != null && r.length ? "" : " no-blocks");
-  }
-  function s() {
-    var r, g;
-    E() && !((r = e.blocks) != null && r.length) && ((g = window.parent) == null || g.postMessage(
-      {
-        type: "builder.clickEmptyBlocks",
-        data: {
-          parentElementId: e.parent,
-          dataPath: e.path
-        }
-      },
-      "*"
-    ));
-  }
-  function S() {
-    var r, g;
-    E() && !((r = e.blocks) != null && r.length) && ((g = window.parent) == null || g.postMessage(
-      {
-        type: "builder.hoverEmptyBlocks",
-        data: {
-          parentElementId: e.parent,
-          dataPath: e.path
-        }
-      },
-      "*"
-    ));
-  }
-  return /* @__PURE__ */ I(w, { children: [
-    /* @__PURE__ */ a(
-      e.BlocksWrapper,
-      {
-        className: i() + " props-blocks-wrapper-7cd1560e",
-        "builder-path": e.path,
-        "builder-parent-id": e.parent,
-        style: e.styleProp,
-        onClick: (r) => s(),
-        onMouseEnter: (r) => S(),
-        onKeyPress: (r) => s(),
-        ...e.BlocksWrapperProps,
-        children: e.children
-      }
-    ),
-    /* @__PURE__ */ a("style", { children: `.props-blocks-wrapper-7cd1560e {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-}` })
-  ] });
-}
-function Ie(e) {
-  return /* @__PURE__ */ a("span", { children: e.children });
-}
-function Pe(e) {
-  var r, g, v, h, f, 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
-    !(d.match(/builder\.io/) || d.match(/cdn\.shopify\.com/)))
-      return e.srcset;
-    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(d);
-    } else if (e.image && !e.srcset)
-      return R(d);
-    return R(d);
-  }
-  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 m = {
-      position: "absolute",
-      height: "100%",
-      width: "100%",
-      left: "0px",
-      top: "0px"
-    };
-    return e.aspectRatio ? m : void 0;
-  }
-  return /* @__PURE__ */ I(w, { children: [
-    /* @__PURE__ */ I(w, { children: [
-      /* @__PURE__ */ I("picture", { children: [
-        s() ? /* @__PURE__ */ a("source", { type: "image/webp", srcSet: s() }) : null,
-        /* @__PURE__ */ a(
-          "img",
-          {
-            loading: e.highPriority ? "eager" : "lazy",
-            fetchPriority: e.highPriority ? "high" : "auto",
-            alt: e.altText,
-            role: e.altText ? void 0 : "presentation",
-            style: {
-              objectPosition: e.backgroundPosition || "center",
-              objectFit: e.backgroundSize || "cover",
-              ...S()
-            },
-            className: "builder-image" + (e.className ? " " + e.className : "") + " img-ac3dff4a",
-            src: e.image,
-            srcSet: i(),
-            sizes: e.sizes
-          }
-        )
-      ] }),
-      e.aspectRatio && !((g = (r = e.builderBlock) == null ? void 0 : r.children) != null && g.length && e.fitContent) ? /* @__PURE__ */ a(
-        "div",
-        {
-          className: "builder-image-sizer div-ac3dff4a",
-          style: {
-            paddingTop: e.aspectRatio * 100 + "%"
-          }
-        }
-      ) : null,
-      (h = (v = e.builderBlock) == null ? void 0 : v.children) != null && h.length && e.fitContent ? /* @__PURE__ */ a(w, { children: e.children }) : null,
-      !e.fitContent && ((o = (f = e.builderBlock) == null ? void 0 : f.children) != null && o.length) ? /* @__PURE__ */ a("div", { className: "div-ac3dff4a-2", children: e.children }) : null
-    ] }),
-    /* @__PURE__ */ a("style", { children: `.img-ac3dff4a {
-  opacity: 1;
-  transition: opacity 0.2s ease-in-out;
-}.div-ac3dff4a {
-  width: 100%;
-  pointer-events: none;
-  font-size: 0;
-}.div-ac3dff4a-2 {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}` })
-  ] });
-}
-function Re(e) {
-  return /* @__PURE__ */ a(
-    "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 Te(e) {
-  const i = T(null), [s, S] = C(() => []), [r, g] = C(() => []);
-  return b(() => {
-    var h;
-    if (!((h = i.current) != null && h.getElementsByTagName) || typeof window > "u")
-      return;
-    const v = i.current.getElementsByTagName("script");
-    for (let f = 0; f < v.length; f++) {
-      const o = v[f];
-      if (o.src) {
-        if (s.includes(o.src))
-          continue;
-        s.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 (r.includes(o.innerText))
-          continue;
-        try {
-          r.push(o.innerText), new Function(o.innerText)();
-        } catch (m) {
-          console.warn("`CustomCode`: Error running script:", m);
-        }
-      }
-    }
-  }, []), /* @__PURE__ */ a(
-    "div",
-    {
-      ref: i,
-      className: "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : ""),
-      dangerouslySetInnerHTML: { __html: e.code }
-    }
-  );
-}
-function Ne(e) {
-  const i = T(null), [s, S] = C(() => []), [r, g] = C(() => []), [v, h] = C(() => !1);
-  function f() {
-    if (!i.current || !i.current.getElementsByTagName)
-      return;
-    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(d.innerText), new Function(d.innerText)();
-        } catch (x) {
-          console.warn("`Embed`: Error running script:", x);
-        }
-    }
-  }
-  return b(() => {
-    i.current && !v && (h(!0), f());
-  }, [i.current, v]), /* @__PURE__ */ a(
-    "div",
-    {
-      className: "builder-embed",
-      ref: i,
-      dangerouslySetInnerHTML: { __html: e.content }
-    }
-  );
-}
-function Be(e) {
-  return /* @__PURE__ */ a(
-    "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 Le(e) {
-  var S, r, g, v, h, f, o;
-  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 {
-      ...i()
-    };
-  }
-  return /* @__PURE__ */ I(
-    "div",
-    {
-      style: {
-        position: "relative"
-      },
-      children: [
-        /* @__PURE__ */ a(
-          "video",
-          {
-            className: "builder-video",
-            ...s(),
-            preload: e.preload || "metadata",
-            style: {
-              width: "100%",
-              height: "100%",
-              ...(S = e.attributes) == null ? void 0 : S.style,
-              objectFit: e.fit,
-              objectPosition: e.position,
-              // Hack to get object fit to work as expected and
-              // not have the video overflow
-              zIndex: 2,
-              borderRadius: "1px",
-              ...e.aspectRatio ? {
-                position: "absolute"
-              } : null
-            },
-            src: e.video || "no-src",
-            poster: e.posterImage,
-            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__ */ a(
-          "div",
-          {
-            style: {
-              width: "100%",
-              paddingTop: e.aspectRatio * 100 + "%",
-              pointerEvents: "none",
-              fontSize: "0px"
-            }
-          }
-        ) : null,
-        (h = (v = e.builderBlock) == null ? void 0 : v.children) != null && h.length && e.fitContent ? /* @__PURE__ */ a(
-          "div",
-          {
-            style: {
-              display: "flex",
-              flexDirection: "column",
-              alignItems: "stretch"
-            },
-            children: e.children
-          }
-        ) : null,
-        (o = (f = e.builderBlock) == null ? void 0 : f.children) != null && o.length && !e.fitContent ? /* @__PURE__ */ a(
-          "div",
-          {
-            style: {
-              pointerEvents: "none",
-              display: "flex",
-              flexDirection: "column",
-              alignItems: "stretch",
-              position: "absolute",
-              top: "0",
-              left: "0",
-              width: "100%",
-              height: "100%"
-            },
-            children: e.children
-          }
-        ) : null
-      ]
-    }
-  );
-}
-const he = me({
-  content: null,
-  context: {},
-  localState: void 0,
-  rootSetState() {
-  },
-  rootState: {},
-  apiKey: null,
-  apiVersion: void 0,
-  componentInfos: {},
-  inheritedStyles: {},
-  BlocksWrapper: "div",
-  BlocksWrapperProps: {}
-});
-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 = (l = e.builderContextSignal).rootSetState) == null || c.call(l, t) : e.builderContextSignal.rootState = t;
-  }
-  function S(n) {
-    var l, c, u, y, k;
-    const t = {
-      ...e.builderContextSignal.content,
-      ...n,
-      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) || ((k = (y = e.builderContextSignal.content) == null ? void 0 : y.meta) == null ? void 0 : k.breakpoints)
-      }
-    };
-    ge({
-      value: t,
-      key: t.id
-    }).then(() => {
-      X.refresh();
-    });
-  }
-  function r() {
-    return e.showContent ? {} : {
-      hidden: !0,
-      "aria-hidden": !0
-    };
-  }
-  const [g, v] = C(
-    () => e.contentWrapper || "div"
-  );
-  function h(n) {
-    return ie({
-      model: e.model,
-      trustedHosts: e.trustedHosts,
-      callbacks: {
-        configureSdk: (t) => {
-          var u;
-          const { breakpoints: l, contentId: c } = t;
-          !c || c !== ((u = e.builderContextSignal.content) == null ? void 0 : u.id) || l && S({
-            meta: {
-              breakpoints: l
-            }
-          });
-        },
-        animation: (t) => {
-          ae(t);
-        },
-        contentUpdate: (t) => {
-          S(t);
-        }
-      }
-    })(n);
-  }
-  function f() {
-    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,
-      rootState: e.builderContextSignal.rootState,
-      rootSetState: e.builderContextSignal.rootSetState,
-      /**
-       * We don't want to cache the result of the JS code, since it's arbitrary side effect code.
-       */
-      enableCache: !1
-    });
-  }
-  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 = (l = e.builderContextSignal.content) == null ? void 0 : l.id;
-      D({
-        type: "click",
-        canTrack: V(e.canTrack),
-        contentId: u,
-        apiKey: e.apiKey,
-        variationId: c !== u ? c : void 0,
-        ...ce(n),
-        unique: !N
-      });
-    }
-    N || G(!0);
-  }
-  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 || d[c] || o[c] && !E())
-        return;
-      d[c] = !0;
-      const y = u.replace(
-        /{{([^}]+)}}/g,
-        (k, Y) => String(
-          U({
-            code: Y,
-            context: e.context || {},
-            localState: void 0,
-            rootState: e.builderContextSignal.rootState,
-            rootSetState: e.builderContextSignal.rootSetState,
-            enableCache: !0
-          })
-        )
-      );
-      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(() => {
-        d[c] = !1;
-      });
-    });
-  }
-  function P() {
-    E() && window.dispatchEvent(
-      new CustomEvent(
-        "builder:component:stateChange",
-        {
-          detail: {
-            state: le(e.builderContextSignal.rootState),
-            ref: {
-              name: e.model
-            }
-          }
-        }
-      )
-    );
-  }
-  function L(n) {
-    window.addEventListener("message", h), oe(), de({
-      ...e.locale ? {
-        locale: e.locale
-      } : {},
-      ...e.enrich ? {
-        enrich: e.enrich
-      } : {},
-      ...e.trustedHosts ? {
-        trustedHosts: e.trustedHosts
-      } : {}
-    }), Object.values(
-      e.builderContextSignal.componentInfos
-    ).forEach((t) => {
-      var c;
-      const l = se(t);
-      (c = window.parent) == null || c.postMessage(l, "*");
-    }), window.addEventListener(
-      "builder:component:stateChangeListenerActivated",
-      P
-    );
-  }
-  function j(n) {
-    const t = new URL(location.href).searchParams, l = t.get("builder.preview"), c = t.get(
-      `builder.overrides.${l}`
-    ), u = t.get("apiKey") || t.get("builder.space");
-    l === e.model && u === e.apiKey && (!e.content || c === e.content.id) && ue({
-      model: e.model,
-      apiKey: e.apiKey,
-      apiVersion: e.builderContextSignal.apiVersion
-    }).then((y) => {
-      y && S(y);
-    });
-  }
-  const X = fe();
-  return b(() => {
-    var n;
-    return (n = i.current) == null || n.addEventListener(
-      "initeditingbldr",
-      L
-    ), () => {
-      var t;
-      return (t = i.current) == null ? void 0 : t.removeEventListener(
-        "initeditingbldr",
-        L
-      );
-    };
-  }, []), b(() => {
-    var n;
-    return (n = i.current) == null || n.addEventListener(
-      "initpreviewingbldr",
-      j
-    ), () => {
-      var t;
-      return (t = i.current) == null ? void 0 : t.removeEventListener(
-        "initpreviewingbldr",
-        j
-      );
-    };
-  }, []), b(() => {
-    var n, t;
-    if (_()) {
-      if (E() && 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: y,
-          variationId: c !== u ? c : void 0
-        });
-      }
-      ee() && E();
-    }
-  }, []), b(() => {
-    e.apiKey || te.error(
-      "No API key provided to `Content` component. This can cause issues. Please provide an API key using the `apiKey` prop."
-    ), f(), B(), P();
-  }, []), b(() => {
-  }, [e.content]), b(() => {
-    f();
-  }, [(K = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : K.jsCode]), b(() => {
-    B();
-  }, [(F = (A = e.builderContextSignal.content) == null ? void 0 : A.data) == null ? void 0 : F.httpRequests]), b(() => {
-    P();
-  }, [e.builderContextSignal.rootState]), b(() => {
-    e.data && s(e.data);
-  }, [e.data]), b(() => {
-    e.locale && s({
-      locale: e.locale
-    });
-  }, [e.locale]), b(() => () => {
-    _() && (window.removeEventListener("message", h), window.removeEventListener(
-      "builder:component:stateChangeListenerActivated",
-      P
-    ));
-  }, []), /* @__PURE__ */ a(he.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ a(
-    g,
-    {
-      ref: i,
-      onClick: (n) => Q(n),
-      "builder-content-id": (z = e.builderContextSignal.content) == null ? void 0 : z.id,
-      "builder-model": e.model,
-      ...r(),
-      ...e.contentWrapperProps,
-      className: ne(
-        ((M = e.content) == null ? void 0 : M.testVariationId) || ((q = e.content) == null ? void 0 : q.id)
-      ),
-      children: e.children
-    }
-  ) : null });
-}
-export {
-  Ce as B,
-  Te as C,
-  J as D,
-  Ne as E,
-  Ie as F,
-  Ee as I,
-  Re as S,
-  Le as V,
-  we as a,
-  Be as b,
-  ke as c,
-  Pe as d,
-  je as e,
-  he as f
-};