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

package/lib/node/USE_CLIENT_BUNDLE-d9e90ed7.mjs

@@ -0,0 +1,747 @@
+"use client";
+import { jsxs as w, Fragment as S, jsx as a } from "react/jsx-runtime";
+import * as H from "isolated-vm";
+import { g as Y, a as _, b as L, i as R, c as j, d as Q, e as N, f as $, _ as D, h as Z, l as p, j as O, k as ee, m as te, r as ne, s as ie, n as ce, o as ae, p as oe } from "./bundle-0358b224.mjs";
+import { useRef as B, useState as E, useEffect as v, createContext as re, createElement as le } from "react";
+import { p as se } from "./USE_SERVER_BUNDLE-22e86776.mjs";
+import { useRouter as de } from "next/navigation";
+function xe(e) {
+  return /* @__PURE__ */ w(S, { children: [
+    e.link ? /* @__PURE__ */ a(S, { children: /* @__PURE__ */ a(
+      "a",
+      {
+        role: "button",
+        ...e.attributes,
+        href: e.link,
+        target: e.openLinkInNewTab ? "_blank" : void 0,
+        children: e.text
+      }
+    ) }) : /* @__PURE__ */ a(S, { children: /* @__PURE__ */ a(
+      "button",
+      {
+        ...e.attributes,
+        style: e.attributes.style,
+        className: e.attributes.className + " button-35669e6c",
+        children: e.text
+      }
+    ) }),
+    /* @__PURE__ */ a("style", { children: `.button-35669e6c {
+  all: unset;
+}` })
+  ] });
+}
+const J = (e) => `bldr_${e}_sync`, G = "BUILDER_SET_STATE", ue = `
+var refToProxy = (obj) => {
+  if (typeof obj !== 'object' || obj === null) {
+    return obj;
+  }
+  return new Proxy({}, {
+    get(target, key) {
+        if (key === 'copySync') {
+          return () => obj.copySync();
+        }
+        const val = obj.getSync(key);
+        if (typeof val?.getSync === 'function') {
+            return refToProxy(val);
+        }
+        return val;
+    },
+    set(target, key, value) {
+        obj.setSync(key, value);
+        ${G}(obj.copySync())
+    },
+    deleteProperty(target, key) {
+        obj.deleteSync(key);
+    }
+  })
+}
+`, me = ({
+  code: e,
+  args: i
+}) => {
+  const s = i.map(([m]) => `var ${m} = refToProxy(${J(m)}); `).join("");
+  return `
+${ue}
+${s}
+function theFunction() {
+  ${e}
+}
+
+const output = theFunction()
+
+if (typeof output === 'object' && output !== null) {
+  JSON.stringify(output.copySync ? output.copySync() : output);
+}
+output;
+`;
+}, ge = () => new H.Isolate({
+  memoryLimit: 128
+}).createContextSync(), ke = ({
+  code: e,
+  builder: i,
+  context: s,
+  event: m,
+  localState: o,
+  rootSetState: b,
+  rootState: x
+}) => {
+  const h = {
+    ...x,
+    ...o
+  }, g = Y({
+    builder: i,
+    context: s,
+    event: m,
+    state: h
+  }), r = ge(), u = r.global;
+  u.setSync("global", u.derefInto()), u.setSync("log", function(...C) {
+    console.log(...C);
+  }), u.setSync(G, function(C) {
+    b && b(C);
+  }), g.forEach(([C, I]) => {
+    const T = typeof I == "object" ? new H.Reference(
+      // workaround: methods with default values for arguments is not being cloned over
+      C === "builder" ? {
+        ...I,
+        getUserAttributes: () => I.getUserAttributes()
+      } : I
+    ) : null;
+    u.setSync(J(C), T);
+  });
+  const y = me({
+    code: e,
+    args: g
+  }), k = r.evalSync(y);
+  try {
+    return JSON.parse(k);
+  } catch {
+    return k;
+  }
+};
+function Ce(e) {
+  return /* @__PURE__ */ a(
+    e.Wrapper,
+    {
+      ...e.wrapperProps,
+      attributes: {
+        ..._({
+          block: e.block,
+          context: e.context
+        }),
+        ...L({
+          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) {
+  return /* @__PURE__ */ w(S, { children: [
+    " ",
+    e.hasChildren ? /* @__PURE__ */ a(S, { children: /* @__PURE__ */ w(
+      e.Wrapper,
+      {
+        ..._({
+          block: e.block,
+          context: e.context
+        }),
+        ...L({
+          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__ */ a(S, { children: /* @__PURE__ */ a(
+      e.Wrapper,
+      {
+        ..._({
+          block: e.block,
+          context: e.context
+        }),
+        ...L({
+          block: e.block,
+          rootState: e.context.rootState,
+          rootSetState: e.context.rootSetState,
+          localState: e.context.localState,
+          context: e.context.context,
+          stripPrefix: !0
+        })
+      }
+    ) }),
+    " "
+  ] });
+}
+function we(e) {
+  function i() {
+    var o;
+    return "builder-blocks" + ((o = e.blocks) != null && o.length ? "" : " no-blocks");
+  }
+  function s() {
+    var o, b;
+    R() && !((o = e.blocks) != null && o.length) && ((b = window.parent) == null || b.postMessage(
+      {
+        type: "builder.clickEmptyBlocks",
+        data: {
+          parentElementId: e.parent,
+          dataPath: e.path
+        }
+      },
+      "*"
+    ));
+  }
+  function m() {
+    var o, b;
+    R() && !((o = e.blocks) != null && o.length) && ((b = window.parent) == null || b.postMessage(
+      {
+        type: "builder.hoverEmptyBlocks",
+        data: {
+          parentElementId: e.parent,
+          dataPath: e.path
+        }
+      },
+      "*"
+    ));
+  }
+  return /* @__PURE__ */ w(S, { children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: i() + " div-02c7a115",
+        "builder-path": e.path,
+        "builder-parent-id": e.parent,
+        style: e.styleProp,
+        onClick: (o) => s(),
+        onMouseEnter: (o) => m(),
+        onKeyPress: (o) => s(),
+        children: e.children
+      }
+    ),
+    /* @__PURE__ */ a("style", { children: `.div-02c7a115 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}` })
+  ] });
+}
+function Ie(e) {
+  return /* @__PURE__ */ a("span", { children: e.children });
+}
+function Re(e) {
+  var o, b, x, h;
+  function i() {
+    var u;
+    const r = e.image || e.src;
+    if (!r || // We can auto add srcset for cdn.builder.io and shopify
+    // images, otherwise you can supply this prop manually
+    !(r.match(/builder\.io/) || r.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"), j(r);
+    } else if (e.image && !e.srcset)
+      return j(r);
+    return j(r);
+  }
+  function s() {
+    var g;
+    return (g = i == null ? void 0 : i()) != null && g.match(/builder\.io/) && !e.noWebp ? i().replace(/\?/g, "?format=webp&") : "";
+  }
+  function m() {
+    const g = {
+      position: "absolute",
+      height: "100%",
+      width: "100%",
+      left: "0px",
+      top: "0px"
+    };
+    return e.aspectRatio ? g : void 0;
+  }
+  return /* @__PURE__ */ w(S, { children: [
+    /* @__PURE__ */ w(S, { children: [
+      /* @__PURE__ */ w("picture", { children: [
+        s() ? /* @__PURE__ */ a(S, { children: /* @__PURE__ */ a("source", { type: "image/webp", srcSet: s() }) }) : null,
+        /* @__PURE__ */ a(
+          "img",
+          {
+            loading: "lazy",
+            alt: e.altText,
+            role: e.altText ? "presentation" : void 0,
+            style: {
+              objectPosition: e.backgroundPosition || "center",
+              objectFit: e.backgroundSize || "cover",
+              ...m()
+            },
+            className: "builder-image" + (e.className ? " " + e.className : "") + " img-497e0136",
+            src: e.image,
+            srcSet: i(),
+            sizes: e.sizes
+          }
+        )
+      ] }),
+      e.aspectRatio && !((b = (o = e.builderBlock) == null ? void 0 : o.children) != null && b.length && e.fitContent) ? /* @__PURE__ */ a(S, { children: /* @__PURE__ */ a(
+        "div",
+        {
+          className: "builder-image-sizer div-497e0136",
+          style: {
+            paddingTop: e.aspectRatio * 100 + "%"
+          }
+        }
+      ) }) : null,
+      (h = (x = e.builderBlock) == null ? void 0 : x.children) != null && h.length && e.fitContent ? /* @__PURE__ */ a(S, { children: e.children }) : null,
+      !e.fitContent && e.children ? /* @__PURE__ */ a(S, { children: /* @__PURE__ */ a("div", { className: "div-497e0136-2", children: e.children }) }) : null
+    ] }),
+    /* @__PURE__ */ a("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 Pe(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) {
+  var m;
+  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__ */ a(
+    "video",
+    {
+      ...s(),
+      preload: e.preload || "metadata",
+      style: {
+        width: "100%",
+        height: "100%",
+        ...(m = e.attributes) == null ? void 0 : m.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 je(e) {
+  const i = B(null), [s, m] = E(() => []), [o, b] = E(() => []), [x, h] = E(() => !1);
+  function g() {
+    if (!i.current || !i.current.getElementsByTagName)
+      return;
+    const r = i.current.getElementsByTagName("script");
+    for (let u = 0; u < r.length; u++) {
+      const y = r[u];
+      if (y.src && !s.includes(y.src)) {
+        s.push(y.src);
+        const k = document.createElement("script");
+        k.async = !0, k.src = y.src, document.head.appendChild(k);
+      } else if (Q(y) && !o.includes(y.innerText))
+        try {
+          o.push(y.innerText), new Function(y.innerText)();
+        } catch (k) {
+          console.warn("`Embed`: Error running script:", k);
+        }
+    }
+  }
+  return v(() => {
+    i.current && !x && (h(!0), g());
+  }, [i.current, x]), /* @__PURE__ */ a(
+    "div",
+    {
+      className: "builder-embed",
+      ref: i,
+      dangerouslySetInnerHTML: { __html: e.content }
+    }
+  );
+}
+function Ne(e) {
+  return /* @__PURE__ */ a(
+    "img",
+    {
+      style: {
+        objectFit: e.backgroundSize || "cover",
+        objectPosition: e.backgroundPosition || "center"
+      },
+      alt: e.altText,
+      src: e.imgSrc || e.image,
+      ...e.attributes
+    },
+    R() && e.imgSrc || "default-key"
+  );
+}
+function _e(e) {
+  const i = B(null), [s, m] = E(() => []), [o, b] = E(() => []);
+  return v(() => {
+    var h;
+    if (!((h = i.current) != null && h.getElementsByTagName) || typeof window > "u")
+      return;
+    const x = i.current.getElementsByTagName("script");
+    for (let g = 0; g < x.length; g++) {
+      const r = x[g];
+      if (r.src) {
+        if (s.includes(r.src))
+          continue;
+        s.push(r.src);
+        const u = document.createElement("script");
+        u.async = !0, u.src = r.src, document.head.appendChild(u);
+      } else if (!r.type || [
+        "text/javascript",
+        "application/javascript",
+        "application/ecmascript"
+      ].includes(r.type)) {
+        if (o.includes(r.innerText))
+          continue;
+        try {
+          o.push(r.innerText), new Function(r.innerText)();
+        } catch (u) {
+          console.warn("`CustomCode`: Error running script:", u);
+        }
+      }
+    }
+  }, []), /* @__PURE__ */ a(
+    "div",
+    {
+      ref: i,
+      className: "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : ""),
+      dangerouslySetInnerHTML: { __html: e.code }
+    }
+  );
+}
+const fe = re({
+  content: null,
+  context: {},
+  localState: void 0,
+  rootSetState() {
+  },
+  rootState: {},
+  apiKey: null,
+  apiVersion: void 0,
+  componentInfos: {},
+  inheritedStyles: {}
+});
+function Le(e) {
+  var M, U, V, q, z;
+  const i = B(null), [s, m] = E(() => 0);
+  function o(t) {
+    var c, l, d, f, W;
+    const n = {
+      ...e.builderContextSignal.content,
+      ...t,
+      data: {
+        ...(c = e.builderContextSignal.content) == null ? void 0 : c.data,
+        ...t == null ? void 0 : t.data
+      },
+      meta: {
+        ...(l = e.builderContextSignal.content) == null ? void 0 : l.meta,
+        ...t == null ? void 0 : t.meta,
+        breakpoints: ((d = t == null ? void 0 : t.meta) == null ? void 0 : d.breakpoints) || ((W = (f = e.builderContextSignal.content) == null ? void 0 : f.meta) == null ? void 0 : W.breakpoints)
+      }
+    };
+    se({
+      value: n,
+      key: n.id
+    }).then(() => {
+      X.refresh();
+    });
+  }
+  E(() => 0);
+  const [b, x] = E(
+    () => !1
+  );
+  function h(t) {
+    var c;
+    const { data: n } = t;
+    if (n)
+      switch (n.type) {
+        case "builder.configureSdk": {
+          const l = n.data, { breakpoints: d, contentId: f } = l;
+          if (!f || f !== ((c = e.builderContextSignal.content) == null ? void 0 : c.id))
+            return;
+          d && o({
+            meta: {
+              breakpoints: d
+            }
+          }), m(s + 1);
+          break;
+        }
+        case "builder.contentUpdate": {
+          const l = n.data, d = l.key || l.alias || l.entry || l.modelName, f = l.data;
+          d === e.model && (o(f), m(s + 1));
+          break;
+        }
+      }
+  }
+  function g() {
+    var n, c;
+    const t = (c = (n = e.builderContextSignal.content) == null ? void 0 : n.data) == null ? void 0 : c.jsCode;
+    t && O({
+      code: t,
+      context: e.context || {},
+      localState: void 0,
+      rootState: e.builderContextSignal.rootState,
+      rootSetState: e.builderContextSignal.rootSetState
+    });
+  }
+  const [r, u] = E(() => ({})), [y, k] = E(() => !1);
+  function C(t) {
+    var n, c;
+    if (e.builderContextSignal.content) {
+      const l = (n = e.builderContextSignal.content) == null ? void 0 : n.testVariationId, d = (c = e.builderContextSignal.content) == null ? void 0 : c.id;
+      D({
+        type: "click",
+        canTrack: $(e.canTrack),
+        contentId: d,
+        apiKey: e.apiKey,
+        variationId: l !== d ? l : void 0,
+        ...ee(t),
+        unique: !y
+      });
+    }
+    y || k(!0);
+  }
+  function I(t) {
+    return t.replace(
+      /{{([^}]+)}}/g,
+      (n, c) => O({
+        code: c,
+        context: e.context || {},
+        localState: void 0,
+        rootState: e.builderContextSignal.rootState,
+        rootSetState: e.builderContextSignal.rootSetState
+      })
+    );
+  }
+  function T({ url: t, key: n }) {
+    oe(t).then((c) => c.json()).then((c) => {
+      var d, f;
+      const l = {
+        ...e.builderContextSignal.rootState,
+        [n]: c
+      };
+      (f = (d = e.builderContextSignal).rootSetState) == null || f.call(d, l), r[n] = !0;
+    }).catch((c) => {
+      console.error("error fetching dynamic data", t, c);
+    });
+  }
+  function F() {
+    var n, c;
+    const t = ((c = (n = e.builderContextSignal.content) == null ? void 0 : n.data) == null ? void 0 : c.httpRequests) ?? {};
+    Object.entries(t).forEach(([l, d]) => {
+      if (d && (!r[l] || R())) {
+        const f = I(d);
+        T({
+          url: f,
+          key: l
+        });
+      }
+    });
+  }
+  function P() {
+    R() && window.dispatchEvent(
+      new CustomEvent(
+        "builder:component:stateChange",
+        {
+          detail: {
+            state: te(e.builderContextSignal.rootState),
+            ref: {
+              name: e.model
+            }
+          }
+        }
+      )
+    );
+  }
+  function A(t) {
+    m(s + 1), window.addEventListener("message", h), ne(), ie({
+      ...e.locale ? {
+        locale: e.locale
+      } : {},
+      ...e.includeRefs ? {
+        includeRefs: e.includeRefs
+      } : {},
+      ...e.enrich ? {
+        enrich: e.enrich
+      } : {}
+    }), Object.values(
+      e.builderContextSignal.componentInfos
+    ).forEach((n) => {
+      var l;
+      const c = ce(n);
+      (l = window.parent) == null || l.postMessage(c, "*");
+    }), window.addEventListener(
+      "builder:component:stateChangeListenerActivated",
+      P
+    );
+  }
+  function K(t) {
+    const n = new URL(location.href).searchParams, c = n.get("builder.preview"), l = n.get(
+      `builder.preview.${c}`
+    ), d = n.get("apiKey") || n.get("builder.space");
+    c === e.model && d === e.apiKey && (!e.content || l === e.content.id) && ae({
+      model: e.model,
+      apiKey: e.apiKey,
+      apiVersion: e.builderContextSignal.apiVersion
+    }).then((f) => {
+      f && o(f);
+    });
+  }
+  const X = de();
+  return v(() => {
+    var t;
+    return (t = i.current) == null || t.addEventListener(
+      "initeditingbldr",
+      A
+    ), () => {
+      var n;
+      return (n = i.current) == null ? void 0 : n.removeEventListener(
+        "initeditingbldr",
+        A
+      );
+    };
+  }, []), v(() => {
+    var t;
+    return (t = i.current) == null || t.addEventListener(
+      "initpreviewingbldr",
+      K
+    ), () => {
+      var n;
+      return (n = i.current) == null ? void 0 : n.removeEventListener(
+        "initpreviewingbldr",
+        K
+      );
+    };
+  }, []), v(() => {
+    var t, n;
+    if (N()) {
+      if (R() && i.current && i.current.dispatchEvent(new CustomEvent("initeditingbldr")), e.builderContextSignal.content && $(e.canTrack)) {
+        const l = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, d = (n = e.builderContextSignal.content) == null ? void 0 : n.id, f = e.apiKey;
+        D({
+          type: "impression",
+          canTrack: !0,
+          contentId: d,
+          apiKey: f,
+          variationId: l !== d ? l : void 0
+        });
+      }
+      Z() && i.current;
+    }
+  }, []), v(() => {
+    e.apiKey || p.error(
+      "No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."
+    ), g(), F(), P();
+  }, []), v(() => {
+  }, [e.content]), v(() => {
+    N() && (window.removeEventListener("message", h), window.addEventListener("message", h));
+  }, [b]), v(() => {
+    g();
+  }, [
+    (U = (M = e.builderContextSignal.content) == null ? void 0 : M.data) == null ? void 0 : U.jsCode,
+    e.builderContextSignal.rootState
+  ]), v(() => {
+    F();
+  }, [(q = (V = e.builderContextSignal.content) == null ? void 0 : V.data) == null ? void 0 : q.httpRequests]), v(() => {
+    P();
+  }, [e.builderContextSignal.rootState]), v(() => () => {
+    N() && (window.removeEventListener("message", h), window.removeEventListener(
+      "builder:component:stateChangeListenerActivated",
+      P
+    ));
+  }, []), /* @__PURE__ */ a(fe.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ a(S, { children: /* @__PURE__ */ le(
+    "div",
+    {
+      key: s,
+      ref: i,
+      onClick: (t) => C(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 {
+  Ee as B,
+  _e as C,
+  je as E,
+  Ie as F,
+  Ce as I,
+  Pe as S,
+  Te as V,
+  we as a,
+  xe as b,
+  Re as c,
+  Ne as d,
+  ke as e,
+  Le as f
+};