@builder.io/sdk-react-nextjs 0.19.2 → 0.20.0

package/lib/node/components/content/components/enable-editor.mjs

@@ -1,282 +1,304 @@
 "use client";
-import { jsx as k } from "react/jsx-runtime";
-import { useRef as P, useState as m, useEffect as c } from "react";
-import O from "../../../context/builder.context.mjs";
-import { evaluate as W } from "../../../functions/evaluate/evaluate.mjs";
-import { fastClone as j } from "../../../functions/fast-clone.mjs";
-import { fetchOneEntry as A } from "../../../functions/get-content/index.mjs";
-import { isBrowser as L } from "../../../functions/is-browser.mjs";
-import { isEditing as g } from "../../../functions/is-editing.mjs";
-import { isPreviewing as B } from "../../../functions/is-previewing.mjs";
-import { logFetch as F } from "../../../functions/log-fetch.mjs";
-import { createRegisterComponentMessage as M } from "../../../functions/register-component.mjs";
-import { _track as H } from "../../../functions/track/index.mjs";
-import { getInteractionPropertiesForEvent as $ } from "../../../functions/track/interaction.mjs";
-import { getDefaultCanTrack as K } from "../../../helpers/canTrack.mjs";
-import { getCookieSync as z } from "../../../helpers/cookie.mjs";
-import { postPreviewContent as G } from "../../../helpers/preview-lru-cache/set.mjs";
-import { createEditorListener as J } from "../../../helpers/subscribe-to-editor.mjs";
-import { setupBrowserForEditing as Q } from "../../../scripts/init-editing.mjs";
-import { triggerAnimation as X } from "../../block/animator.mjs";
-import { needsElementRefDivForEditing as q } from "./enable-editor.helpers.mjs";
-import { getWrapperClassName as Y } from "./styles.helpers.mjs";
-import { useRouter as Z } from "next/navigation";
-function yt(t) {
-  var w, y, R;
-  const u = P(null);
-  m(() => !1);
-  function s(n) {
+import { jsx as H } from "react/jsx-runtime";
+import { useRef as K, useState as s, useEffect as l } from "react";
+import A from "../../../context/builder.context.mjs";
+import { evaluate as B } from "../../../functions/evaluate/evaluate.mjs";
+import { fastClone as F } from "../../../functions/fast-clone.mjs";
+import { fetchOneEntry as M } from "../../../functions/get-content/index.mjs";
+import { isBrowser as T } from "../../../functions/is-browser.mjs";
+import { isEditing as b } from "../../../functions/is-editing.mjs";
+import { isPreviewing as J } from "../../../functions/is-previewing.mjs";
+import { logFetch as $ } from "../../../functions/log-fetch.mjs";
+import { createRegisterComponentMessage as z } from "../../../functions/register-component.mjs";
+import { _track as U } from "../../../functions/track/index.mjs";
+import { getInteractionPropertiesForEvent as G } from "../../../functions/track/interaction.mjs";
+import { getDefaultCanTrack as q } from "../../../helpers/canTrack.mjs";
+import { getCookieSync as Q } from "../../../helpers/cookie.mjs";
+import { postPreviewContent as X } from "../../../helpers/preview-lru-cache/set.mjs";
+import { createEditorListener as Y } from "../../../helpers/subscribe-to-editor.mjs";
+import { setupBrowserForEditing as Z } from "../../../scripts/init-editing.mjs";
+import { triggerAnimation as p } from "../../block/animator.mjs";
+import { needsElementRefDivForEditing as D } from "./enable-editor.helpers.mjs";
+import { getWrapperClassName as ee } from "./styles.helpers.mjs";
+import { useRouter as te } from "next/navigation";
+function Le(e) {
+  var k, P, L;
+  const c = K(null);
+  s(() => !1);
+  function f(n) {
     var i, o;
-    const e = {
-      ...t.builderContextSignal.rootState,
+    const t = {
+      ...e.builderContextSignal.rootState,
       ...n
     };
-    t.builderContextSignal.rootSetState ? (o = (i = t.builderContextSignal).rootSetState) == null || o.call(i, e) : t.builderContextSignal.rootState = e;
+    e.builderContextSignal.rootSetState ? (o = (i = e.builderContextSignal).rootSetState) == null || o.call(i, t) : e.builderContextSignal.rootState = t;
   }
-  function b(n) {
+  function S(n) {
     var i, o, a, r, d;
-    const e = {
-      ...t.builderContextSignal.content,
+    const t = {
+      ...e.builderContextSignal.content,
       ...n,
       data: {
-        ...(i = t.builderContextSignal.content) == null ? void 0 : i.data,
+        ...(i = e.builderContextSignal.content) == null ? void 0 : i.data,
         ...n == null ? void 0 : n.data
       },
       meta: {
-        ...(o = t.builderContextSignal.content) == null ? void 0 : o.meta,
+        ...(o = e.builderContextSignal.content) == null ? void 0 : o.meta,
         ...n == null ? void 0 : n.meta,
-        breakpoints: ((a = n == null ? void 0 : n.meta) == null ? void 0 : a.breakpoints) || ((d = (r = t.builderContextSignal.content) == null ? void 0 : r.meta) == null ? void 0 : d.breakpoints)
+        breakpoints: ((a = n == null ? void 0 : n.meta) == null ? void 0 : a.breakpoints) || ((d = (r = e.builderContextSignal.content) == null ? void 0 : r.meta) == null ? void 0 : d.breakpoints)
       }
     };
-    G({
-      value: e,
-      key: e.id,
+    X({
+      value: t,
+      key: t.id,
       url: window.location.pathname
     });
   }
-  function T() {
-    return t.showContent ? {} : {
+  function N() {
+    return e.showContent ? {} : {
       hidden: !0,
       "aria-hidden": !0
     };
   }
-  const [U, p] = m(
-    () => t.contentWrapper || "div"
+  const [O, ne] = s(
+    () => e.contentWrapper || "div"
   );
-  function v(n) {
-    return J({
-      model: t.model,
-      trustedHosts: t.trustedHosts,
+  function x(n) {
+    return Y({
+      model: e.model,
+      trustedHosts: e.trustedHosts,
       callbacks: {
-        configureSdk: (e) => {
+        configureSdk: (t) => {
           var a;
-          const { breakpoints: i, contentId: o } = e;
-          !o || o !== ((a = t.builderContextSignal.content) == null ? void 0 : a.id) || i && b({
+          const { breakpoints: i, contentId: o } = t;
+          !o || o !== ((a = e.builderContextSignal.content) == null ? void 0 : a.id) || i && S({
             meta: {
               breakpoints: i
             }
           });
         },
-        animation: (e) => {
-          X(e);
+        animation: (t) => {
+          p(t);
         },
-        contentUpdate: (e) => {
-          b(e);
+        contentUpdate: (t) => {
+          S(t);
         },
-        stateUpdate: (e) => {
-          s(e);
+        stateUpdate: (t) => {
+          f(t);
         }
       }
     })(n);
   }
-  const [h, tt] = m(() => ({})), [S, et] = m(() => ({})), [x, D] = m(() => !1);
-  function V(n) {
-    var e, i;
-    if (t.builderContextSignal.content) {
-      const o = (e = t.builderContextSignal.content) == null ? void 0 : e.testVariationId, a = (i = t.builderContextSignal.content) == null ? void 0 : i.id;
-      H({
-        apiHost: t.apiHost,
+  const [C, ie] = s(() => ({})), [v, ae] = s(() => ({})), [y, V] = s(() => !1);
+  function j(n) {
+    var t, i;
+    if (e.builderContextSignal.content) {
+      const o = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId, a = (i = e.builderContextSignal.content) == null ? void 0 : i.id;
+      U({
+        apiHost: e.apiHost,
         type: "click",
-        canTrack: K(t.canTrack),
+        canTrack: q(e.canTrack),
         contentId: a,
-        apiKey: t.apiKey,
+        apiKey: e.apiKey,
         variationId: o !== a ? o : void 0,
-        ...$(n),
-        unique: !x
+        ...G(n),
+        unique: !y
       });
     }
-    x || D(!0);
+    y || V(!0);
   }
-  function N() {
-    var e, i, o;
-    const n = (o = (i = (e = t.builderContextSignal.content) == null ? void 0 : e.data) == null ? void 0 : i.httpRequests) != null ? o : {};
-    Object.entries(n).forEach(([a, r]) => {
-      if (!r || S[a] || h[a] && !g())
-        return;
-      S[a] = !0;
-      const d = r.replace(
-        /{{([^}]+)}}/g,
-        (l, _) => String(
-          W({
-            code: _,
-            context: t.context || {},
-            localState: void 0,
-            rootState: t.builderContextSignal.rootState,
-            rootSetState: t.builderContextSignal.rootSetState
-          })
-        )
-      );
-      F(d), fetch(d).then((l) => l.json()).then((l) => {
-        s({
-          [a]: l
-        }), h[a] = !0;
-      }).catch((l) => {
-        console.error("error fetching dynamic data", r, l);
-      }).finally(() => {
-        S[a] = !1;
-      });
-    });
+  function _() {
+    var t, i, o;
+    const n = (o = (i = (t = e.builderContextSignal.content) == null ? void 0 : t.data) == null ? void 0 : i.httpRequests) != null ? o : {};
+    Object.entries(n).forEach(
+      ([a, r]) => {
+        if (!r)
+          return;
+        const d = typeof r == "object" && r["@type"] === "@builder.io/core:Request";
+        if (v[a] || C[a] && !b())
+          return;
+        const h = d ? r.request.url : r;
+        v[a] = !0;
+        const R = h.replace(
+          /{{([^}]+)}}/g,
+          (u, W) => String(
+            B({
+              code: W,
+              context: e.context || {},
+              localState: void 0,
+              rootState: e.builderContextSignal.rootState,
+              rootSetState: e.builderContextSignal.rootSetState
+            })
+          )
+        ), m = d ? {
+          url: R,
+          method: r.request.method,
+          headers: r.request.headers,
+          body: r.request.body
+        } : {
+          url: R,
+          method: "GET"
+        };
+        $(JSON.stringify(m)), fetch(m.url, {
+          method: m.method,
+          headers: m.headers,
+          body: m.body
+        }).then((u) => u.json()).then((u) => {
+          f({
+            [a]: u
+          }), C[a] = !0;
+        }).catch((u) => {
+          console.error(
+            "error fetching dynamic data",
+            JSON.stringify(r),
+            u
+          );
+        }).finally(() => {
+          v[a] = !1;
+        });
+      }
+    );
   }
-  function f() {
-    g() && window.dispatchEvent(
+  function g() {
+    b() && window.dispatchEvent(
       new CustomEvent(
         "builder:component:stateChange",
         {
           detail: {
-            state: j(t.builderContextSignal.rootState),
+            state: F(e.builderContextSignal.rootState),
             ref: {
-              name: t.model
+              name: e.model
             }
           }
         }
       )
     );
   }
-  function C(n) {
-    var e;
-    window.addEventListener("message", v), Q({
-      ...t.locale ? {
-        locale: t.locale
+  function E(n) {
+    var t;
+    window.addEventListener("message", x), Z({
+      ...e.locale ? {
+        locale: e.locale
       } : {},
-      ...t.enrich ? {
-        enrich: t.enrich
+      ...e.enrich ? {
+        enrich: e.enrich
       } : {},
-      ...t.trustedHosts ? {
-        trustedHosts: t.trustedHosts
+      ...e.trustedHosts ? {
+        trustedHosts: e.trustedHosts
       } : {},
-      modelName: (e = t.model) != null ? e : "",
-      apiKey: t.apiKey
+      modelName: (t = e.model) != null ? t : "",
+      apiKey: e.apiKey
     }), Object.values(
-      t.builderContextSignal.componentInfos
+      e.builderContextSignal.componentInfos
     ).forEach((i) => {
       var o, a;
-      if (!((o = i.models) != null && o.length) || i.models.includes(t.model)) {
-        const r = M(i);
+      if (!((o = i.models) != null && o.length) || i.models.includes(e.model)) {
+        const r = z(i);
         (a = window.parent) == null || a.postMessage(r, "*");
       }
     }), window.addEventListener(
       "builder:component:stateChangeListenerActivated",
-      f
+      g
     );
   }
-  function E(n) {
+  function I(n) {
     var r;
-    const e = new URL(location.href).searchParams, i = e.get("builder.preview"), o = e.get(
+    const t = new URL(location.href).searchParams, i = t.get("builder.preview"), o = t.get(
       `builder.overrides.${i}`
-    ), a = e.get("apiKey") || e.get("builder.space");
-    (i === "BUILDER_STUDIO" || i === t.model && a === t.apiKey && (!t.content || o === t.content.id)) && A({
-      model: t.model,
-      apiKey: t.apiKey,
-      apiVersion: t.builderContextSignal.apiVersion,
-      ...i === "BUILDER_STUDIO" && ((r = t.context) != null && r.symbolId) ? {
+    ), a = t.get("apiKey") || t.get("builder.space");
+    (i === "BUILDER_STUDIO" || i === e.model && a === e.apiKey && (!e.content || o === e.content.id)) && M({
+      model: e.model,
+      apiKey: e.apiKey,
+      apiVersion: e.builderContextSignal.apiVersion,
+      ...i === "BUILDER_STUDIO" && ((r = e.context) != null && r.symbolId) ? {
         query: {
-          id: t.context.symbolId
+          id: e.context.symbolId
         }
       } : {}
     }).then((d) => {
-      d && b(d);
+      d && S(d);
     });
   }
-  Z();
-  const I = P(!1);
-  return I.current || (N(), f(), I.current = !0), c(() => {
+  te();
+  const w = K(!1);
+  return w.current || (_(), g(), w.current = !0), l(() => {
     var n;
-    return (n = u.current) == null || n.addEventListener(
+    return (n = c.current) == null || n.addEventListener(
       "initeditingbldr",
-      C
+      E
     ), () => {
-      var e;
-      return (e = u.current) == null ? void 0 : e.removeEventListener(
+      var t;
+      return (t = c.current) == null ? void 0 : t.removeEventListener(
         "initeditingbldr",
-        C
+        E
       );
     };
-  }, []), c(() => {
+  }, []), l(() => {
     var n;
-    return (n = u.current) == null || n.addEventListener(
+    return (n = c.current) == null || n.addEventListener(
       "initpreviewingbldr",
-      E
+      I
     ), () => {
-      var e;
-      return (e = u.current) == null ? void 0 : e.removeEventListener(
+      var t;
+      return (t = c.current) == null ? void 0 : t.removeEventListener(
         "initpreviewingbldr",
-        E
+        I
       );
     };
-  }, []), c(() => {
-    var n, e, i;
-    if (L()) {
-      g() && !t.isNestedRender && u.current && u.current.dispatchEvent(new CustomEvent("initeditingbldr"));
-      const o = t.builderContextSignal.content && K(t.canTrack), a = z({
-        name: `builder.tests.${(n = t.builderContextSignal.content) == null ? void 0 : n.id}`,
+  }, []), l(() => {
+    var n, t, i;
+    if (T()) {
+      b() && !e.isNestedRender && c.current && c.current.dispatchEvent(new CustomEvent("initeditingbldr"));
+      const o = e.builderContextSignal.content && q(e.canTrack), a = Q({
+        name: `builder.tests.${(n = e.builderContextSignal.content) == null ? void 0 : n.id}`,
         canTrack: !0
-      }), r = (e = t.builderContextSignal.content) == null ? void 0 : e.testVariationId;
+      }), r = (t = e.builderContextSignal.content) == null ? void 0 : t.testVariationId;
       if (o && r === a) {
-        const d = (i = t.builderContextSignal.content) == null ? void 0 : i.id, l = t.apiKey;
-        H({
-          apiHost: t.apiHost,
+        const d = (i = e.builderContextSignal.content) == null ? void 0 : i.id, h = e.apiKey;
+        U({
+          apiHost: e.apiHost,
           type: "impression",
           canTrack: !0,
           contentId: d,
-          apiKey: l,
+          apiKey: h,
           variationId: a !== d ? a : void 0
         });
       }
-      B() && g();
+      J() && b();
     }
-  }, []), c(() => {
-  }, [t.content]), c(() => {
-    f();
-  }, [t.builderContextSignal.rootState]), c(() => {
-    t.data && s(t.data);
-  }, [t.data]), c(() => {
-    t.locale && s({
-      locale: t.locale
+  }, []), l(() => {
+  }, [e.content]), l(() => {
+    g();
+  }, [e.builderContextSignal.rootState]), l(() => {
+    e.data && f(e.data);
+  }, [e.data]), l(() => {
+    e.locale && f({
+      locale: e.locale
     });
-  }, [t.locale]), c(() => () => {
-    L() && (window.removeEventListener("message", v), window.removeEventListener(
+  }, [e.locale]), l(() => () => {
+    T() && (window.removeEventListener("message", x), window.removeEventListener(
       "builder:component:stateChangeListenerActivated",
-      f
+      g
     ));
-  }, []), /* @__PURE__ */ k(O.Provider, { value: t.builderContextSignal, children: t.builderContextSignal.content || q() ? /* @__PURE__ */ k(
-    U,
+  }, []), /* @__PURE__ */ H(A.Provider, { value: e.builderContextSignal, children: e.builderContextSignal.content || D() ? /* @__PURE__ */ H(
+    O,
     {
-      ref: u,
-      onClick: (n) => V(n),
-      "builder-content-id": (w = t.builderContextSignal.content) == null ? void 0 : w.id,
-      "builder-model": t.model,
-      className: Y(
-        ((y = t.content) == null ? void 0 : y.testVariationId) || ((R = t.content) == null ? void 0 : R.id)
+      ref: c,
+      onClick: (n) => j(n),
+      "builder-content-id": (k = e.builderContextSignal.content) == null ? void 0 : k.id,
+      "builder-model": e.model,
+      className: ee(
+        ((P = e.content) == null ? void 0 : P.testVariationId) || ((L = e.content) == null ? void 0 : L.id)
       ),
       style: {
-        display: !t.builderContextSignal.content && q() ? "none" : void 0
+        display: !e.builderContextSignal.content && D() ? "none" : void 0
       },
-      ...T(),
-      ...t.contentWrapperProps,
-      children: t.children
+      ...N(),
+      ...e.contentWrapperProps,
+      children: e.children
     }
   ) : null });
 }
 export {
-  yt as default
+  Le as default
 };

package/lib/node/constants/sdk-version.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.19.2";exports.SDK_VERSION=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.20.0";exports.SDK_VERSION=e;

package/lib/node/constants/sdk-version.mjs

@@ -1,4 +1,4 @@
-const o = "0.19.2";
+const o = "0.20.0";
 export {
   o as SDK_VERSION
 };

package/lib/node/functions/get-processed-block.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../constants/target.cjs"),d=require("../helpers/omit.cjs"),p=require("./evaluate/evaluate.cjs"),f=require("./extract-localized-values.cjs"),g=require("./fast-clone.cjs"),m=require("./set.cjs"),y=require("./transform-block.cjs");function o(e){if(e===null||typeof e!="object")return e;if(Array.isArray(e))return e.map(n=>o(n));if(e["@type"]==="@builder.io/sdk:Element")return e;const t={};for(const n in e)n!=="meta"&&Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=o(e[n]));return t}const C=["svelte","vue","angular","qwik","solid"].includes(u.TARGET),q=e=>{if(C){const t=g.fastClone(e);return{...t,properties:{...t.properties},actions:{...t.actions}}}else{const t=o(d.omit(e,"children","meta"));return{...t,properties:{...t.properties},actions:{...t.actions},children:e.children,meta:e.meta}}},v=({block:e,context:t,localState:n,rootState:i,rootSetState:s})=>{if(!e.bindings)return e;const r=q(e);for(const c in e.bindings){const a=e.bindings[c],l=p.evaluate({code:a,localState:n,rootState:i,rootSetState:s,context:t});m.set(r,c,l)}return r};function B({block:e,context:t,localState:n,rootState:i,rootSetState:s}){let r=f.resolveLocalizedValues(e,i.locale);return r=y.transformBlock(r),v({block:r,localState:n,rootState:i,rootSetState:s,context:t})}exports.deepCloneWithConditions=o;exports.getProcessedBlock=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../constants/target.cjs"),d=require("../helpers/omit.cjs"),p=require("./evaluate/evaluate.cjs"),f=require("./extract-localized-values.cjs"),g=require("./fast-clone.cjs"),m=require("./set.cjs"),y=require("./transform-block.cjs");function o(e){if(e===null||typeof e!="object")return e;if(Array.isArray(e))return e.map(n=>o(n));if(e["@type"]==="@builder.io/sdk:Element")return e;const t={};for(const n in e)n!=="meta"&&Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=o(e[n]));return t}const C=["svelte","vue","angular","qwik","solid"].includes(u.TARGET),q=e=>{if(C){const t=g.fastClone(e);return{...t,properties:{...t.properties},actions:{...t.actions}}}else{const t=o(d.omit(e,"children","meta"));return{...t,properties:{...t.properties},actions:{...t.actions},children:e.children,meta:e.meta}}},v=({block:e,context:t,localState:n,rootState:i,rootSetState:s})=>{if(!e.bindings)return e;const r=q(e);for(const c in e.bindings){const a=e.bindings[c],l=p.evaluate({code:a,localState:n,rootState:i,rootSetState:s,context:t});m.set(r,c,l)}return r};function B({block:e,context:t,localState:n,rootState:i,rootSetState:s}){let r=y.transformBlock(e);return r=v({block:r,localState:n,rootState:i,rootSetState:s,context:t}),r=f.resolveLocalizedValues(r,i.locale),r}exports.deepCloneWithConditions=o;exports.getProcessedBlock=B;

package/lib/node/functions/get-processed-block.mjs

@@ -72,14 +72,14 @@ function P({
   rootState: i,
   rootSetState: o
 }) {
-  let n = f(e, i.locale);
-  return n = g(n), O({
+  let n = g(e);
+  return n = O({
     block: n,
     localState: t,
     rootState: i,
     rootSetState: o,
     context: r
-  });
+  }), n = f(n, i.locale), n;
 }
 export {
   s as deepCloneWithConditions,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-nextjs",
   "description": "Builder.io RSC SDK for NextJS App Directory",
-  "version": "0.19.2",
+  "version": "0.20.0",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/nextjs",
   "repository": {
     "type": "git",

package/types/cjs/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.19.2";
+export declare const SDK_VERSION = "0.20.0";

package/types/esm/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.19.2";
+export declare const SDK_VERSION = "0.20.0";