@builder.io/sdk-react-nextjs 0.5.9 → 0.6.1

package/lib/browser/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./bundle-0ec2f27e.js"),t=require("./USE_CLIENT_BUNDLE-12f42430.js");require("lru-cache");require("react/jsx-runtime");require("react");require("next/navigation");require("./USE_SERVER_BUNDLE-9abdf89a.js");exports.Blocks=e.Blocks;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.RenderBlocks=e.RenderBlocks;exports.RenderContent=e.RenderContent;exports.Symbol=e.Symbol;exports.Text=e.Text;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.track=e.track;exports.Button=t.Button;exports.Fragment=t.FragmentComponent;exports.Image=t.Image;exports.Section=t.SectionComponent;exports.Video=t.Video;

package/lib/browser/index.mjs

@@ -0,0 +1,34 @@
+import { B as i, v as m, C as c, R as g, u as p, S as l, T as d, F as C, m as u, J as B, z as S, A as f, D as E, G as R, E as h, i as x, w as k, x as y, y as F, H as P } from "./bundle-474f2dd7.mjs";
+import { c as w, F as A, d as T, S as V, V as b } from "./USE_CLIENT_BUNDLE-a8b60f05.mjs";
+import "lru-cache";
+import "react/jsx-runtime";
+import "react";
+import "next/navigation";
+import "./USE_SERVER_BUNDLE-df74a63e.mjs";
+export {
+  i as Blocks,
+  w as Button,
+  m as Columns,
+  c as Content,
+  A as Fragment,
+  T as Image,
+  g as RenderBlocks,
+  p as RenderContent,
+  V as Section,
+  l as Symbol,
+  d as Text,
+  b as Video,
+  C as _processContentResult,
+  u as createRegisterComponentMessage,
+  B as fetchBuilderProps,
+  S as fetchEntries,
+  f as fetchOneEntry,
+  E as getAllContent,
+  R as getBuilderSearchParams,
+  h as getContent,
+  x as isEditing,
+  k as isPreviewing,
+  y as register,
+  F as setEditorSettings,
+  P as track
+};

package/lib/edge/USE_CLIENT_BUNDLE-71a5598d.mjs

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