@builder.io/sdk-react-nextjs 0.6.3 → 0.7.0

package/lib/{edge/USE_CLIENT_BUNDLE-88bd3402.mjs → node/USE_CLIENT_BUNDLE-fc8c1bc0.mjs}

@@ -1,12 +1,12 @@
 "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-75be1e37.mjs";
-import { useRef as j, useState as S, useEffect as y, createContext as te } from "react";
-import { p as ne } from "./USE_SERVER_BUNDLE-6554eb5e.mjs";
-import { useRouter as ie } from "next/navigation";
-function se(e) {
-  return /* @__PURE__ */ C(b, { children: [
-    e.link ? /* @__PURE__ */ n(b, { children: /* @__PURE__ */ n(
+import { jsxs as E, Fragment as m, jsx as n } from "react/jsx-runtime";
+import { g as T, a as N, i as R, b as w, c as J, l as O, d as P, r as G, s as Q, e as X, _ as W, f as _, h as A, j as Y, k as Z, m as $ } from "./bundle-3b073b16.mjs";
+import { useRef as j, useState as v, useEffect as k, createContext as p } from "react";
+import { p as ee } from "./USE_SERVER_BUNDLE-226a15ac.mjs";
+import { useRouter as te } from "next/navigation";
+function re(e) {
+  return /* @__PURE__ */ E(m, { children: [
+    e.link ? /* @__PURE__ */ n(m, { children: /* @__PURE__ */ n(
       "a",
       {
         role: "button",
@@ -15,7 +15,7 @@ function se(e) {
         target: e.openLinkInNewTab ? "_blank" : void 0,
         children: e.text
       }
-    ) }) : /* @__PURE__ */ n(b, { children: /* @__PURE__ */ n(
+    ) }) : /* @__PURE__ */ n(m, { children: /* @__PURE__ */ n(
       "button",
       {
         ...e.attributes,
@@ -29,13 +29,13 @@ function se(e) {
 }` })
   ] });
 }
-function ue(e) {
+function de(e) {
   return /* @__PURE__ */ n(
     e.Wrapper,
     {
       ...e.wrapperProps,
       attributes: {
-        ...P({
+        ...T({
           block: e.block,
           context: e.context
         }),
@@ -51,13 +51,13 @@ function ue(e) {
     }
   );
 }
-function me(e) {
-  return /* @__PURE__ */ C(b, { children: [
+function se(e) {
+  return /* @__PURE__ */ E(m, { children: [
     " ",
-    e.hasChildren ? /* @__PURE__ */ n(b, { children: /* @__PURE__ */ C(
+    e.hasChildren ? /* @__PURE__ */ n(m, { children: /* @__PURE__ */ E(
       e.Wrapper,
       {
-        ...P({
+        ...T({
           block: e.block,
           context: e.context
         }),
@@ -75,10 +75,10 @@ function me(e) {
           " "
         ]
       }
-    ) }) : /* @__PURE__ */ n(b, { children: /* @__PURE__ */ n(
+    ) }) : /* @__PURE__ */ n(m, { children: /* @__PURE__ */ n(
       e.Wrapper,
       {
-        ...P({
+        ...T({
           block: e.block,
           context: e.context
         }),
@@ -95,14 +95,14 @@ function me(e) {
     " "
   ] });
 }
-function be(e) {
-  function o() {
-    var a;
-    return "builder-blocks" + ((a = e.blocks) != null && a.length ? "" : " no-blocks");
+function ue(e) {
+  function a() {
+    var c;
+    return "builder-blocks" + ((c = e.blocks) != null && c.length ? "" : " no-blocks");
   }
   function s() {
-    var a, m;
-    I() && !((a = e.blocks) != null && a.length) && ((m = window.parent) == null || m.postMessage(
+    var c, g;
+    R() && !((c = e.blocks) != null && c.length) && ((g = window.parent) == null || g.postMessage(
       {
         type: "builder.clickEmptyBlocks",
         data: {
@@ -113,9 +113,9 @@ function be(e) {
       "*"
     ));
   }
-  function v() {
-    var a, m;
-    I() && !((a = e.blocks) != null && a.length) && ((m = window.parent) == null || m.postMessage(
+  function f() {
+    var c, g;
+    R() && !((c = e.blocks) != null && c.length) && ((g = window.parent) == null || g.postMessage(
       {
         type: "builder.hoverEmptyBlocks",
         data: {
@@ -126,17 +126,17 @@ function be(e) {
       "*"
     ));
   }
-  return /* @__PURE__ */ C(b, { children: [
+  return /* @__PURE__ */ E(m, { children: [
     /* @__PURE__ */ n(
       "div",
       {
-        className: o() + " div-5821bd52",
+        className: a() + " div-5821bd52",
         "builder-path": e.path,
         "builder-parent-id": e.parent,
         style: e.styleProp,
-        onClick: (a) => s(),
-        onMouseEnter: (a) => v(),
-        onKeyPress: (a) => s(),
+        onClick: (c) => s(),
+        onMouseEnter: (c) => f(),
+        onKeyPress: (c) => s(),
         children: e.children
       }
     ),
@@ -147,43 +147,43 @@ function be(e) {
 }` })
   ] });
 }
-function fe(e) {
+function me(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
+function be(e) {
+  var c, g, y, h;
+  function a() {
+    var b;
+    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
-    !(c.match(/builder\.io/) || c.match(/cdn\.shopify\.com/)))
+    !(o.match(/builder\.io/) || o.match(/cdn\.shopify\.com/)))
       return e.srcset;
-    if (e.srcset && ((u = e.image) != null && u.includes("builder.io/api/v1/image"))) {
+    if (e.srcset && ((b = e.image) != null && b.includes("builder.io/api/v1/image"))) {
       if (!e.srcset.includes(e.image.split("?")[0]))
-        return console.debug("Removed given srcset"), w(c);
+        return console.debug("Removed given srcset"), w(o);
     } else if (e.image && !e.srcset)
-      return w(c);
-    return w(c);
+      return w(o);
+    return w(o);
   }
   function s() {
-    var f;
-    return (f = o == null ? void 0 : o()) != null && f.match(/builder\.io/) && !e.noWebp ? o().replace(/\?/g, "?format=webp&") : "";
+    var u;
+    return (u = a == null ? void 0 : a()) != null && u.match(/builder\.io/) && !e.noWebp ? a().replace(/\?/g, "?format=webp&") : "";
   }
-  function v() {
-    const f = {
+  function f() {
+    const u = {
       position: "absolute",
       height: "100%",
       width: "100%",
       left: "0px",
       top: "0px"
     };
-    return e.aspectRatio ? f : void 0;
+    return e.aspectRatio ? u : 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,
+  return /* @__PURE__ */ E(m, { children: [
+    /* @__PURE__ */ E(m, { children: [
+      /* @__PURE__ */ E("picture", { children: [
+        s() ? /* @__PURE__ */ n(m, { children: /* @__PURE__ */ n("source", { type: "image/webp", srcSet: s() }) }) : null,
         /* @__PURE__ */ n(
           "img",
           {
@@ -193,16 +193,16 @@ function ge(e) {
             style: {
               objectPosition: e.backgroundPosition || "center",
               objectFit: e.backgroundSize || "cover",
-              ...v()
+              ...f()
             },
             className: "builder-image" + (e.className ? " " + e.className : "") + " img-ef11a6be",
             src: e.image,
-            srcSet: o(),
+            srcSet: a(),
             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(
+      e.aspectRatio && !((g = (c = e.builderBlock) == null ? void 0 : c.children) != null && g.length && e.fitContent) ? /* @__PURE__ */ n(m, { children: /* @__PURE__ */ n(
         "div",
         {
           className: "builder-image-sizer div-ef11a6be",
@@ -211,8 +211,8 @@ function ge(e) {
           }
         }
       ) }) : 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
+      (h = (y = e.builderBlock) == null ? void 0 : y.children) != null && h.length && e.fitContent ? /* @__PURE__ */ n(m, { children: e.children }) : null,
+      !e.fitContent && e.children ? /* @__PURE__ */ n(m, { children: /* @__PURE__ */ n("div", { className: "div-ef11a6be-2", children: e.children }) }) : null
     ] }),
     /* @__PURE__ */ n("style", { children: `.img-ef11a6be {
   opacity: 1;
@@ -233,7 +233,7 @@ function ge(e) {
 }` })
   ] });
 }
-function he(e) {
+function fe(e) {
   return /* @__PURE__ */ n(
     "section",
     {
@@ -254,9 +254,9 @@ function he(e) {
     }
   );
 }
-function Se(e) {
-  var v;
-  function o() {
+function ge(e) {
+  var f;
+  function a() {
     return {
       ...e.autoPlay === !0 ? {
         autoPlay: !0
@@ -278,7 +278,7 @@ function Se(e) {
   function s() {
     return {
       ...e.attributes,
-      ...o()
+      ...a()
     };
   }
   return /* @__PURE__ */ n(
@@ -289,7 +289,7 @@ function Se(e) {
       style: {
         width: "100%",
         height: "100%",
-        ...(v = e.attributes) == null ? void 0 : v.style,
+        ...(f = e.attributes) == null ? void 0 : f.style,
         objectFit: e.fit,
         objectPosition: e.position,
         // Hack to get object fit to work as expected and
@@ -301,38 +301,38 @@ function Se(e) {
     }
   );
 }
-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)
+function he(e) {
+  const a = j(null), [s, f] = v(() => []), [c, g] = v(() => []), [y, h] = v(() => !1);
+  function u() {
+    if (!a.current || !a.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))
+    const o = a.current.getElementsByTagName("script");
+    for (let b = 0; b < o.length; b++) {
+      const x = o[b];
+      if (x.src && !s.includes(x.src)) {
+        s.push(x.src);
+        const C = document.createElement("script");
+        C.async = !0, C.src = x.src, document.head.appendChild(C);
+      } else if (J(x) && !c.includes(x.innerText))
         try {
-          a.push(h.innerText), new Function(h.innerText)();
-        } catch (E) {
-          console.warn("`Embed`: Error running script:", E);
+          c.push(x.innerText), new Function(x.innerText)();
+        } catch (C) {
+          console.warn("`Embed`: Error running script:", C);
         }
     }
   }
-  return y(() => {
-    o.current && !x && (k(!0), f());
-  }, [o.current, x]), /* @__PURE__ */ n(
+  return k(() => {
+    a.current && !y && (h(!0), u());
+  }, [a.current, y]), /* @__PURE__ */ n(
     "div",
     {
       className: "builder-embed",
-      ref: o,
+      ref: a,
       dangerouslySetInnerHTML: { __html: e.content }
     }
   );
 }
-function ve(e) {
+function Se(e) {
   return /* @__PURE__ */ n(
     "img",
     {
@@ -344,50 +344,50 @@ function ve(e) {
       src: e.imgSrc || e.image,
       ...e.attributes
     },
-    I() && e.imgSrc || "default-key"
+    R() && 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))
+function xe(e) {
+  const a = j(null), [s, f] = v(() => []), [c, g] = v(() => []);
+  function y() {
+    if (a.current && a.current.getElementsByTagName && typeof window < "u") {
+      const h = a.current.getElementsByTagName("script");
+      for (let u = 0; u < h.length; u++) {
+        const o = h[u];
+        if (o.src) {
+          if (s.includes(o.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 || [
+          s.push(o.src);
+          const b = document.createElement("script");
+          b.async = !0, b.src = o.src, document.head.appendChild(b);
+        } else if (!o.type || [
           "text/javascript",
           "application/javascript",
           "application/ecmascript"
-        ].includes(c.type)) {
-          if (a.includes(c.innerText))
+        ].includes(o.type)) {
+          if (c.includes(o.innerText))
             continue;
           try {
-            a.push(c.innerText), new Function(c.innerText)();
-          } catch (u) {
-            console.warn("`CustomCode`: Error running script:", u);
+            c.push(o.innerText), new Function(o.innerText)();
+          } catch (b) {
+            console.warn("`CustomCode`: Error running script:", b);
           }
         }
       }
     }
   }
-  return y(() => {
-    x();
+  return k(() => {
+    y();
   }, []), /* @__PURE__ */ n(
     "div",
     {
-      ref: o,
+      ref: a,
       className: "builder-custom-code" + (e.replaceNodes ? " replace-nodes" : ""),
       dangerouslySetInnerHTML: { __html: e.code }
     }
   );
 }
-const ae = te({
+const ne = p({
   content: null,
   context: {},
   localState: void 0,
@@ -399,13 +399,11 @@ const ae = te({
   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;
+function ve(e) {
+  var F, L, M, q, z;
+  const a = j(null), [s, f] = v(() => 0);
+  function c(t) {
+    var i, r, d, S, K;
     const l = {
       ...e.builderContextSignal.content,
       ...t,
@@ -416,39 +414,39 @@ function ye(e) {
       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)
+        breakpoints: ((d = t == null ? void 0 : t.meta) == null ? void 0 : d.breakpoints) || ((K = (S = e.builderContextSignal.content) == null ? void 0 : S.meta) == null ? void 0 : K.breakpoints)
       }
     };
-    ne({
+    ee({
       value: l,
       key: l.id
     }).then(() => {
-      J.refresh();
+      U.refresh();
     });
   }
-  S(() => 0);
-  const [k, f] = S(
+  v(() => 0);
+  const [g, y] = v(
     () => !1
   );
-  function c(t) {
+  function h(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))
+          const r = l.data, { breakpoints: d, contentId: S } = r;
+          if (!S || S !== ((i = e.builderContextSignal.content) == null ? void 0 : i.id))
             return;
-          d && x({
+          d && c({
             meta: {
               breakpoints: d
             }
-          }), m(a + 1);
+          }), f(s + 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));
+          const r = l.data, d = r.key || r.alias || r.entry || r.modelName, S = r.data;
+          d === e.model && (c(S), f(s + 1));
           break;
         }
       }
@@ -464,22 +462,22 @@ function ye(e) {
       rootSetState: e.builderContextSignal.rootSetState
     });
   }
-  const [h, E] = S(() => ({})), [B, U] = S(() => !1);
+  const [o, b] = v(() => ({})), [x, C] = v(() => !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;
-      _({
+      W({
         type: "click",
-        canTrack: s,
+        canTrack: _(e.canTrack),
         contentId: d,
         apiKey: e.apiKey,
         variationId: r !== d ? r : void 0,
-        ...$(t),
-        unique: !B
+        ...Y(t),
+        unique: !x
       });
     }
-    B || U(!0);
+    x || C(!0);
   }
   function D(t) {
     return t.replace(
@@ -494,37 +492,37 @@ function ye(e) {
     );
   }
   function H({ url: t, key: l }) {
-    ee(t).then((i) => i.json()).then((i) => {
-      var d, g;
+    $(t).then((i) => i.json()).then((i) => {
+      var d, S;
       const r = {
         ...e.builderContextSignal.rootState,
         [l]: i
       };
-      (g = (d = e.builderContextSignal).rootSetState) == null || g.call(d, r), h[l] = !0;
+      (S = (d = e.builderContextSignal).rootSetState) == null || S.call(d, r), o[l] = !0;
     }).catch((i) => {
       console.error("error fetching dynamic data", t, i);
     });
   }
-  function F() {
+  function B() {
     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);
+      if (d && (!o[r] || R())) {
+        const S = D(d);
         H({
-          url: g,
+          url: S,
           key: r
         });
       }
     });
   }
-  function R() {
-    I() && window.dispatchEvent(
+  function I() {
+    R() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
           detail: {
-            state: p(e.builderContextSignal.rootState),
+            state: Z(e.builderContextSignal.rootState),
             ref: {
               name: e.model
             }
@@ -533,13 +531,13 @@ function ye(e) {
       )
     );
   }
-  const J = ie();
-  return y(() => {
+  const U = te();
+  return k(() => {
     var t, l;
-    if (e.apiKey || Q.error(
+    if (e.apiKey || O.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({
+    ), P()) {
+      if (R() && (f(s + 1), window.addEventListener("message", h), G(), Q({
         ...e.locale ? {
           locale: e.locale
         } : {},
@@ -553,46 +551,46 @@ function ye(e) {
         e.builderContextSignal.componentInfos
       ).forEach((i) => {
         var d;
-        const r = Z(i);
+        const r = X(i);
         (d = window.parent) == null || d.postMessage(r, "*");
       }), window.addEventListener(
         "builder:component:stateChangeListenerActivated",
-        R
+        I
       )), e.builderContextSignal.content) {
         const i = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, r = (l = e.builderContextSignal.content) == null ? void 0 : l.id;
-        _({
+        W({
           type: "impression",
-          canTrack: s,
+          canTrack: _(e.canTrack),
           contentId: r,
           apiKey: e.apiKey,
           variationId: i !== r ? i : void 0
         });
       }
-      u(), F(), R();
+      u(), B(), I();
     }
-  }, []), y(() => {
-  }, [e.content]), y(() => {
-    T() && (window.removeEventListener("message", c), window.addEventListener("message", c));
-  }, [k]), y(() => {
+  }, []), k(() => {
+  }, [e.content]), k(() => {
+    P() && (window.removeEventListener("message", h), window.addEventListener("message", h));
+  }, [g]), k(() => {
     u();
   }, [
-    (M = (L = e.builderContextSignal.content) == null ? void 0 : L.data) == null ? void 0 : M.jsCode,
+    (L = (F = e.builderContextSignal.content) == null ? void 0 : F.data) == null ? void 0 : L.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(
+  ]), k(() => {
+    B();
+  }, [(q = (M = e.builderContextSignal.content) == null ? void 0 : M.data) == null ? void 0 : q.httpRequests]), k(() => {
+    I();
+  }, [e.builderContextSignal.rootState]), k(() => () => {
+    P() && (window.removeEventListener("message", h), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      R
+      I
     ));
-  }, []), /* @__PURE__ */ n(ae.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ n(b, { children: /* @__PURE__ */ n(
+  }, []), /* @__PURE__ */ n(ne.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content ? /* @__PURE__ */ n(m, { children: /* @__PURE__ */ n(
     "div",
     {
-      ref: o,
+      ref: a,
       onClick: (t) => V(t),
-      "builder-content-id": (K = e.builderContextSignal.content) == null ? void 0 : K.id,
+      "builder-content-id": (z = e.builderContextSignal.content) == null ? void 0 : z.id,
       "builder-model": e.model,
       ...e.showContent ? {} : {
         hidden: !0,
@@ -601,20 +599,20 @@ function ye(e) {
       className: e.classNameProp,
       children: e.children
     },
-    a
+    s
   ) }) : 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
+  se as B,
+  xe as C,
+  he as E,
+  me as F,
+  de as I,
+  fe as S,
+  ge as V,
+  ue as a,
+  re as b,
+  be as c,
+  Se as d,
+  ve as e
 };

package/lib/{browser/USE_SERVER_BUNDLE-4eda8de6.mjs → node/USE_SERVER_BUNDLE-226a15ac.mjs}

@@ -1,5 +1,5 @@
 "use server";
-import { n as r } from "./bundle-c727cf36.mjs";
+import { n as r } from "./bundle-3b073b16.mjs";
 async function e({
   key: t,
   value: n