@builder.io/sdk-react-nextjs 0.6.2-0 → 0.6.3

package/lib/edge/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./bundle-8124c323.js"),t=require("./USE_CLIENT_BUNDLE-7b4d63a6.js");require("lru-cache");require("react/jsx-runtime");require("react");require("next/navigation");require("./USE_SERVER_BUNDLE-dc7c843d.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./bundle-56d2ffe3.js"),t=require("./USE_CLIENT_BUNDLE-c1e8e1b1.js");require("lru-cache");require("react/jsx-runtime");require("react");require("next/navigation");require("./USE_SERVER_BUNDLE-b339a170.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/edge/index.mjs

@@ -1,34 +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-e2e962a8.mjs";
-import { c as w, F as A, d as T, S as V, V as b } from "./USE_CLIENT_BUNDLE-777b23e5.mjs";
+import { B as i, p as m, C as c, R as g, o as p, S as l, T as C, z as d, f, E as u, v as B, w as S, x as E, A as R, y as h, i as x, q as k, t as y, u as P, D as b } from "./bundle-75be1e37.mjs";
+import { b as w, F as A, c as F, S as T, V } from "./USE_CLIENT_BUNDLE-88bd3402.mjs";
 import "lru-cache";
 import "react/jsx-runtime";
 import "react";
 import "next/navigation";
-import "./USE_SERVER_BUNDLE-2c7d68ff.mjs";
+import "./USE_SERVER_BUNDLE-6554eb5e.mjs";
 export {
   i as Blocks,
   w as Button,
   m as Columns,
   c as Content,
   A as Fragment,
-  T as Image,
+  F as Image,
   g as RenderBlocks,
   p as RenderContent,
-  V as Section,
+  T 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,
+  C as Text,
+  V as Video,
+  d as _processContentResult,
+  f as createRegisterComponentMessage,
+  u as fetchBuilderProps,
+  B as fetchEntries,
+  S 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
+  P as setEditorSettings,
+  b as track
 };

package/lib/node/USE_CLIENT_BUNDLE-7df521d2.mjs

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