@builder.io/sdk-react-nextjs 0.21.1 → 0.22.0

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

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

package/lib/node/components/live-edit.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const o=require("react/jsx-runtime"),u=require("react"),s=require("../context/builder.context.cjs"),d=require("../helpers/find-block.cjs");function x(t){function e(){return d.findBlockById(c.content,t.id)}function r(){var n,i;return((i=(n=e==null?void 0:e())==null?void 0:n.component)==null?void 0:i.options)||{}}const c=u.useContext(s);return o.jsx(t.Wrapper,{...r(),attributes:t.attributes,children:t.children})}module.exports=x;

package/lib/node/components/live-edit.mjs

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as u } from "react/jsx-runtime";
+import { useContext as c } from "react";
+import f from "../context/builder.context.mjs";
+import { findBlockById as m } from "../helpers/find-block.mjs";
+function x(t) {
+  function n() {
+    return m(r.content, t.id);
+  }
+  function i() {
+    var e, o;
+    return ((o = (e = n == null ? void 0 : n()) == null ? void 0 : e.component) == null ? void 0 : o.options) || {};
+  }
+  const r = c(f);
+  return /* @__PURE__ */ u(t.Wrapper, { ...i(), attributes: t.attributes, children: t.children });
+}
+export {
+  x as default
+};

package/lib/node/constants/builder-registered-components.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const o=require("./target.cjs");require("../functions/evaluate/node-runtime/safeDynamicRequire.cjs");require("../helpers/user-attributes.cjs");require("../functions/get-fetch.cjs");const n=require("../blocks/button/component-info.cjs"),e=require("../blocks/button/button.cjs"),t=require("../blocks/columns/component-info.cjs"),r=require("../blocks/columns/columns.cjs"),c=require("../blocks/fragment/component-info.cjs"),i=require("../blocks/fragment/fragment.cjs"),s=require("../blocks/image/component-info.cjs"),m=require("../blocks/image/image.cjs"),p=require("../blocks/personalization-container/component-info.cjs"),u=require("../blocks/personalization-container/helpers.cjs"),q=require("../blocks/personalization-container/personalization-container.cjs"),f=require("../blocks/section/component-info.cjs"),I=require("../blocks/section/section.cjs"),a=require("../blocks/slot/component-info.cjs"),l=require("../blocks/slot/slot.cjs"),g=require("../blocks/symbol/component-info.cjs"),$=require("../blocks/symbol/symbol.cjs"),S=require("../blocks/text/component-info.cjs"),d=require("../blocks/text/text.cjs"),C=require("./extra-components.cjs"),R=()=>[{component:e,...n.componentInfo},{component:r,...t.componentInfo},{component:i,...c.componentInfo},{component:m,...s.componentInfo},{component:I,...f.componentInfo},{component:l,...a.componentInfo},{component:$,...g.componentInfo},{component:d,...S.componentInfo},...u.SDKS_SUPPORTING_PERSONALIZATION.includes(o.TARGET)?[{component:q,...p.componentInfo}]:[],...C.getExtraComponents()];exports.getDefaultRegisteredComponents=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("./target.cjs");require("../functions/evaluate/node-runtime/safeDynamicRequire.cjs");require("../helpers/user-attributes.cjs");require("../functions/get-fetch.cjs");require("../context/builder.context.cjs");const o=require("../blocks/button/component-info.cjs"),n=require("../blocks/button/button.cjs"),t=require("../blocks/columns/component-info.cjs"),r=require("../blocks/columns/columns.cjs"),c=require("../blocks/fragment/component-info.cjs"),i=require("../blocks/fragment/fragment.cjs"),s=require("../blocks/image/component-info.cjs"),m=require("../blocks/image/image.cjs"),u=require("../blocks/personalization-container/component-info.cjs"),p=require("../blocks/personalization-container/helpers.cjs"),q=require("../blocks/personalization-container/personalization-container.cjs"),f=require("../blocks/section/component-info.cjs"),I=require("../blocks/section/section.cjs"),a=require("../blocks/slot/component-info.cjs"),l=require("../blocks/slot/slot.cjs"),g=require("../blocks/symbol/component-info.cjs"),$=require("../blocks/symbol/symbol.cjs"),S=require("../blocks/text/component-info.cjs"),d=require("../blocks/text/text.cjs"),C=require("./extra-components.cjs"),R=()=>[{component:n,...o.componentInfo},{component:r,...t.componentInfo},{component:i,...c.componentInfo},{component:m,...s.componentInfo},{component:I,...f.componentInfo},{component:l,...a.componentInfo},{component:$,...g.componentInfo},{component:d,...S.componentInfo},...p.SDKS_SUPPORTING_PERSONALIZATION.includes(e.TARGET)?[{component:q,...u.componentInfo}]:[],...C.getExtraComponents()];exports.getDefaultRegisteredComponents=R;

