@builder.io/sdk-react-nextjs 0.16.24 → 0.17.1

package/lib/node/functions/extract-localized-values.mjs

@@ -0,0 +1,28 @@
+import { traverse as r } from "./traverse.mjs";
+function s(e) {
+  return e && typeof e == "object" && e["@type"] === "@builder.io/core:LocalizedValue";
+}
+function l(e) {
+  if (!e || !Object.getOwnPropertyNames(e).length)
+    return !1;
+  let o = !1;
+  return r(e, (t) => {
+    if (s(t)) {
+      o = !0;
+      return;
+    }
+  }), o;
+}
+function u(e, o) {
+  return !e || !Object.getOwnPropertyNames(e).length ? {} : (r(e, (t, n) => {
+    var i;
+    s(t) && n((i = t[o]) != null ? i : void 0);
+  }), e);
+}
+function p(e, o) {
+  var t, n;
+  return (t = e.component) != null && t.options && l((n = e.component) == null ? void 0 : n.options) && (o || console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization"), e.component.options = u(e.component.options, o != null ? o : "Default")), e;
+}
+export {
+  p as resolveLocalizedValues
+};

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../constants/target.cjs"),l=require("../helpers/omit.cjs"),p=require("./evaluate/evaluate.cjs"),f=require("./fast-clone.cjs"),g=require("./set.cjs"),m=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 y=["svelte","vue","angular","qwik","solid"].includes(d.TARGET),C=e=>{if(y){const t=f.fastClone(e);return{...t,properties:{...t.properties},actions:{...t.actions}}}else{const t=o(l.omit(e,"children","meta"));return{...t,properties:{...t.properties},actions:{...t.actions},children:e.children,meta:e.meta}}},q=({block:e,context:t,localState:n,rootState:s,rootSetState:c})=>{if(!e.bindings)return e;const i=C(e);for(const r in e.bindings){const a=e.bindings[r],u=p.evaluate({code:a,localState:n,rootState:s,rootSetState:c,context:t});g.set(i,r,u)}return i};function v({block:e,context:t,shouldEvaluateBindings:n,localState:s,rootState:c,rootSetState:i}){const r=m.transformBlock(e);return n?q({block:r,localState:s,rootState:c,rootSetState:i,context:t}):r}exports.deepCloneWithConditions=o;exports.getProcessedBlock=v;
+"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:c,rootSetState:i})=>{if(!e.bindings)return e;const s=q(e);for(const r in e.bindings){const a=e.bindings[r],l=p.evaluate({code:a,localState:n,rootState:c,rootSetState:i,context:t});m.set(s,r,l)}return s};function B({block:e,context:t,shouldEvaluateBindings:n,localState:c,rootState:i,rootSetState:s}){let r=f.resolveLocalizedValues(e,i.locale);return r=y.transformBlock(r),n?v({block:r,localState:c,rootState:i,rootSetState:s,context:t}):r}exports.deepCloneWithConditions=o;exports.getProcessedBlock=B;

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

@@ -1,42 +1,43 @@
-import { TARGET as d } from "../constants/target.mjs";
-import { omit as f } from "../helpers/omit.mjs";
-import { evaluate as m } from "./evaluate/evaluate.mjs";
+import { TARGET as l } from "../constants/target.mjs";
+import { omit as m } from "../helpers/omit.mjs";
+import { evaluate as d } from "./evaluate/evaluate.mjs";
+import { resolveLocalizedValues as f } from "./extract-localized-values.mjs";
 import { fastClone as u } from "./fast-clone.mjs";
-import { set as l } from "./set.mjs";
-import { transformBlock as y } from "./transform-block.mjs";
+import { set as y } from "./set.mjs";
+import { transformBlock as g } from "./transform-block.mjs";
 function c(e) {
   if (e === null || typeof e != "object")
     return e;
   if (Array.isArray(e))
-    return e.map((r) => c(r));
+    return e.map((t) => c(t));
   if (e["@type"] === "@builder.io/sdk:Element")
     return e;
-  const t = {};
-  for (const r in e)
-    r !== "meta" && Object.prototype.hasOwnProperty.call(e, r) && (t[r] = c(e[r]));
-  return t;
+  const r = {};
+  for (const t in e)
+    t !== "meta" && Object.prototype.hasOwnProperty.call(e, t) && (r[t] = c(e[t]));
+  return r;
 }
-const g = ["svelte", "vue", "angular", "qwik", "solid"].includes(d), C = (e) => {
-  if (g) {
-    const t = u(e);
+const C = ["svelte", "vue", "angular", "qwik", "solid"].includes(l), v = (e) => {
+  if (C) {
+    const r = u(e);
     return {
-      ...t,
+      ...r,
       properties: {
-        ...t.properties
+        ...r.properties
       },
       actions: {
-        ...t.actions
+        ...r.actions
       }
     };
   } else {
-    const t = c(f(e, "children", "meta"));
+    const r = c(m(e, "children", "meta"));
     return {
-      ...t,
+      ...r,
       properties: {
-        ...t.properties
+        ...r.properties
       },
       actions: {
-        ...t.actions
+        ...r.actions
       },
       children: e.children,
       meta: e.meta
@@ -44,44 +45,44 @@ const g = ["svelte", "vue", "angular", "qwik", "solid"].includes(d), C = (e) =>
   }
 }, O = ({
   block: e,
-  context: t,
-  localState: r,
-  rootState: o,
-  rootSetState: s
+  context: r,
+  localState: t,
+  rootState: s,
+  rootSetState: i
 }) => {
   if (!e.bindings)
     return e;
-  const i = C(e);
+  const o = v(e);
   for (const n in e.bindings) {
-    const p = e.bindings[n], a = m({
+    const p = e.bindings[n], a = d({
       code: p,
-      localState: r,
-      rootState: o,
-      rootSetState: s,
-      context: t
+      localState: t,
+      rootState: s,
+      rootSetState: i,
+      context: r
     });
-    l(i, n, a);
+    y(o, n, a);
   }
-  return i;
+  return o;
 };
-function S({
+function P({
   block: e,
-  context: t,
-  shouldEvaluateBindings: r,
-  localState: o,
-  rootState: s,
-  rootSetState: i
+  context: r,
+  shouldEvaluateBindings: t,
+  localState: s,
+  rootState: i,
+  rootSetState: o
 }) {
-  const n = y(e);
-  return r ? O({
+  let n = f(e, i.locale);
+  return n = g(n), t ? O({
     block: n,
-    localState: o,
-    rootState: s,
-    rootSetState: i,
-    context: t
+    localState: s,
+    rootState: i,
+    rootSetState: o,
+    context: r
   }) : n;
 }
 export {
   c as deepCloneWithConditions,
-  S as getProcessedBlock
+  P as getProcessedBlock
 };

package/lib/node/functions/register-component.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=t=>({type:"builder.registerComponent",data:r(t)}),s=t=>{const n=t.toString().trim(),e=/^[a-zA-Z0-9_]+\s*=>/i.test(n);return`return (${!n.startsWith("function")&&!n.startsWith("(")&&!e?"function ":""}${n}).apply(this, arguments)`};function r(t){return JSON.parse(JSON.stringify(t,(n,e)=>typeof e=="function"?s(e):e))}exports.createRegisterComponentMessage=i;exports.serializeIncludingFunctions=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=n=>({type:"builder.registerComponent",data:r(n)}),s=n=>{const t=n.toString().trim(),e=/^[a-zA-Z0-9_]+\s*=>/i.test(t);return`return (${!t.startsWith("function")&&!t.startsWith("async")&&!t.startsWith("(")&&!e?"function ":""}${t}).apply(this, arguments)`};function r(n){return JSON.parse(JSON.stringify(n,(t,e)=>typeof e=="function"?s(e):e))}exports.createRegisterComponentMessage=i;exports.serializeIncludingFunctions=r;

package/lib/node/functions/register-component.mjs

@@ -1,12 +1,12 @@
-const o = (t) => ({
+const o = (n) => ({
   type: "builder.registerComponent",
-  data: i(t)
-}), e = (t) => {
-  const n = t.toString().trim(), r = /^[a-zA-Z0-9_]+\s*=>/i.test(n);
-  return `return (${!n.startsWith("function") && !n.startsWith("(") && !r ? "function " : ""}${n}).apply(this, arguments)`;
+  data: i(n)
+}), e = (n) => {
+  const t = n.toString().trim(), r = /^[a-zA-Z0-9_]+\s*=>/i.test(t);
+  return `return (${!t.startsWith("function") && !t.startsWith("async") && !t.startsWith("(") && !r ? "function " : ""}${t}).apply(this, arguments)`;
 };
-function i(t) {
-  return JSON.parse(JSON.stringify(t, (n, r) => typeof r == "function" ? e(r) : r));
+function i(n) {
+  return JSON.parse(JSON.stringify(n, (t, r) => typeof r == "function" ? e(r) : r));
 }
 export {
   o as createRegisterComponentMessage,

package/lib/node/functions/traverse.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(e,t,a=null,l=null,n=new WeakSet){if(e==null||typeof e!="object"){t(e,r=>{a!==null&&l!==null&&(a[l]=r)});return}n.has(e)||(n.add(e),Array.isArray(e)?e.forEach((r,u)=>{t(r,f=>{e[u]=f}),s(r,t,e,u,n)}):Object.entries(e).forEach(([r,u])=>{t(u,f=>{e[r]=f}),s(u,t,e,r,n)}))}exports.traverse=s;

package/lib/node/functions/traverse.mjs

@@ -0,0 +1,20 @@
+function h(r, t, p = null, s = null, e = /* @__PURE__ */ new WeakSet()) {
+  if (r == null || typeof r != "object") {
+    t(r, (n) => {
+      p !== null && s !== null && (p[s] = n);
+    });
+    return;
+  }
+  e.has(r) || (e.add(r), Array.isArray(r) ? r.forEach((n, u) => {
+    t(n, (f) => {
+      r[u] = f;
+    }), h(n, t, r, u, e);
+  }) : Object.entries(r).forEach(([n, u]) => {
+    t(u, (f) => {
+      r[n] = f;
+    }), h(u, t, r, n, e);
+  }));
+}
+export {
+  h as traverse
+};

package/package.json

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

package/types/cjs/components/block/block.helpers.d.ts

@@ -1,9 +1,10 @@
 import type { BuilderContextInterface, RegisteredComponent, RegisteredComponents } from '../../context/types.js';
 import type { BuilderBlock } from '../../types/builder-block.js';
 import type { RepeatData } from './types.js';
-export declare const getComponent: ({ block, registeredComponents }: {
+export declare const getComponent: ({ block, registeredComponents, model }: {
     block: BuilderBlock;
     registeredComponents: RegisteredComponents;
+    model: string;
 }) => RegisteredComponent;
 export declare const getRepeatItemData: ({ block, context }: {
     block: BuilderBlock;
@@ -18,8 +19,10 @@ export declare const provideLinkComponent: (block: RegisteredComponent | null |
 } | {
     builderLinkComponent?: undefined;
 };
-export declare const provideRegisteredComponents: (block: RegisteredComponent | null | undefined, registeredComponents: RegisteredComponents) => {
-    builderComponents: RegisteredComponents;
+export declare const provideRegisteredComponents: (block: RegisteredComponent | null | undefined, registeredComponents: RegisteredComponents, model: string) => {
+    builderComponents: {
+        [k: string]: RegisteredComponent;
+    };
 } | {
     builderComponents?: undefined;
 };

package/types/cjs/components/content/components/enable-editor.helpers.d.ts

@@ -0,0 +1,11 @@
+import type { Target } from '../../../types/targets.js';
+/**
+ * SDKS that use the elementRef approach to enable visual editing.
+ * We don't need to render the div for other SDKs as they attach event listeners to the window.
+ */
+export declare const SDKS_USING_ELEMENT_REF_APPROACH: Target[];
+/**
+ * We need to attach this div only when content exists or isPreviewing/isEditing even when content is null,
+ * as we need to set the elementRef and allow previewing and visual editing
+ */
+export declare const needsElementRefDivForEditing: () => boolean;

package/types/cjs/constants/file-types.d.ts

@@ -0,0 +1,2 @@
+export declare const IMAGE_FILE_TYPES: string[];
+export declare const VIDEO_FILE_TYPES: string[];

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.16.24";
+export declare const SDK_VERSION = "0.17.1";

package/types/cjs/context/types.d.ts

@@ -36,5 +36,6 @@ export interface BuilderContextInterface extends Pick<BlocksWrapperProps, 'Block
     componentInfos: Dictionary<ComponentInfo>;
     inheritedStyles: Record<string, unknown>;
     nonce: string;
+    model: string;
     canTrack?: boolean;
 }

package/types/cjs/functions/extract-localized-values.d.ts

@@ -0,0 +1,2 @@
+import type { BuilderBlock } from '../types/builder-block.js';
+export declare function resolveLocalizedValues(block: BuilderBlock, locale: string | undefined): BuilderBlock;

package/types/cjs/functions/traverse.d.ts

@@ -0,0 +1,34 @@
+type TraverseCallback = (value: any, update: (newValue: any) => void) => void;
+/**
+ * Recursively traverses an object or array, invoking a callback on each value.
+ *
+ * @param {any} obj - The object or array to traverse. Can also handle primitives, null, or undefined.
+ * @param {TraverseCallback} callback - The function to invoke on each value. Receives the current value
+ * and an `update` function to modify the value in its parent container.
+ * @param {any} [parent=null] - The parent object or array of the current value. Used internally.
+ * @param {any} [key=null] - The key or index of the current value in its parent. Used internally.
+ * @param {WeakSet} [visited=new WeakSet()] - Tracks visited objects to handle circular references. Used internally.
+ *
+ * @example
+ * // Example: Doubling all numbers in an object
+ * const obj = { a: 1, b: [2, 3, { c: 4 }] };
+ * traverse(obj, (value, update) => {
+ *   if (typeof value === 'number') {
+ *     update(value * 2);
+ *   }
+ * });
+ * console.log(obj); // { a: 2, b: [4, 6, { c: 8 }] }
+ *
+ * @example
+ * // Example: Handling circular references
+ * const obj = { a: 1 };
+ * obj.self = obj;
+ * traverse(obj, (value, update) => {
+ *   if (typeof value === 'number') {
+ *     update(value * 2);
+ *   }
+ * });
+ * console.log(obj.a); // 2
+ */
+export declare function traverse(obj: any, callback: TraverseCallback, parent?: any, key?: any, visited?: WeakSet<WeakKey>): void;
+export {};

package/types/cjs/types/components.d.ts

@@ -146,6 +146,9 @@ export interface ComponentInfo {
          */
         builderLinkComponent?: boolean;
     };
+    meta?: {
+        [key: string]: any;
+    };
 }
 type Permission = 'read' | 'publish' | 'editCode' | 'editDesigns' | 'admin' | 'create';
 export {};

package/types/esm/components/block/block.helpers.d.ts

@@ -1,9 +1,10 @@
 import type { BuilderContextInterface, RegisteredComponent, RegisteredComponents } from '../../context/types.js';
 import type { BuilderBlock } from '../../types/builder-block.js';
 import type { RepeatData } from './types.js';
-export declare const getComponent: ({ block, registeredComponents }: {
+export declare const getComponent: ({ block, registeredComponents, model }: {
     block: BuilderBlock;
     registeredComponents: RegisteredComponents;
+    model: string;
 }) => RegisteredComponent;
 export declare const getRepeatItemData: ({ block, context }: {
     block: BuilderBlock;
@@ -18,8 +19,10 @@ export declare const provideLinkComponent: (block: RegisteredComponent | null |
 } | {
     builderLinkComponent?: undefined;
 };
-export declare const provideRegisteredComponents: (block: RegisteredComponent | null | undefined, registeredComponents: RegisteredComponents) => {
-    builderComponents: RegisteredComponents;
+export declare const provideRegisteredComponents: (block: RegisteredComponent | null | undefined, registeredComponents: RegisteredComponents, model: string) => {
+    builderComponents: {
+        [k: string]: RegisteredComponent;
+    };
 } | {
     builderComponents?: undefined;
 };

package/types/esm/components/content/components/enable-editor.helpers.d.ts

@@ -0,0 +1,11 @@
+import type { Target } from '../../../types/targets.js';
+/**
+ * SDKS that use the elementRef approach to enable visual editing.
+ * We don't need to render the div for other SDKs as they attach event listeners to the window.
+ */
+export declare const SDKS_USING_ELEMENT_REF_APPROACH: Target[];
+/**
+ * We need to attach this div only when content exists or isPreviewing/isEditing even when content is null,
+ * as we need to set the elementRef and allow previewing and visual editing
+ */
+export declare const needsElementRefDivForEditing: () => boolean;

package/types/esm/constants/file-types.d.ts

@@ -0,0 +1,2 @@
+export declare const IMAGE_FILE_TYPES: string[];
+export declare const VIDEO_FILE_TYPES: string[];

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.16.24";
+export declare const SDK_VERSION = "0.17.1";

package/types/esm/context/types.d.ts

@@ -36,5 +36,6 @@ export interface BuilderContextInterface extends Pick<BlocksWrapperProps, 'Block
     componentInfos: Dictionary<ComponentInfo>;
     inheritedStyles: Record<string, unknown>;
     nonce: string;
+    model: string;
     canTrack?: boolean;
 }

package/types/esm/functions/extract-localized-values.d.ts

@@ -0,0 +1,2 @@
+import type { BuilderBlock } from '../types/builder-block.js';
+export declare function resolveLocalizedValues(block: BuilderBlock, locale: string | undefined): BuilderBlock;

package/types/esm/functions/traverse.d.ts

@@ -0,0 +1,34 @@
+type TraverseCallback = (value: any, update: (newValue: any) => void) => void;
+/**
+ * Recursively traverses an object or array, invoking a callback on each value.
+ *
+ * @param {any} obj - The object or array to traverse. Can also handle primitives, null, or undefined.
+ * @param {TraverseCallback} callback - The function to invoke on each value. Receives the current value
+ * and an `update` function to modify the value in its parent container.
+ * @param {any} [parent=null] - The parent object or array of the current value. Used internally.
+ * @param {any} [key=null] - The key or index of the current value in its parent. Used internally.
+ * @param {WeakSet} [visited=new WeakSet()] - Tracks visited objects to handle circular references. Used internally.
+ *
+ * @example
+ * // Example: Doubling all numbers in an object
+ * const obj = { a: 1, b: [2, 3, { c: 4 }] };
+ * traverse(obj, (value, update) => {
+ *   if (typeof value === 'number') {
+ *     update(value * 2);
+ *   }
+ * });
+ * console.log(obj); // { a: 2, b: [4, 6, { c: 8 }] }
+ *
+ * @example
+ * // Example: Handling circular references
+ * const obj = { a: 1 };
+ * obj.self = obj;
+ * traverse(obj, (value, update) => {
+ *   if (typeof value === 'number') {
+ *     update(value * 2);
+ *   }
+ * });
+ * console.log(obj.a); // 2
+ */
+export declare function traverse(obj: any, callback: TraverseCallback, parent?: any, key?: any, visited?: WeakSet<WeakKey>): void;
+export {};

package/types/esm/types/components.d.ts

@@ -146,6 +146,9 @@ export interface ComponentInfo {
          */
         builderLinkComponent?: boolean;
     };
+    meta?: {
+        [key: string]: any;
+    };
 }
 type Permission = 'read' | 'publish' | 'editCode' | 'editDesigns' | 'admin' | 'create';
 export {};