@builder.io/sdk-react-nextjs 0.7.3 → 0.7.5

package/lib/node/USE_CLIENT_BUNDLE-b63c2d8e.js

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

package/lib/{browser/USE_SERVER_BUNDLE-a299f76e.js → node/USE_SERVER_BUNDLE-643288fc.js}

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

package/lib/{browser/USE_SERVER_BUNDLE-f71d2896.cjs → node/USE_SERVER_BUNDLE-d645bd91.cjs}

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