package/lib/node/constants/builder-registered-components.mjs

@@ -4,6 +4,7 @@ import { TARGET as o } from "./target.mjs";
 import "../functions/evaluate/node-runtime/safeDynamicRequire.mjs";
 import "../helpers/user-attributes.mjs";
 import "../functions/get-fetch.mjs";
+import "../context/builder.context.mjs";
 import { componentInfo as n } from "../blocks/button/component-info.mjs";
 import m from "../blocks/button/button.mjs";
 import { componentInfo as t } from "../blocks/columns/component-info.mjs";
@@ -24,7 +25,7 @@ import g from "../blocks/symbol/symbol.mjs";
 import { componentInfo as T } from "../blocks/text/component-info.mjs";
 import u from "../blocks/text/text.mjs";
 import { getExtraComponents as P } from "./extra-components.mjs";
-const J = () => [{
+const M = () => [{
   component: m,
   ...n
 }, {
@@ -53,5 +54,5 @@ const J = () => [{
   ...c
 }] : [], ...P()];
 export {
-  J as getDefaultRegisteredComponents
+  M as getDefaultRegisteredComponents
 };

package/lib/node/constants/extra-components.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../blocks/custom-code/component-info.cjs"),o=require("../blocks/custom-code/custom-code.cjs"),n=require("../blocks/embed/component-info.cjs"),t=require("../blocks/embed/embed.cjs");require("react/jsx-runtime");require("react");require("../functions/evaluate/node-runtime/safeDynamicRequire.cjs");require("../helpers/user-attributes.cjs");require("../functions/get-fetch.cjs");const r=require("../blocks/img/component-info.cjs"),c=require("../blocks/img/img.cjs"),i=require("../blocks/video/component-info.cjs"),m=require("../blocks/video/video.cjs"),u=()=>[{component:o,...e.componentInfo},{component:t,...n.componentInfo},{component:c,...r.componentInfo},{component:m,...i.componentInfo}];exports.getExtraComponents=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../blocks/custom-code/component-info.cjs"),o=require("../blocks/custom-code/custom-code.cjs"),n=require("../blocks/embed/component-info.cjs"),r=require("../blocks/embed/embed.cjs");require("react/jsx-runtime");require("react");require("../functions/evaluate/node-runtime/safeDynamicRequire.cjs");require("../helpers/user-attributes.cjs");require("../functions/get-fetch.cjs");require("../context/builder.context.cjs");const t=require("../blocks/img/component-info.cjs"),c=require("../blocks/img/img.cjs"),i=require("../blocks/video/component-info.cjs"),m=require("../blocks/video/video.cjs"),u=()=>[{component:o,...e.componentInfo},{component:r,...n.componentInfo},{component:c,...t.componentInfo},{component:m,...i.componentInfo}];exports.getExtraComponents=u;

package/lib/node/constants/extra-components.mjs

@@ -7,11 +7,12 @@ import "react";
 import "../functions/evaluate/node-runtime/safeDynamicRequire.mjs";
 import "../helpers/user-attributes.mjs";
 import "../functions/get-fetch.mjs";
+import "../context/builder.context.mjs";
 import { componentInfo as p } from "../blocks/img/component-info.mjs";
 import r from "../blocks/img/img.mjs";
 import { componentInfo as e } from "../blocks/video/component-info.mjs";
 import f from "../blocks/video/video.mjs";
-const V = () => [{
+const h = () => [{
   component: m,
   ...o
 }, {
@@ -25,5 +26,5 @@ const V = () => [{
   ...e
 }];
 export {
-  V as getExtraComponents
+  h as getExtraComponents
 };

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

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

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

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

package/lib/node/helpers/find-block.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=(e,o)=>{var c;return l((c=e.data)==null?void 0:c.blocks,o)},l=(e,o)=>{var c,r,i;if(!e)return null;for(const n of e){if(n.id===o)return n;if(n.children){const t=l(n.children,o);if(t)return t}if(((c=n.component)==null?void 0:c.name)==="Columns"&&((i=(r=n.component)==null?void 0:r.options)!=null&&i.columns)){for(const t of n.component.options.columns)if(t.blocks){const f=l(t.blocks,o);if(f)return f}}}return null};exports.findBlockById=s;exports.findBlockInTree=l;

package/lib/node/helpers/find-block.mjs

@@ -0,0 +1,30 @@
+const s = (r, o) => {
+  var c;
+  return l((c = r.data) == null ? void 0 : c.blocks, o);
+}, l = (r, o) => {
+  var c, e, i;
+  if (!r)
+    return null;
+  for (const n of r) {
+    if (n.id === o)
+      return n;
+    if (n.children) {
+      const t = l(n.children, o);
+      if (t)
+        return t;
+    }
+    if (((c = n.component) == null ? void 0 : c.name) === "Columns" && ((i = (e = n.component) == null ? void 0 : e.options) != null && i.columns)) {
+      for (const t of n.component.options.columns)
+        if (t.blocks) {
+          const f = l(t.blocks, o);
+          if (f)
+            return f;
+        }
+    }
+  }
+  return null;
+};
+export {
+  s as findBlockById,
+  l as findBlockInTree
+};

package/lib/node/helpers/subscribe-to-editor.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../functions/is-browser.cjs"),u=require("../functions/is-from-trusted-host.cjs"),b=require("../scripts/init-editing.cjs"),g=require("./logger.cjs"),d=({model:n,trustedHosts:i,callbacks:r})=>o=>{if(!u.isFromTrustedHost(i,o))return;const{data:t}=o;if(t)switch(t.type){case"builder.configureSdk":{r.configureSdk(t.data);break}case"builder.triggerAnimation":{r.animation(t.data);break}case"builder.resetState":{const e=t.data,a=e.model,s=e==null?void 0:e.state;a===n&&s&&r.stateUpdate(s);break}case"builder.contentUpdate":{const e=t.data,a=e.key||e.alias||e.entry||e.modelName,s=e.data;a===n&&r.contentUpdate(s);break}}},m=({model:n,apiKey:i,callback:r,trustedHosts:o})=>{if(!c.isBrowser)return g.logger.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};b.setupBrowserForEditing({modelName:n,apiKey:i});const t=d({callbacks:{contentUpdate:r,animation:()=>{},configureSdk:()=>{},stateUpdate:()=>{}},model:n,trustedHosts:o});return window.addEventListener("message",t),()=>{window.removeEventListener("message",t)}};exports.createEditorListener=d;exports.subscribeToEditor=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../functions/is-browser.cjs"),b=require("../functions/is-from-trusted-host.cjs"),g=require("../scripts/init-editing.cjs"),m=require("./logger.cjs"),c=({model:n,trustedHosts:s,callbacks:r})=>i=>{if(!b.isFromTrustedHost(s,i))return;const{data:t}=i;if(t)switch(t.type){case"builder.configureSdk":{r.configureSdk(t.data);break}case"builder.triggerAnimation":{r.animation(t.data);break}case"builder.resetState":{const e=t.data,a=e.model,o=e==null?void 0:e.state,d=e.editType;a===n&&o&&r.stateUpdate(o,d);break}case"builder.contentUpdate":{const e=t.data,a=e.key||e.alias||e.entry||e.modelName,o=e.data,d=e.editType;a===n&&r.contentUpdate(o,d);break}}},p=({model:n,apiKey:s,callback:r,trustedHosts:i})=>{if(!u.isBrowser)return m.logger.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."),()=>{};g.setupBrowserForEditing({modelName:n,apiKey:s});const t=c({callbacks:{contentUpdate:r,animation:()=>{},configureSdk:()=>{},stateUpdate:()=>{}},model:n,trustedHosts:i});return window.addEventListener("message",t),()=>{window.removeEventListener("message",t)}};exports.createEditorListener=c;exports.subscribeToEditor=p;