@builder.io/sdk-react-nextjs 0.17.8 → 0.18.1

package/lib/node/scripts/init-editing.mjs

@@ -27,7 +27,7 @@ const S = () => {
   });
 };
 let m = !1;
-const x = (a = {}) => {
+const x = (r) => {
   var n, i;
   m || (m = !0, b() && ((n = window.parent) == null || n.postMessage({
     type: "builder.sdkInfo",
@@ -39,17 +39,19 @@ const x = (a = {}) => {
       // scope our '+ add block' button styling
       supportsAddBlockScoping: !0,
       supportsCustomBreakpoints: !0,
+      modelName: r.modelName,
+      apiKey: r.apiKey,
       supportsXSmallBreakpoint: !0,
       blockLevelPersonalization: !0
     }
   }, "*"), (i = window.parent) == null || i.postMessage({
     type: "builder.updateContent",
     data: {
-      options: a
+      options: r
     }
   }, "*"), window.addEventListener("message", (u) => {
     var p, d;
-    if (!B(a.trustedHosts, u))
+    if (!B(r.trustedHosts, u))
       return;
     const {
       data: e
@@ -57,7 +59,7 @@ const x = (a = {}) => {
     if (e != null && e.type)
       switch (e.type) {
         case "builder.evaluate": {
-          const c = e.data.text, f = e.data.arguments || [], r = e.data.id, g = new Function(c);
+          const c = e.data.text, f = e.data.arguments || [], a = e.data.id, g = new Function(c);
           let t, s = null;
           try {
             t = g.apply(null, f);
@@ -67,7 +69,7 @@ const x = (a = {}) => {
           s ? (p = window.parent) == null || p.postMessage({
             type: "builder.evaluateError",
             data: {
-              id: r,
+              id: a,
               error: s.message
             }
           }, "*") : t && typeof t.then == "function" ? t.then((o) => {
@@ -75,7 +77,7 @@ const x = (a = {}) => {
             (l = window.parent) == null || l.postMessage({
               type: "builder.evaluateResult",
               data: {
-                id: r,
+                id: a,
                 result: o
               }
             }, "*");
@@ -83,7 +85,7 @@ const x = (a = {}) => {
             type: "builder.evaluateResult",
             data: {
               result: t,
-              id: r
+              id: a
             }
           }, "*");
           break;

package/package.json

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

package/types/cjs/components/content-variants/content-variants.types.d.ts

@@ -7,11 +7,11 @@ export interface ContentVariantsPrps extends ExtraFrameworkProps {
     /**
      * The Builder content JSON to render (required).
      */
-    content?: Nullable<BuilderContent>;
+    content: Nullable<BuilderContent>;
     /**
      * The Builder content `model` to render (required).
      */
-    model?: string;
+    model: string;
     /**
      * Additional data to inject into your Builder content (optional).
      */

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.17.8";
+export declare const SDK_VERSION = "0.18.1";

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

@@ -1,27 +1,29 @@
 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';
 type ContentListener = Required<Pick<ContentProps, 'model' | 'trustedHosts'>> & {
     callbacks: {
         contentUpdate: (updatedContent: BuilderContent) => void;
+        stateUpdate: (newState: Dictionary<string>) => void;
         animation: (updatedContent: BuilderAnimation) => void;
         configureSdk: (updatedContent: any) => void;
     };
 };
 export declare const createEditorListener: ({ model, trustedHosts, callbacks }: ContentListener) => (event: MessageEvent<any>) => void;
-type SubscribeToEditor = (
-/**
- * The Builder `model` to subscribe to
- */
-model: string, 
-/**
- * The callback function to call when the content is updated.
- */
-callback: (updatedContent: BuilderContent) => void, 
-/**
- * Extra options for the listener.
- */
-options?: {
+type SubscribeToEditor = ({ model, apiKey, callback, trustedHosts }: {
+    /**
+     * The Builder `model` to subscribe to
+     */
+    model: string;
+    /**
+     * Builder API Key to use for the editor.
+     */
+    apiKey: string;
+    /**
+     * The callback function to call when the content is updated.
+     */
+    callback: (updatedContent: BuilderContent) => void;
     /**
      * List of hosts to allow editing content from.
      */

package/types/cjs/scripts/init-editing.d.ts

@@ -1,5 +1,7 @@
 export declare const registerInsertMenu: () => void;
-export declare const setupBrowserForEditing: (options?: {
+export declare const setupBrowserForEditing: (options: {
+    modelName: string;
+    apiKey: string;
     enrich?: boolean;
     includeRefs?: boolean;
     locale?: string;

package/types/esm/components/content-variants/content-variants.types.d.ts

@@ -7,11 +7,11 @@ export interface ContentVariantsPrps extends ExtraFrameworkProps {
     /**
      * The Builder content JSON to render (required).
      */
-    content?: Nullable<BuilderContent>;
+    content: Nullable<BuilderContent>;
     /**
      * The Builder content `model` to render (required).
      */
-    model?: string;
+    model: string;
     /**
      * Additional data to inject into your Builder content (optional).
      */

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

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.17.8";
+export declare const SDK_VERSION = "0.18.1";

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

@@ -1,27 +1,29 @@
 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';
 type ContentListener = Required<Pick<ContentProps, 'model' | 'trustedHosts'>> & {
     callbacks: {
         contentUpdate: (updatedContent: BuilderContent) => void;
+        stateUpdate: (newState: Dictionary<string>) => void;
         animation: (updatedContent: BuilderAnimation) => void;
         configureSdk: (updatedContent: any) => void;
     };
 };
 export declare const createEditorListener: ({ model, trustedHosts, callbacks }: ContentListener) => (event: MessageEvent<any>) => void;
-type SubscribeToEditor = (
-/**
- * The Builder `model` to subscribe to
- */
-model: string, 
-/**
- * The callback function to call when the content is updated.
- */
-callback: (updatedContent: BuilderContent) => void, 
-/**
- * Extra options for the listener.
- */
-options?: {
+type SubscribeToEditor = ({ model, apiKey, callback, trustedHosts }: {
+    /**
+     * The Builder `model` to subscribe to
+     */
+    model: string;
+    /**
+     * Builder API Key to use for the editor.
+     */
+    apiKey: string;
+    /**
+     * The callback function to call when the content is updated.
+     */
+    callback: (updatedContent: BuilderContent) => void;
     /**
      * List of hosts to allow editing content from.
      */

package/types/esm/scripts/init-editing.d.ts

@@ -1,5 +1,7 @@
 export declare const registerInsertMenu: () => void;
-export declare const setupBrowserForEditing: (options?: {
+export declare const setupBrowserForEditing: (options: {
+    modelName: string;
+    apiKey: string;
     enrich?: boolean;
     includeRefs?: boolean;
     locale?: string;