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

package/lib/node/functions/get-content/generate-content-url.mjs

@@ -1,62 +1,58 @@
-import { flatten as w, flattenMongoQuery as E, unflatten as F } from "../../helpers/flatten.mjs";
-import { normalizeSearchParams as O } from "../../helpers/search/search.mjs";
-import { DEFAULT_API_VERSION as J } from "../../types/api-version.mjs";
-import { getBuilderSearchParamsFromWindow as L } from "../get-builder-search-params/index.mjs";
+import { flatten as U, flattenMongoQuery as I, unflatten as E } from "../../helpers/flatten.mjs";
+import { normalizeSearchParams as F } from "../../helpers/search/search.mjs";
+import { DEFAULT_API_VERSION as O } from "../../types/api-version.mjs";
+import { getBuilderSearchParamsFromWindow as J } from "../get-builder-search-params/index.mjs";
 import { isBrowser as R } from "../is-browser.mjs";
-const y = (t) => typeof t == "number" && !isNaN(t) && t >= 0, _ = (t) => {
+const w = (t) => typeof t == "number" && !isNaN(t) && t >= 0, V = (t) => {
   const {
     limit: a = 30,
     userAttributes: r,
     query: u,
-    model: A,
-    apiKey: d,
-    enrich: P,
-    locale: N,
-    apiVersion: o = J,
+    model: y,
+    apiKey: h,
+    enrich: d,
+    locale: P,
+    apiVersion: o = O,
     fields: S,
     omit: c,
-    offset: l,
-    cacheSeconds: f,
-    staleCacheSeconds: m,
-    sort: p,
-    includeUnpublished: b,
-    apiHost: v
+    offset: f,
+    cacheSeconds: m,
+    staleCacheSeconds: l,
+    sort: b,
+    includeUnpublished: p,
+    apiHost: N
   } = t;
-  if (!d)
+  if (!h)
     throw new Error("Missing API key");
   if (!["v3"].includes(o))
     throw new Error(`Invalid apiVersion: expected 'v3', received '${o}'`);
-  const k = a !== 1, I = v || "https://cdn.builder.io", e = new URL(`${I}/api/${o}/content/${A}`);
-  e.searchParams.set("apiKey", d), e.searchParams.set("limit", String(a)), e.searchParams.set("noTraverse", String(k)), e.searchParams.set("includeRefs", String(!0));
-  const h = N || (r == null ? void 0 : r.locale);
-  let i = r || {};
-  if (h && (e.searchParams.set("locale", h), i = {
-    locale: h,
-    ...i
-  }), P && e.searchParams.set("enrich", String(P)), e.searchParams.set("omit", c != null ? c : "meta.componentsUsed"), S && e.searchParams.set("fields", S), Number.isFinite(l) && l > -1 && e.searchParams.set("offset", String(Math.floor(l))), typeof b == "boolean" && e.searchParams.set("includeUnpublished", String(b)), f && y(f) && e.searchParams.set("cacheSeconds", String(f)), m && y(m) && e.searchParams.set("staleCacheSeconds", String(m)), p) {
-    const s = w({
-      sort: p
+  const v = a !== 1, k = N || "https://cdn.builder.io", e = new URL(`${k}/api/${o}/content/${y}`);
+  e.searchParams.set("apiKey", h), e.searchParams.set("limit", String(a)), e.searchParams.set("noTraverse", String(v)), e.searchParams.set("includeRefs", String(!0)), P && e.searchParams.set("locale", P);
+  let n = r || {};
+  if (d && e.searchParams.set("enrich", String(d)), e.searchParams.set("omit", c != null ? c : "meta.componentsUsed"), S && e.searchParams.set("fields", S), Number.isFinite(f) && f > -1 && e.searchParams.set("offset", String(Math.floor(f))), typeof p == "boolean" && e.searchParams.set("includeUnpublished", String(p)), m && w(m) && e.searchParams.set("cacheSeconds", String(m)), l && w(l) && e.searchParams.set("staleCacheSeconds", String(l)), b) {
+    const s = U({
+      sort: b
     });
-    for (const n in s)
-      e.searchParams.set(n, JSON.stringify(s[n]));
+    for (const i in s)
+      e.searchParams.set(i, JSON.stringify(s[i]));
   }
   const g = {
-    ...L(),
-    ...O(t.options || {})
+    ...J(),
+    ...F(t.options || {})
   };
-  i = {
-    ...i,
+  n = {
+    ...n,
     ...$(g)
   };
-  const U = w(g);
-  for (const s in U)
-    e.searchParams.set(s, String(U[s]));
-  if (Object.keys(i).length > 0 && e.searchParams.set("userAttributes", JSON.stringify(i)), u) {
-    const s = E({
+  const A = U(g);
+  for (const s in A)
+    e.searchParams.set(s, String(A[s]));
+  if (Object.keys(n).length > 0 && e.searchParams.set("userAttributes", JSON.stringify(n)), u) {
+    const s = I({
       query: u
     });
-    for (const n in s)
-      e.searchParams.set(n, JSON.stringify(s[n]));
+    for (const i in s)
+      e.searchParams.set(i, JSON.stringify(s[i]));
   }
   return e;
 }, T = (t) => {
@@ -69,11 +65,11 @@ const y = (t) => typeof t == "number" && !isNaN(t) && t >= 0, _ = (t) => {
     t["userAttributes.urlPath"] = window.location.pathname, t["userAttributes.host"] = window.location.host;
     const a = T(t), {
       userAttributes: r
-    } = F(a);
+    } = E(a);
     return r;
   }
   return {};
 };
 export {
-  _ as generateContentUrl
+  V as generateContentUrl
 };

package/lib/node/functions/get-content/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../../constants/target.cjs"),g=require("../../helpers/ab-tests.cjs"),w=require("../../helpers/canTrack.cjs"),i=require("../../helpers/logger.cjs"),C=require("../../helpers/preview-lru-cache/get.cjs"),d=require("../../helpers/sdk-headers.cjs"),T=require("../get-fetch.cjs"),q=require("../is-browser.cjs"),o=require("./generate-content-url.cjs"),y=e=>"results"in e;async function k(e){const t=await l({...e,limit:1});return t&&t[0]||null}const v=async e=>{var n,a;const t=o.generateContentUrl(e),r=(n=e.fetch)!=null?n:T.fetch,c={...e.fetchOptions,headers:{...(a=e.fetchOptions)==null?void 0:a.headers,...d.getSdkHeaders()}};return await(await r(t.href,c)).json()},u=async(e,t,r=o.generateContentUrl(e))=>{const c=w.getDefaultCanTrack(e.canTrack);if(r.search.includes("preview=")){const s=[];for(const n of t.results){const a=C.getPreviewContent(r.searchParams);s.push(a||n)}t.results=s}if(!c||!(q.isBrowser()||h.TARGET==="reactNative"))return t.results;try{const s=[];for(const n of t.results)s.push(await g.handleABTesting({item:n,canTrack:c}));t.results=s}catch(s){i.logger.error("Could not process A/B tests. ",s)}return t.results};async function l(e){const t=o.generateContentUrl(e),r=await v(e);if(!y(r))throw i.logger.error("Error fetching data. ",{url:t,content:r,options:e}),r;return u(e,r)}exports._processContentResult=u;exports.fetchEntries=l;exports.fetchOneEntry=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../../constants/target.cjs"),g=require("../../helpers/ab-tests.cjs"),w=require("../../helpers/canTrack.cjs"),l=require("../../helpers/logger.cjs"),C=require("../../helpers/preview-lru-cache/get.cjs"),d=require("../../helpers/sdk-headers.cjs"),T=require("../get-fetch.cjs"),q=require("../is-browser.cjs"),u=require("./generate-content-url.cjs"),y=e=>"results"in e;async function k(e){var n;const t=e.locale||((n=e.userAttributes)==null?void 0:n.locale);t&&(e.locale=t,e.userAttributes={locale:t,...e.userAttributes});const r=await i({...e,limit:1});return r&&r[0]||null}const v=async e=>{var c,a;const t=u.generateContentUrl(e),r=(c=e.fetch)!=null?c:T.fetch,n={...e.fetchOptions,headers:{...(a=e.fetchOptions)==null?void 0:a.headers,...d.getSdkHeaders()}};return await(await r(t.href,n)).json()},o=async(e,t,r=u.generateContentUrl(e))=>{const n=w.getDefaultCanTrack(e.canTrack);if(r.search.includes("preview=")){const s=[];for(const c of t.results){const a=C.getPreviewContent(r.searchParams);s.push(a||c)}t.results=s}if(!n||!(q.isBrowser()||h.TARGET==="reactNative"))return t.results;try{const s=[];for(const c of t.results)s.push(await g.handleABTesting({item:c,canTrack:n}));t.results=s}catch(s){l.logger.error("Could not process A/B tests. ",s)}return t.results};async function i(e){const t=u.generateContentUrl(e),r=await v(e);if(!y(r))throw l.logger.error("Error fetching data. ",{url:t,content:r,options:e}),r;return o(e,r)}exports._processContentResult=o;exports.fetchEntries=i;exports.fetchOneEntry=k;

package/lib/node/functions/get-content/index.mjs

@@ -1,67 +1,73 @@
 import { TARGET as u } from "../../constants/target.mjs";
-import { handleABTesting as l } from "../../helpers/ab-tests.mjs";
+import { handleABTesting as f } from "../../helpers/ab-tests.mjs";
 import { getDefaultCanTrack as m } from "../../helpers/canTrack.mjs";
 import { logger as i } from "../../helpers/logger.mjs";
 import { getPreviewContent as h } from "../../helpers/preview-lru-cache/get.mjs";
 import { getSdkHeaders as w } from "../../helpers/sdk-headers.mjs";
-import { fetch as p } from "../get-fetch.mjs";
-import { isBrowser as g } from "../is-browser.mjs";
-import { generateContentUrl as a } from "./generate-content-url.mjs";
-const C = (t) => "results" in t;
-async function H(t) {
-  const e = await y({
-    ...t,
+import { fetch as g } from "../get-fetch.mjs";
+import { isBrowser as C } from "../is-browser.mjs";
+import { generateContentUrl as o } from "./generate-content-url.mjs";
+const d = (e) => "results" in e;
+async function _(e) {
+  var n;
+  const t = e.locale || ((n = e.userAttributes) == null ? void 0 : n.locale);
+  t && (e.locale = t, e.userAttributes = {
+    locale: t,
+    ...e.userAttributes
+  });
+  const r = await y({
+    ...e,
     limit: 1
   });
-  return e && e[0] || null;
+  return r && r[0] || null;
 }
-const d = async (t) => {
-  var n, c;
-  const e = a(t), r = (n = t.fetch) != null ? n : p, o = {
-    ...t.fetchOptions,
+const p = async (e) => {
+  var c, a;
+  const t = o(e), r = (c = e.fetch) != null ? c : g, n = {
+    ...e.fetchOptions,
     headers: {
-      ...(c = t.fetchOptions) == null ? void 0 : c.headers,
+      ...(a = e.fetchOptions) == null ? void 0 : a.headers,
       ...w()
     }
   };
-  return await (await r(e.href, o)).json();
-}, v = async (t, e, r = a(t)) => {
-  const o = m(t.canTrack);
+  return await (await r(t.href, n)).json();
+}, v = async (e, t, r = o(e)) => {
+  const n = m(e.canTrack);
   if (r.search.includes("preview=")) {
     const s = [];
-    for (const n of e.results) {
-      const c = h(r.searchParams);
-      s.push(c || n);
+    for (const c of t.results) {
+      const a = h(r.searchParams);
+      s.push(a || c);
     }
-    e.results = s;
+    t.results = s;
   }
-  if (!o || !(g() || u === "reactNative"))
-    return e.results;
+  if (!n || !(C() || u === "reactNative"))
+    return t.results;
   try {
     const s = [];
-    for (const n of e.results)
-      s.push(await l({
-        item: n,
-        canTrack: o
+    for (const c of t.results)
+      s.push(await f({
+        item: c,
+        canTrack: n
       }));
-    e.results = s;
+    t.results = s;
   } catch (s) {
     i.error("Could not process A/B tests. ", s);
   }
-  return e.results;
+  return t.results;
 };
-async function y(t) {
-  const e = a(t), r = await d(t);
-  if (!C(r))
+async function y(e) {
+  const t = o(e), r = await p(e);
+  if (!d(r))
     throw i.error("Error fetching data. ", {
-      url: e,
+      url: t,
       content: r,
-      options: t
+      options: e
     }), r;
-  return v(t, r);
+  return v(e, r);
 }
 export {
   v as _processContentResult,
   y as fetchEntries,
-  H as fetchOneEntry
+  _ as fetchOneEntry
 };

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;

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

@@ -1,13 +1,13 @@
-import { isBrowser as d } from "../functions/is-browser.mjs";
-import { isFromTrustedHost as c } from "../functions/is-from-trusted-host.mjs";
-import { setupBrowserForEditing as m } from "../scripts/init-editing.mjs";
-import { logger as u } from "./logger.mjs";
+import { isBrowser as c } from "../functions/is-browser.mjs";
+import { isFromTrustedHost as m } from "../functions/is-from-trusted-host.mjs";
+import { setupBrowserForEditing as u } from "../scripts/init-editing.mjs";
+import { logger as p } from "./logger.mjs";
 const b = ({
   model: o,
-  trustedHosts: i,
+  trustedHosts: s,
   callbacks: r
 }) => (n) => {
-  if (!c(i, n))
+  if (!m(s, n))
     return;
   const {
     data: t
@@ -23,28 +23,28 @@ const b = ({
         break;
       }
       case "builder.resetState": {
-        const e = t.data, s = e.model, a = e == null ? void 0 : e.state;
-        s === o && a && r.stateUpdate(a);
+        const e = t.data, a = e.model, i = e == null ? void 0 : e.state, d = e.editType;
+        a === o && i && r.stateUpdate(i, d);
         break;
       }
       case "builder.contentUpdate": {
-        const e = t.data, s = e.key || e.alias || e.entry || e.modelName, a = e.data;
-        s === o && r.contentUpdate(a);
+        const e = t.data, a = e.key || e.alias || e.entry || e.modelName, i = e.data, d = e.editType;
+        a === o && r.contentUpdate(i, d);
         break;
       }
     }
 }, k = ({
   model: o,
-  apiKey: i,
+  apiKey: s,
   callback: r,
   trustedHosts: n
 }) => {
-  if (!d)
-    return u.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
+  if (!c)
+    return p.warn("`subscribeToEditor` only works in the browser. It currently seems to be running on the server."), () => {
     };
-  m({
+  u({
     modelName: o,
-    apiKey: i
+    apiKey: s
   });
   const t = b({
     callbacks: {

package/package.json

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

package/types/cjs/blocks/img/img.d.ts

@@ -9,6 +9,8 @@ export interface ImgProps {
     altText?: string;
     backgroundSize?: "cover" | "contain";
     backgroundPosition?: "center" | "top" | "left" | "right" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
+    aspectRatio?: number;
+    title?: string;
 }
 declare function ImgComponent(props: ImgProps): React.JSX.Element;
 export default ImgComponent;

package/types/cjs/components/block/components/live-edit-block-styles.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+type LiveEditBlockStylesProps = {
+    id?: any;
+    contextProvider: BuilderContextInterface;
+};
+import type { BuilderContextInterface } from "../../../server-index.js";
+declare function LiveEditBlockStyles(props: LiveEditBlockStylesProps): React.JSX.Element;
+export default LiveEditBlockStyles;

package/types/cjs/components/block/components/style-wrapper.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+type StyleWrapperProps = {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+    id?: string;
+};
+import { BuilderBlock, BuilderContextInterface } from "../../../server-index.js";
+declare function StyleWrapper(props: StyleWrapperProps): React.JSX.Element;
+export default StyleWrapper;

package/types/cjs/components/live-edit.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+type LiveEditProps = {
+    children?: any;
+    id?: any;
+    Wrapper?: any;
+    attributes?: any;
+};
+declare function LiveEdit(props: LiveEditProps): React.JSX.Element;
+export default LiveEdit;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.21.1";
+export declare const SDK_VERSION = "0.22.1";

package/types/cjs/helpers/find-block.d.ts

@@ -0,0 +1,18 @@
+import type { BuilderBlock, BuilderContent } from '../server-index.js';
+/**
+ * Recursively searches for a block by ID.
+ *
+ * @param content The Builder content to search through.
+ * @param id The ID of the block to search for.
+ * @returns The block if found, otherwise null.
+ */
+export declare const findBlockById: (content: BuilderContent, id: string) => BuilderBlock | null;
+/**
+ * Helper function to recursively search through block tree.
+ *
+ * @param blocks The blocks to search through.
+ * @param id The ID of the block to search for.
+ * @returns The block if found, otherwise null.
+ * @private This is an internal implementation detail.
+ */
+export declare const findBlockInTree: (blocks: BuilderBlock[] | undefined, id: string) => BuilderBlock | null;

package/types/cjs/helpers/subscribe-to-editor.d.ts

@@ -2,10 +2,11 @@ import type { ContentProps } from '../components/content/content.types.js';
 import type { BuilderAnimation } from '../types/builder-block.js';
 import type { BuilderContent } from '../types/builder-content.js';
 import type { Dictionary } from '../types/typescript.js';
+export type EditType = 'client' | 'server' | undefined;
 type ContentListener = Required<Pick<ContentProps, 'model' | 'trustedHosts'>> & {
     callbacks: {
-        contentUpdate: (updatedContent: BuilderContent) => void;
-        stateUpdate: (newState: Dictionary<string>) => void;
+        contentUpdate: (updatedContent: BuilderContent, editType?: EditType) => void;
+        stateUpdate: (newState: Dictionary<string>, editType?: EditType) => void;
         animation: (updatedContent: BuilderAnimation) => void;
         configureSdk: (updatedContent: any) => void;
     };

package/types/esm/blocks/img/img.d.ts

@@ -9,6 +9,8 @@ export interface ImgProps {
     altText?: string;
     backgroundSize?: "cover" | "contain";
     backgroundPosition?: "center" | "top" | "left" | "right" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
+    aspectRatio?: number;
+    title?: string;
 }
 declare function ImgComponent(props: ImgProps): React.JSX.Element;
 export default ImgComponent;

package/types/esm/components/block/components/live-edit-block-styles.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+type LiveEditBlockStylesProps = {
+    id?: any;
+    contextProvider: BuilderContextInterface;
+};
+import type { BuilderContextInterface } from "../../../server-index.js";
+declare function LiveEditBlockStyles(props: LiveEditBlockStylesProps): React.JSX.Element;
+export default LiveEditBlockStyles;

package/types/esm/components/block/components/style-wrapper.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+type StyleWrapperProps = {
+    block: BuilderBlock;
+    context: BuilderContextInterface;
+    id?: string;
+};
+import { BuilderBlock, BuilderContextInterface } from "../../../server-index.js";
+declare function StyleWrapper(props: StyleWrapperProps): React.JSX.Element;
+export default StyleWrapper;

package/types/esm/components/live-edit.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+type LiveEditProps = {
+    children?: any;
+    id?: any;
+    Wrapper?: any;
+    attributes?: any;
+};
+declare function LiveEdit(props: LiveEditProps): React.JSX.Element;
+export default LiveEdit;

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.21.1";
+export declare const SDK_VERSION = "0.22.1";

package/types/esm/helpers/find-block.d.ts

@@ -0,0 +1,18 @@
+import type { BuilderBlock, BuilderContent } from '../server-index.js';
+/**
+ * Recursively searches for a block by ID.
+ *
+ * @param content The Builder content to search through.
+ * @param id The ID of the block to search for.
+ * @returns The block if found, otherwise null.
+ */
+export declare const findBlockById: (content: BuilderContent, id: string) => BuilderBlock | null;
+/**
+ * Helper function to recursively search through block tree.
+ *
+ * @param blocks The blocks to search through.
+ * @param id The ID of the block to search for.
+ * @returns The block if found, otherwise null.
+ * @private This is an internal implementation detail.
+ */
+export declare const findBlockInTree: (blocks: BuilderBlock[] | undefined, id: string) => BuilderBlock | null;

package/types/esm/helpers/subscribe-to-editor.d.ts

@@ -2,10 +2,11 @@ import type { ContentProps } from '../components/content/content.types.js';
 import type { BuilderAnimation } from '../types/builder-block.js';
 import type { BuilderContent } from '../types/builder-content.js';
 import type { Dictionary } from '../types/typescript.js';
+export type EditType = 'client' | 'server' | undefined;
 type ContentListener = Required<Pick<ContentProps, 'model' | 'trustedHosts'>> & {
     callbacks: {
-        contentUpdate: (updatedContent: BuilderContent) => void;
-        stateUpdate: (newState: Dictionary<string>) => void;
+        contentUpdate: (updatedContent: BuilderContent, editType?: EditType) => void;
+        stateUpdate: (newState: Dictionary<string>, editType?: EditType) => void;
         animation: (updatedContent: BuilderAnimation) => void;
         configureSdk: (updatedContent: any) => void;
     };