@builder.io/sdk-react 0.5.0 → 0.5.1

package/dist/components/blocks/blocks.d.ts

@@ -1,6 +1,6 @@
 export type BlocksProps = Partial<BlocksWrapperProps> & {
-    context: BuilderContextInterface;
-    registeredComponents: RegisteredComponents;
+    context?: BuilderContextInterface;
+    registeredComponents?: RegisteredComponents;
 };
 import type { BlocksWrapperProps } from "./blocks-wrapper";
 import type { BuilderContextInterface, RegisteredComponents } from "../../context/types.js";

package/dist/components/blocks/blocks.js

@@ -1,11 +1,17 @@
 "use client";
 import * as React from "react";
+import { useContext } from "react";
 import BlockStyles from "../block/components/block-styles";
 import Block from "../block/block";
 import BlocksWrapper from "./blocks-wrapper";
+import BuilderContext from "../../context/builder.context";
+import ComponentsContext from "../../context/components.context";
 function Blocks(props) {
+    const builderContext = useContext(BuilderContext);
+    const componentsContext = useContext(ComponentsContext);
     return (React.createElement(BlocksWrapper, { blocks: props.blocks, parent: props.parent, path: props.path, styleProp: props.styleProp },
-        props.blocks ? (React.createElement(React.Fragment, null, props.blocks?.map((block) => (React.createElement(Block, { key: "render-block-" + block.id, block: block, context: props.context, registeredComponents: props.registeredComponents }))))) : null,
-        props.blocks ? (React.createElement(React.Fragment, null, props.blocks?.map((block) => (React.createElement(BlockStyles, { key: "block-style-" + block.id, block: block, context: props.context }))))) : null));
+        props.blocks ? (React.createElement(React.Fragment, null, props.blocks?.map((block) => (React.createElement(Block, { key: "render-block-" + block.id, block: block, context: props.context || builderContext, registeredComponents: props.registeredComponents ||
+                componentsContext.registeredComponents }))))) : null,
+        props.blocks ? (React.createElement(React.Fragment, null, props.blocks?.map((block) => (React.createElement(BlockStyles, { key: "block-style-" + block.id, block: block, context: props.context || builderContext }))))) : null));
 }
 export default Blocks;

package/dist/components/content/content.js

@@ -10,6 +10,7 @@ import { TARGET } from "../../constants/target.js";
 import { getRenderContentScriptString } from "../content-variants/helpers.js";
 import EnableEditor from "./components/enable-editor";
 import InlinedScript from "../inlined-script";
+import ComponentsContext from "../../context/components.context";
 function ContentComponent(props) {
     const [scriptStr, setScriptStr] = useState(() => getRenderContentScriptString({
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
@@ -69,11 +70,14 @@ function ContentComponent(props) {
         }), {}),
         inheritedStyles: {},
     }));
-    return (React.createElement(EnableEditor, { content: props.content, model: props.model, context: props.context, apiKey: props.apiKey, canTrack: props.canTrack, locale: props.locale, includeRefs: props.includeRefs, enrich: props.enrich, classNameProp: props.classNameProp, showContent: props.showContent, builderContextSignal: builderContextSignal, setBuilderContextSignal: setBuilderContextSignal },
-        props.isSsrAbTest ? (React.createElement(React.Fragment, null,
-            React.createElement(InlinedScript, { scriptStr: scriptStr }))) : null,
-        TARGET !== "reactNative" ? (React.createElement(React.Fragment, null,
-            React.createElement(ContentStyles, { contentId: builderContextSignal.content?.id, cssCode: builderContextSignal.content?.data?.cssCode, customFonts: builderContextSignal.content?.data?.customFonts }))) : null,
-        React.createElement(Blocks, { blocks: builderContextSignal.content?.data?.blocks, context: builderContextSignal, registeredComponents: registeredComponents })));
+    return (React.createElement(ComponentsContext.Provider, { value: {
+            registeredComponents: registeredComponents,
+        } },
+        React.createElement(EnableEditor, { content: props.content, model: props.model, context: props.context, apiKey: props.apiKey, canTrack: props.canTrack, locale: props.locale, includeRefs: props.includeRefs, enrich: props.enrich, classNameProp: props.classNameProp, showContent: props.showContent, builderContextSignal: builderContextSignal, setBuilderContextSignal: setBuilderContextSignal },
+            props.isSsrAbTest ? (React.createElement(React.Fragment, null,
+                React.createElement(InlinedScript, { scriptStr: scriptStr }))) : null,
+            TARGET !== "reactNative" ? (React.createElement(React.Fragment, null,
+                React.createElement(ContentStyles, { contentId: builderContextSignal.content?.id, cssCode: builderContextSignal.content?.data?.cssCode, customFonts: builderContextSignal.content?.data?.customFonts }))) : null,
+            React.createElement(Blocks, { blocks: builderContextSignal.content?.data?.blocks, context: builderContextSignal, registeredComponents: registeredComponents }))));
 }
 export default ContentComponent;

package/dist/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.5.0";
+export declare const SDK_VERSION = "0.5.1";

package/dist/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "0.5.0";
+export const SDK_VERSION = "0.5.1";

package/dist/context/components.context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").Context<any>;
+export default _default;

package/dist/context/components.context.js

@@ -0,0 +1,2 @@
+import { createContext } from "react";
+export default createContext({ registeredComponents: {} });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react",
   "description": "Builder.io SDK for React",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "files": [
     "dist"
   ],