@builder.io/sdk-react-nextjs 0.12.1 → 0.12.3

package/lib/edge/USE_CLIENT_BUNDLE-a3258a60.js

@@ -0,0 +1,713 @@
+"use client";
+import { jsx as t, Fragment as s, jsxs as E } from "react/jsx-runtime";
+import { i as Y, g as U, a as O, b as w, c as R, d as Z, e as P, f as H, _ as V, h as p, l as ee, j as te, k as D, m as ne, n as ie, r as ae, s as ce, o as re, p as le, q as oe } from "./bundle-cb191300.js";
+import { useRef as T, useState as x, useEffect as f, createContext as de, createElement as se } from "react";
+import { p as ue } from "./USE_SERVER_BUNDLE-4e9af8f5.js";
+import { useRouter as me } from "next/navigation";
+function ke(e) {
+  return /* @__PURE__ */ t(s, { children: e.link ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(
+    "a",
+    {
+      ...e.attributes,
+      href: e.link,
+      target: e.openLinkInNewTab ? "_blank" : void 0,
+      role: "button",
+      children: e.text
+    }
+  ) }) : /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(
+    "button",
+    {
+      role: "button",
+      ...e.attributes,
+      className: `builder-button ${e.attributes.className}`,
+      style: e.attributes.style,
+      children: e.text
+    }
+  ) }) });
+}
+function ge(e) {
+  return /* @__PURE__ */ t(s, { children: Y(e.TagName) ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(e.TagName, { ...e.attributes, ...e.actionAttributes }) }) : /* @__PURE__ */ t(s, { children: typeof e.TagName == "string" ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) : /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(e.TagName, { ...e.attributes, ...e.actionAttributes, children: e.children }) }) }) });
+}
+function Ce(e) {
+  return /* @__PURE__ */ t(
+    ge,
+    {
+      TagName: e.Wrapper,
+      attributes: U({
+        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 we(e) {
+  return /* @__PURE__ */ t(
+    e.Wrapper,
+    {
+      ...e.wrapperProps,
+      attributes: e.includeBlockProps ? {
+        ...U({
+          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
+        })
+      } : {},
+      children: e.children
+    }
+  );
+}
+function Ee(e) {
+  function c() {
+    var l;
+    return "builder-blocks" + ((l = e.blocks) != null && l.length ? "" : " no-blocks");
+  }
+  function u() {
+    var l, m;
+    w() && !((l = e.blocks) != null && l.length) && ((m = window.parent) == null || m.postMessage(
+      {
+        type: "builder.clickEmptyBlocks",
+        data: {
+          parentElementId: e.parent,
+          dataPath: e.path
+        }
+      },
+      "*"
+    ));
+  }
+  function v() {
+    var l, m;
+    w() && !((l = e.blocks) != null && l.length) && ((m = window.parent) == null || m.postMessage(
+      {
+        type: "builder.hoverEmptyBlocks",
+        data: {
+          parentElementId: e.parent,
+          dataPath: e.path
+        }
+      },
+      "*"
+    ));
+  }
+  return /* @__PURE__ */ E(s, { children: [
+    /* @__PURE__ */ t(
+      e.BlocksWrapper,
+      {
+        className: c() + " props-blocks-wrapper-4f2c12d8",
+        "builder-path": e.path,
+        "builder-parent-id": e.parent,
+        style: e.styleProp,
+        onClick: (l) => u(),
+        onMouseEnter: (l) => v(),
+        onKeyPress: (l) => u(),
+        ...e.BlocksWrapperProps,
+        children: e.children
+      }
+    ),
+    /* @__PURE__ */ t("style", { children: `.props-blocks-wrapper-4f2c12d8 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}` })
+  ] });
+}
+function Ie(e) {
+  return /* @__PURE__ */ t("span", { children: e.children });
+}
+function Re(e) {
+  var l, m, S, y;
+  function c() {
+    var g;
+    const o = e.image || e.src;
+    if (!o || // We can auto add srcset for cdn.builder.io and shopify
+    // images, otherwise you can supply this prop manually
+    !(o.match(/builder\.io/) || o.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(o);
+    } else if (e.image && !e.srcset)
+      return R(o);
+    return R(o);
+  }
+  function u() {
+    var b;
+    return (b = c == null ? void 0 : c()) != null && b.match(/builder\.io/) && !e.noWebp ? c().replace(/\?/g, "?format=webp&") : "";
+  }
+  function v() {
+    const b = {
+      position: "absolute",
+      height: "100%",
+      width: "100%",
+      left: "0px",
+      top: "0px"
+    };
+    return e.aspectRatio ? b : void 0;
+  }
+  return /* @__PURE__ */ E(s, { children: [
+    /* @__PURE__ */ E(s, { children: [
+      /* @__PURE__ */ E("picture", { children: [
+        u() ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t("source", { type: "image/webp", srcSet: u() }) }) : null,
+        /* @__PURE__ */ t(
+          "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-40c70c9b",
+            src: e.image,
+            srcSet: c(),
+            sizes: e.sizes
+          }
+        )
+      ] }),
+      e.aspectRatio && !((m = (l = e.builderBlock) == null ? void 0 : l.children) != null && m.length && e.fitContent) ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(
+        "div",
+        {
+          className: "builder-image-sizer div-40c70c9b",
+          style: {
+            paddingTop: e.aspectRatio * 100 + "%"
+          }
+        }
+      ) }) : null,
+      (y = (S = e.builderBlock) == null ? void 0 : S.children) != null && y.length && e.fitContent ? /* @__PURE__ */ t(s, { children: e.children }) : null,
+      !e.fitContent && e.children ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t("div", { className: "div-40c70c9b-2", children: e.children }) }) : null
+    ] }),
+    /* @__PURE__ */ t("style", { children: `.img-40c70c9b {
+  opacity: 1;
+  transition: opacity 0.2s ease-in-out;
+}.div-40c70c9b {
+  width: 100%;
+  pointer-events: none;
+  font-size: 0;
+}.div-40c70c9b-2 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}` })
+  ] });
+}
+function Pe(e) {
+  return /* @__PURE__ */ t(
+    "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 c = T(null), [u, v] = x(() => []), [l, m] = x(() => []);
+  return f(() => {
+    var y;
+    if (!((y = c.current) != null && y.getElementsByTagName) || typeof window > "u")
+      return;
+    const S = c.current.getElementsByTagName("script");
+    for (let b = 0; b < S.length; b++) {
+      const o = S[b];
+      if (o.src) {
+        if (u.includes(o.src))
+          continue;
+        u.push(o.src);
+        const g = document.createElement("script");
+        g.async = !0, g.src = o.src, document.head.appendChild(g);
+      } else if (!o.type || [
+        "text/javascript",
+        "application/javascript",
+        "application/ecmascript"
+      ].includes(o.type)) {
+        if (l.includes(o.innerText))
+          continue;
+        try {
+          l.push(o.innerText), new Function(o.innerText)();
+        } catch (g) {
+          console.warn("`CustomCode`: Error running script:", g);
+        }
+      }
+    }
+  }, []), /* @__PURE__ */ t(
+    "div",
+    {
+      ref: c,
+      className: "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : ""),
+      dangerouslySetInnerHTML: { __html: e.code }
+    }
+  );
+}
+function Ne(e) {
+  const c = T(null), [u, v] = x(() => []), [l, m] = x(() => []), [S, y] = x(() => !1);
+  function b() {
+    if (!c.current || !c.current.getElementsByTagName)
+      return;
+    const o = c.current.getElementsByTagName("script");
+    for (let g = 0; g < o.length; g++) {
+      const k = o[g];
+      if (k.src && !u.includes(k.src)) {
+        u.push(k.src);
+        const C = document.createElement("script");
+        C.async = !0, C.src = k.src, document.head.appendChild(C);
+      } else if (Z(k) && !l.includes(k.innerText))
+        try {
+          l.push(k.innerText), new Function(k.innerText)();
+        } catch (C) {
+          console.warn("`Embed`: Error running script:", C);
+        }
+    }
+  }
+  return f(() => {
+    c.current && !S && (y(!0), b());
+  }, [c.current, S]), /* @__PURE__ */ t(
+    "div",
+    {
+      className: "builder-embed",
+      ref: c,
+      dangerouslySetInnerHTML: { __html: e.content }
+    }
+  );
+}
+function Be(e) {
+  return /* @__PURE__ */ t(
+    "img",
+    {
+      style: {
+        objectFit: e.backgroundSize || "cover",
+        objectPosition: e.backgroundPosition || "center"
+      },
+      alt: e.altText,
+      src: e.imgSrc || e.image,
+      ...e.attributes
+    },
+    w() && e.imgSrc || "default-key"
+  );
+}
+function Le(e) {
+  var v, l, m, S, y, b, o;
+  function c() {
+    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 u() {
+    return {
+      ...c()
+    };
+  }
+  return /* @__PURE__ */ E(
+    "div",
+    {
+      style: {
+        position: "relative"
+      },
+      children: [
+        /* @__PURE__ */ t(
+          "video",
+          {
+            className: "builder-video",
+            ...u(),
+            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
+              zIndex: 2,
+              borderRadius: "1px",
+              ...e.aspectRatio ? {
+                position: "absolute"
+              } : null
+            },
+            src: e.video || "no-src",
+            poster: e.posterImage,
+            children: e.lazyLoad ? null : /* @__PURE__ */ t("source", { type: "video/mp4", src: e.video })
+          }
+        ),
+        e.aspectRatio && !(e.fitContent && ((m = (l = e.builderBlock) == null ? void 0 : l.children) != null && m.length)) ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(
+          "div",
+          {
+            style: {
+              width: "100%",
+              paddingTop: e.aspectRatio * 100 + "%",
+              pointerEvents: "none",
+              fontSize: "0px"
+            }
+          }
+        ) }) : null,
+        (y = (S = e.builderBlock) == null ? void 0 : S.children) != null && y.length && e.fitContent ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "stretch"
+            },
+            children: e.children
+          }
+        ) }) : null,
+        (o = (b = e.builderBlock) == null ? void 0 : b.children) != null && o.length && !e.fitContent ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(
+          "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 = de({
+  content: null,
+  context: {},
+  localState: void 0,
+  rootSetState() {
+  },
+  rootState: {},
+  apiKey: null,
+  apiVersion: void 0,
+  componentInfos: {},
+  inheritedStyles: {},
+  BlocksWrapper: "div",
+  BlocksWrapperProps: {}
+});
+function je(e) {
+  var W, F, K, z, A, M, _;
+  const c = T(null), [u, v] = x(() => 0);
+  x(() => !0);
+  function l(n) {
+    var a, r;
+    const i = {
+      ...e.builderContextSignal.rootState,
+      ...n
+    };
+    e.builderContextSignal.rootSetState ? (r = (a = e.builderContextSignal).rootSetState) == null || r.call(a, i) : e.builderContextSignal.rootState = i;
+  }
+  function m(n) {
+    var a, r, d, h, q;
+    const i = {
+      ...e.builderContextSignal.content,
+      ...n,
+      data: {
+        ...(a = e.builderContextSignal.content) == null ? void 0 : a.data,
+        ...n == null ? void 0 : n.data
+      },
+      meta: {
+        ...(r = e.builderContextSignal.content) == null ? void 0 : r.meta,
+        ...n == null ? void 0 : n.meta,
+        breakpoints: ((d = n == null ? void 0 : n.meta) == null ? void 0 : d.breakpoints) || ((q = (h = e.builderContextSignal.content) == null ? void 0 : h.meta) == null ? void 0 : q.breakpoints)
+      }
+    };
+    ue({
+      value: i,
+      key: i.id
+    }).then(() => {
+      X.refresh();
+    });
+  }
+  x(() => 0);
+  const [S, y] = x(
+    () => !1
+  ), [b, o] = x(
+    () => e.contentWrapper || "div"
+  );
+  function g(n) {
+    var a;
+    if (!te(e.trustedHosts, n))
+      return;
+    const { data: i } = n;
+    if (i)
+      switch (i.type) {
+        case "builder.configureSdk": {
+          const r = i.data, { breakpoints: d, contentId: h } = r;
+          if (!h || h !== ((a = e.builderContextSignal.content) == null ? void 0 : a.id))
+            return;
+          d && m({
+            meta: {
+              breakpoints: d
+            }
+          }), v(u + 1);
+          break;
+        }
+        case "builder.contentUpdate": {
+          const r = i.data, d = r.key || r.alias || r.entry || r.modelName, h = r.data;
+          d === e.model && (m(h), v(u + 1));
+          break;
+        }
+      }
+  }
+  function k() {
+    var i, a;
+    const n = (a = (i = e.builderContextSignal.content) == null ? void 0 : i.data) == null ? void 0 : a.jsCode;
+    n && D({
+      code: n,
+      context: e.context || {},
+      localState: void 0,
+      rootState: e.builderContextSignal.rootState,
+      rootSetState: e.builderContextSignal.rootSetState
+    });
+  }
+  const [C, be] = x(() => ({})), [N, $] = x(() => !1);
+  function J(n) {
+    var i, a;
+    if (e.builderContextSignal.content) {
+      const r = (i = e.builderContextSignal.content) == null ? void 0 : i.testVariationId, d = (a = e.builderContextSignal.content) == null ? void 0 : a.id;
+      V({
+        type: "click",
+        canTrack: H(e.canTrack),
+        contentId: d,
+        apiKey: e.apiKey,
+        variationId: r !== d ? r : void 0,
+        ...ne(n),
+        unique: !N
+      });
+    }
+    N || $(!0);
+  }
+  function G(n) {
+    return n.replace(
+      /{{([^}]+)}}/g,
+      (i, a) => D({
+        code: a,
+        context: e.context || {},
+        localState: void 0,
+        rootState: e.builderContextSignal.rootState,
+        rootSetState: e.builderContextSignal.rootSetState
+      })
+    );
+  }
+  function Q({ url: n, key: i }) {
+    oe(n).then((a) => a.json()).then((a) => {
+      var d, h;
+      const r = {
+        ...e.builderContextSignal.rootState,
+        [i]: a
+      };
+      (h = (d = e.builderContextSignal).rootSetState) == null || h.call(d, r), C[i] = !0;
+    }).catch((a) => {
+      console.error("error fetching dynamic data", n, a);
+    });
+  }
+  function B() {
+    var i, a;
+    const n = ((a = (i = e.builderContextSignal.content) == null ? void 0 : i.data) == null ? void 0 : a.httpRequests) ?? {};
+    Object.entries(n).forEach(([r, d]) => {
+      if (d && (!C[r] || w())) {
+        const h = G(d);
+        Q({
+          url: h,
+          key: r
+        });
+      }
+    });
+  }
+  function I() {
+    w() && window.dispatchEvent(
+      new CustomEvent(
+        "builder:component:stateChange",
+        {
+          detail: {
+            state: ie(e.builderContextSignal.rootState),
+            ref: {
+              name: e.model
+            }
+          }
+        }
+      )
+    );
+  }
+  function L(n) {
+    v(u + 1), window.addEventListener("message", g), ae(), ce({
+      ...e.locale ? {
+        locale: e.locale
+      } : {},
+      ...e.includeRefs ? {
+        includeRefs: e.includeRefs
+      } : {},
+      ...e.enrich ? {
+        enrich: e.enrich
+      } : {},
+      ...e.trustedHosts ? {
+        trustedHosts: e.trustedHosts
+      } : {}
+    }), Object.values(
+      e.builderContextSignal.componentInfos
+    ).forEach((i) => {
+      var r;
+      const a = re(i);
+      (r = window.parent) == null || r.postMessage(a, "*");
+    }), window.addEventListener(
+      "builder:component:stateChangeListenerActivated",
+      I
+    );
+  }
+  function j(n) {
+    const i = new URL(location.href).searchParams, a = i.get("builder.preview"), r = i.get(
+      `builder.preview.${a}`
+    ), d = i.get("apiKey") || i.get("builder.space");
+    a === e.model && d === e.apiKey && (!e.content || r === e.content.id) && le({
+      model: e.model,
+      apiKey: e.apiKey,
+      apiVersion: e.builderContextSignal.apiVersion
+    }).then((h) => {
+      h && m(h);
+    });
+  }
+  const X = me();
+  return f(() => {
+    var n;
+    return (n = c.current) == null || n.addEventListener(
+      "initeditingbldr",
+      L
+    ), () => {
+      var i;
+      return (i = c.current) == null ? void 0 : i.removeEventListener(
+        "initeditingbldr",
+        L
+      );
+    };
+  }, []), f(() => {
+    var n;
+    return (n = c.current) == null || n.addEventListener(
+      "initpreviewingbldr",
+      j
+    ), () => {
+      var i;
+      return (i = c.current) == null ? void 0 : i.removeEventListener(
+        "initpreviewingbldr",
+        j
+      );
+    };
+  }, []), f(() => {
+    var n, i;
+    if (P()) {
+      if (w() && c.current && c.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && H(e.canTrack)) {
+        const r = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, d = (i = e.builderContextSignal.content) == null ? void 0 : i.id, h = e.apiKey;
+        V({
+          type: "impression",
+          canTrack: !0,
+          contentId: d,
+          apiKey: h,
+          variationId: r !== d ? r : void 0
+        });
+      }
+      p() && c.current;
+    }
+  }, []), f(() => {
+    e.apiKey || ee.error(
+      "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
+    ), k(), B(), I();
+  }, []), f(() => {
+  }, [e.content]), f(() => {
+    P() && (window.removeEventListener("message", g), window.addEventListener("message", g));
+  }, [S]), f(() => {
+    k();
+  }, [
+    (F = (W = e.builderContextSignal.content) == null ? void 0 : W.data) == null ? void 0 : F.jsCode,
+    e.builderContextSignal.rootState
+  ]), f(() => {
+    B();
+  }, [(z = (K = e.builderContextSignal.content) == null ? void 0 : K.data) == null ? void 0 : z.httpRequests]), f(() => {
+    I();
+  }, [e.builderContextSignal.rootState]), f(() => {
+    e.data && l(e.data);
+  }, [e.data]), f(() => {
+    e.locale && l({
+      locale: e.locale
+    });
+  }, [e.locale]), f(() => () => {
+    P() && (window.removeEventListener("message", g), window.removeEventListener(
+      "builder:component:stateChangeListenerActivated",
+      I
+    ));
+  }, []), /* @__PURE__ */ t(he.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ se(
+    b,
+    {
+      key: u,
+      ref: c,
+      onClick: (n) => J(n),
+      "builder-content-id": (A = e.builderContextSignal.content) == null ? void 0 : A.id,
+      "builder-model": e.model,
+      ...e.showContent ? {} : {
+        hidden: !0,
+        "aria-hidden": !0
+      },
+      ...e.contentWrapperProps,
+      className: `variant-${((M = e.content) == null ? void 0 : M.testVariationId) || ((_ = e.content) == null ? void 0 : _.id)}`
+    },
+    e.children
+  ) }) : null });
+}
+export {
+  Ce as B,
+  Te as C,
+  Ne as E,
+  Ie as F,
+  we as I,
+  Pe as S,
+  Le as V,
+  Ee as a,
+  ke as b,
+  Re as c,
+  Be as d,
+  je as e
+};

package/lib/{node/USE_SERVER_BUNDLE-33c309df.js → edge/USE_SERVER_BUNDLE-4e9af8f5.js}

@@ -1,5 +1,5 @@
 "use server";
-import { p as s } from "./bundle-217b5738.js";
+import { t as s } from "./bundle-cb191300.js";
 async function n({
   key: t,
   value: r