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

package/lib/browser/USE_CLIENT_BUNDLE-f8df6014.mjs

@@ -1,620 +0,0 @@
-"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-6ca5e123.mjs";
-import { useRef as j, useState as S, useEffect as y, createContext as te } from "react";
-import { p as ne } from "./USE_SERVER_BUNDLE-a9a2d553.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_SERVER_BUNDLE-a9a2d553.mjs

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