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

package/lib/node/USE_CLIENT_BUNDLE-e041d92c.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-7ebcd79e.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-1634816a.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_SERVER_BUNDLE-e5c2279a.mjs → node/USE_SERVER_BUNDLE-1634816a.mjs}

@@ -1,5 +1,5 @@
 "use server";
-import { p as s } from "./bundle-7285a09d.mjs";
+import { p as s } from "./bundle-7ebcd79e.mjs";
 async function n({
   key: t,
   value: r

package/lib/{browser/USE_SERVER_BUNDLE-d7b13097.js → node/USE_SERVER_BUNDLE-8c1ae1f0.js}

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