@builder.io/sdk-react 0.1.9 → 0.1.11

package/dist/react/blocks/BaseText.js

@@ -1,7 +1,8 @@
 import * as React from "react";
 import { useContext } from "react";
 import BuilderContext from "../context/builder.context.js";
-export default function BaseText(props) {
+function BaseText(props) {
     const builderContext = useContext(BuilderContext);
     return React.createElement("span", { style: builderContext.inheritedStyles }, props.text);
 }
+export default BaseText;

package/dist/react/blocks/button/button.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-export default function Button(props) {
+function Button(props) {
     return (React.createElement(React.Fragment, null,
         props.link ? (React.createElement(React.Fragment, null,
             React.createElement("a", { role: "button", ...props.attributes, href: props.link, target: props.openLinkInNewTab ? "_blank" : undefined }, props.text))) : (React.createElement("button", { className: "button-66d34b93", ...props.attributes }, props.text)),
@@ -7,3 +7,4 @@ export default function Button(props) {
 all: unset;
 }`)));
 }
+export default Button;

package/dist/react/blocks/columns/columns.js

@@ -6,7 +6,7 @@ import RenderInlinedStyles from "../../components/render-inlined-styles";
 import { TARGET } from "../../constants/target.js";
 import { convertStyleMapToCSS } from "../../helpers/css";
 import BuilderContext from "../../context/builder.context.js";
-export default function Columns(props) {
+function Columns(props) {
     function getGutterSize() {
         return typeof props.space === "number" ? props.space || 0 : 20;
     }
@@ -78,26 +78,26 @@ export default function Columns(props) {
     }
     function columnsStyles() {
         return `
-      @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
-        .${props.builderBlock.id}-breakpoints {
-          ${convertStyleMapToCSS(columnStyleObjects().columns.medium)}
-        }
+    @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
+      .${props.builderBlock.id}-breakpoints {
+        ${convertStyleMapToCSS(columnStyleObjects().columns.medium)}
+      }
 
-        .${props.builderBlock.id}-breakpoints > .builder-column {
-          ${convertStyleMapToCSS(columnStyleObjects().column.medium)}
-        }
+      .${props.builderBlock.id}-breakpoints > .builder-column {
+        ${convertStyleMapToCSS(columnStyleObjects().column.medium)}
       }
+    }
 
-      @media (max-width: ${getWidthForBreakpointSize("small")}px) {
-        .${props.builderBlock.id}-breakpoints {
-          ${convertStyleMapToCSS(columnStyleObjects().columns.small)}
-        }
+    @media (max-width: ${getWidthForBreakpointSize("small")}px) {
+      .${props.builderBlock.id}-breakpoints {
+        ${convertStyleMapToCSS(columnStyleObjects().columns.small)}
+      }
 
-        .${props.builderBlock.id}-breakpoints > .builder-column {
-          ${convertStyleMapToCSS(columnStyleObjects().column.small)}
-        }
-      },
-    `;
+      .${props.builderBlock.id}-breakpoints > .builder-column {
+        ${convertStyleMapToCSS(columnStyleObjects().column.small)}
+      }
+    },
+  `;
     }
     function reactNativeColumnsStyles() {
         return columnStyleObjects.columns.small;
@@ -132,3 +132,4 @@ flex-direction: column;
 align-items: stretch;
 }`)));
 }
+export default Columns;

package/dist/react/blocks/custom-code/custom-code.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { useState, useRef, useEffect } from "react";
-export default function CustomCode(props) {
+function CustomCode(props) {
     const elem = useRef(null);
     const [scriptsInserted, setScriptsInserted] = useState(() => []);
     const [scriptsRun, setScriptsRun] = useState(() => []);
@@ -47,3 +47,4 @@ export default function CustomCode(props) {
     }, []);
     return (React.createElement("div", { ref: elem, className: "builder-custom-code" + (props.replaceNodes ? " replace-nodes" : ""), dangerouslySetInnerHTML: { __html: props.code } }));
 }
+export default CustomCode;

package/dist/react/blocks/embed/embed.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { useState, useRef, useEffect } from "react";
 import { isJsScript } from "./helpers.js";
-export default function Embed(props) {
+function Embed(props) {
     const elem = useRef(null);
     const [scriptsInserted, setScriptsInserted] = useState(() => []);
     const [scriptsRun, setScriptsRun] = useState(() => []);
@@ -38,3 +38,4 @@ export default function Embed(props) {
     }, [elem.current, ranInitFn]);
     return (React.createElement("div", { className: "builder-embed", ref: elem, dangerouslySetInnerHTML: { __html: props.content } }));
 }
+export default Embed;

package/dist/react/blocks/form/form.js

@@ -3,7 +3,7 @@ import { useState, useContext, useRef } from "react";
 import RenderBlock from "../../components/render-block/render-block";
 import BuilderBlocks from "../../components/render-blocks";
 import { isEditing } from "../../functions/is-editing.js";
-export default function FormComponent(props) {
+function FormComponent(props) {
     const formRef = useRef(null);
     const [formState, setFormState] = useState(() => "unsubmitted");
     const [responseData, setResponseData] = useState(() => null);
@@ -122,7 +122,7 @@ export default function FormComponent(props) {
                     /* TODO: allow supplying an error formatter function */ let message = get(body, props.errorMessagePath);
                     if (message) {
                         if (typeof message !== "string") {
-                            /* TODO: ideally convert json to yaml so it woul dbe like            error: - email has been taken */ message =
+                            /* TODO: ideally convert json to yaml so it woul dbe like          error: - email has been taken */ message =
                                 JSON.stringify(message);
                         }
                         setFormErrorMessage(message);
@@ -199,3 +199,4 @@ export default function FormComponent(props) {
         React.createElement("style", null, `.pre-0d1abaf2 { padding: 10px; color: red; text-align: center; }`),
         " "));
 }
+export default FormComponent;

package/dist/react/blocks/fragment/fragment.js

@@ -1,4 +1,5 @@
 import * as React from "react";
-export default function FragmentComponent(props) {
+function FragmentComponent(props) {
     return React.createElement("span", null, props.children);
 }
+export default FragmentComponent;

package/dist/react/blocks/image/component-info.js

@@ -17,7 +17,7 @@ const componentInfo = {
             bubble: true,
             allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
             required: true,
-            defaultValue: "https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+            defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
             onChange: serializeFn((options) => {
                 const DEFAULT_ASPECT_RATIO = 0.7041;
                 options.delete("srcset");

package/dist/react/blocks/image/image.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { getSrcSet } from "./image.helpers.js";
-export default function Image(props) {
+function Image(props) {
     function srcSetToUse() {
         const imageToUse = props.image || props.src;
         const url = imageToUse;
@@ -80,3 +80,4 @@ width: 100%;
 height: 100%;
 }`)));
 }
+export default Image;

package/dist/react/blocks/img/img.js

@@ -1,8 +1,9 @@
 import * as React from "react";
 import { isEditing } from "../../functions/is-editing.js";
-export default function ImgComponent(props) {
+function ImgComponent(props) {
     return (React.createElement("img", { style: {
             objectFit: props.backgroundSize || "cover",
             objectPosition: props.backgroundPosition || "center",
         }, key: (isEditing() && props.imgSrc) || "default-key", alt: props.altText, src: props.imgSrc || props.image, ...props.attributes }));
 }
+export default ImgComponent;

package/dist/react/blocks/input/input.js

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { isEditing } from "../../functions/is-editing.js";
-export default function FormInputComponent(props) {
+function FormInputComponent(props) {
     return (React.createElement("input", { ...props.attributes, key: isEditing() && props.defaultValue ? props.defaultValue : "default-key", placeholder: props.placeholder, type: props.type, name: props.name, value: props.value, defaultValue: props.defaultValue, required: props.required }));
 }
+export default FormInputComponent;

package/dist/react/blocks/raw-text/raw-text.js

@@ -1,4 +1,5 @@
 import * as React from "react";
-export default function RawText(props) {
+function RawText(props) {
     return (React.createElement("span", { className: props.attributes?.class || props.attributes?.className, dangerouslySetInnerHTML: { __html: props.text || "" } }));
 }
+export default RawText;

package/dist/react/blocks/section/section.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-export default function SectionComponent(props) {
+function SectionComponent(props) {
     return (React.createElement("section", { ...props.attributes, style: {
             width: "100%",
             alignSelf: "stretch",
@@ -13,3 +13,4 @@ export default function SectionComponent(props) {
             marginRight: "auto",
         } }, props.children));
 }
+export default SectionComponent;

package/dist/react/blocks/select/select.js

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { isEditing } from "../../functions/is-editing.js";
-export default function SelectComponent(props) {
+function SelectComponent(props) {
     return (React.createElement("select", { ...props.attributes, value: props.value, key: isEditing() && props.defaultValue ? props.defaultValue : "default-key", defaultValue: props.defaultValue, name: props.name }, props.options?.map((option) => (React.createElement("option", { value: option.value }, option.name || option.value)))));
 }
+export default SelectComponent;

package/dist/react/blocks/submit-button/submit-button.js

@@ -1,4 +1,5 @@
 import * as React from "react";
-export default function SubmitButton(props) {
+function SubmitButton(props) {
     return (React.createElement("button", { type: "submit", ...props.attributes }, props.text));
 }
+export default SubmitButton;

package/dist/react/blocks/symbol/symbol.js

@@ -4,7 +4,7 @@ import RenderContent from "../../components/render-content/render-content";
 import BuilderContext from "../../context/builder.context.js";
 import { getContent } from "../../functions/get-content/index.js";
 import { TARGET } from "../../constants/target";
-export default function Symbol(props) {
+function Symbol(props) {
     function className() {
         return [
             ...(TARGET === "vue2" || TARGET === "vue3"
@@ -61,3 +61,4 @@ export default function Symbol(props) {
                 ...props.symbol?.content?.data?.state,
             }, model: props.symbol?.model, content: contentToUse() })));
 }
+export default Symbol;

package/dist/react/blocks/text/text.js

@@ -1,4 +1,7 @@
 import * as React from "react";
-export default function Text(props) {
-    return (React.createElement("span", { className: "builder-text", dangerouslySetInnerHTML: { __html: props.text } }));
+function Text(props) {
+    return (React.createElement("span", { className: "builder-text", dangerouslySetInnerHTML: { __html: props.text }, style: {
+            outline: "none",
+        } }));
 }
+export default Text;

package/dist/react/blocks/textarea/textarea.js

@@ -1,4 +1,5 @@
 import * as React from "react";
-export default function Textarea(props) {
+function Textarea(props) {
     return (React.createElement("textarea", { ...props.attributes, placeholder: props.placeholder, name: props.name, value: props.value, defaultValue: props.defaultValue }));
 }
+export default Textarea;

package/dist/react/blocks/video/video.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-export default function Video(props) {
+function Video(props) {
     function videoProps() {
         return {
             ...(props.autoPlay === true
@@ -46,3 +46,4 @@ export default function Video(props) {
             borderRadius: 1,
         }, src: props.video || "no-src", poster: props.posterImage }));
 }
+export default Video;

package/dist/react/components/render-block/block-styles.js

@@ -5,7 +5,7 @@ import { getProcessedBlock } from "../../functions/get-processed-block.js";
 import { createCssClass } from "../../helpers/css.js";
 import { checkIsDefined } from "../../helpers/nullable.js";
 import RenderInlinedStyles from "../render-inlined-styles";
-export default function BlockStyles(props) {
+function BlockStyles(props) {
     function useBlock() {
         return getProcessedBlock({
             block: props.block,
@@ -57,3 +57,4 @@ export default function BlockStyles(props) {
     return (React.createElement(React.Fragment, null, TARGET !== "reactNative" && css() && canShowBlock() ? (React.createElement(React.Fragment, null,
         React.createElement(RenderInlinedStyles, { styles: css() }))) : null));
 }
+export default BlockStyles;

package/dist/react/components/render-block/render-block.js

@@ -13,7 +13,7 @@ import { extractTextStyles } from "../../functions/extract-text-styles.js";
 import RenderComponent from "./render-component";
 import { getReactNativeBlockStyles } from "../../functions/get-react-native-block-styles.js";
 import { checkIsDefined } from "../../helpers/nullable.js";
-export default function RenderBlock(props) {
+function RenderBlock(props) {
     const [component, setComponent] = useState(() => getComponent({
         block: props.block,
         context: props.context,
@@ -146,3 +146,4 @@ export default function RenderBlock(props) {
                 childrenWithoutParentComponent()?.map((child) => (React.createElement(RenderBlock, { key: "render-block-" + child.id, block: child, context: childrenContext() }))),
                 childrenWithoutParentComponent()?.map((child) => (React.createElement(BlockStyles, { key: "block-style-" + child.id, block: child, context: childrenContext() })))))) : null)) : (React.createElement(RenderComponent, { ...renderComponentProps() })))) : null));
 }
+export default RenderBlock;

package/dist/react/components/render-block/render-component.js

@@ -1,10 +1,11 @@
 import * as React from "react";
 import BlockStyles from "./block-styles";
 import RenderBlock from "./render-block";
-export default function RenderComponent(props) {
+function RenderComponent(props) {
     const ComponentRefRef = props.componentRef;
     return (React.createElement(React.Fragment, null, props.componentRef ? (React.createElement(React.Fragment, null,
         React.createElement(ComponentRefRef, { ...props.componentOptions },
             props.blockChildren?.map((child) => (React.createElement(RenderBlock, { key: "render-block-" + child.id, block: child, context: props.context }))),
             props.blockChildren?.map((child) => (React.createElement(BlockStyles, { key: "block-style-" + child.id, block: child, context: props.context })))))) : null));
 }
+export default RenderComponent;

package/dist/react/components/render-block/render-repeated-block.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { useContext } from "react";
 import BuilderContext from "../../context/builder.context.js";
 import RenderBlock from "./render-block";
-export default function RenderRepeatedBlock(props) {
+function RenderRepeatedBlock(props) {
     return (React.createElement(BuilderContext.Provider, { value: {
             content: props.repeatContext.content,
             state: props.repeatContext.state,
@@ -14,3 +14,4 @@ export default function RenderRepeatedBlock(props) {
         } },
         React.createElement(RenderBlock, { block: props.block, context: props.repeatContext })));
 }
+export default RenderRepeatedBlock;

package/dist/react/components/render-blocks.js

@@ -4,7 +4,7 @@ import BuilderContext from "../context/builder.context.js";
 import { isEditing } from "../functions/is-editing.js";
 import BlockStyles from "./render-block/block-styles";
 import RenderBlock from "./render-block/render-block";
-export default function RenderBlocks(props) {
+function RenderBlocks(props) {
     function className() {
         return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
     }
@@ -43,3 +43,4 @@ flex-direction: column;
 align-items: stretch;
 }`)));
 }
+export default RenderBlocks;

package/dist/react/components/render-content/builder-editing.js

@@ -1,4 +1,5 @@
 import * as React from "react";
-export default function BuilderEditing(props) {
+function BuilderEditing(props) {
     return React.createElement("div", null);
 }
+export default BuilderEditing;

package/dist/react/components/render-content/components/render-styles.js

@@ -3,7 +3,7 @@ import { useState } from "react";
 import RenderInlinedStyles from "../../render-inlined-styles";
 import { getCss } from "./render-styles.helpers";
 import { getFontCss } from "./render-styles.helpers";
-export default function RenderContentStyles(props) {
+function RenderContentStyles(props) {
     const [injectedStyles, setInjectedStyles] = useState(() => `
 ${getCss({
         cssCode: props.cssCode,
@@ -12,6 +12,20 @@ ${getCss({
 ${getFontCss({
         customFonts: props.customFonts,
     })}
+
+.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
+margin: 0;
+}
+.builder-text > p, .builder-text > .builder-paragraph {
+color: inherit;
+line-height: inherit;
+letter-spacing: inherit;
+font-weight: inherit;
+font-size: inherit;
+text-align: inherit;
+font-family: inherit;
+}
 `);
     return React.createElement(RenderInlinedStyles, { styles: injectedStyles });
 }
+export default RenderContentStyles;

package/dist/react/components/render-content/render-content.js

@@ -1,7 +1,6 @@
 import * as React from "react";
 import { useState, useContext, useRef, useEffect } from "react";
 import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components.js";
-import { TARGET } from "../../constants/target.js";
 import { evaluate } from "../../functions/evaluate.js";
 import { getContent } from "../../functions/get-content/index.js";
 import { fetch } from "../../functions/get-fetch.js";
@@ -17,7 +16,8 @@ import { registerInsertMenu, setupBrowserForEditing, } from "../../scripts/init-
 import { checkIsDefined } from "../../helpers/nullable.js";
 import { getInteractionPropertiesForEvent } from "../../functions/track/interaction.js";
 import { getContentInitialValue, getContextStateInitialValue, } from "./render-content.helpers.js";
-export default function RenderContent(props) {
+import { TARGET } from "../../constants/target.js";
+function RenderContent(props) {
     const elementRef = useRef(null);
     const [forceReRenderCount, setForceReRenderCount] = useState(() => 0);
     const [overrideContent, setOverrideContent] = useState(() => null);
@@ -184,10 +184,6 @@ export default function RenderContent(props) {
             }));
         }
     }
-    function shouldRenderContentStyles() {
-        return Boolean((useContent?.data?.cssCode || useContent?.data?.customFonts?.length) &&
-            TARGET !== "reactNative");
-    }
     useEffect(() => {
         if (!props.apiKey) {
             console.error("[Builder.io]: No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
@@ -233,7 +229,7 @@ export default function RenderContent(props) {
                 const previewApiKey = searchParams.get("apiKey") || searchParams.get("builder.space");
                 /**
                  * Make sure that:
-                 * - the preview model name is the same as the one we're rendering, since there can be multiple models rendered    *  at the same time, e.g. header/page/footer.    * - the API key is the same, since we don't want to preview content from other organizations.
+                 * - the preview model name is the same as the one we're rendering, since there can be multiple models rendered  *  at the same time, e.g. header/page/footer.  * - the API key is the same, since we don't want to preview content from other organizations.
                  *
                  * TO-DO: should we check that the preview item ID is the same as the initial one being rendered? Or would
                  * this break scenarios where the item is not published yet?
@@ -283,6 +279,8 @@ export default function RenderContent(props) {
             registeredComponents: allRegisteredComponents,
         } }, useContent ? (React.createElement(React.Fragment, null,
         React.createElement("div", { ref: elementRef, onClick: (event) => onClick(event), "builder-content-id": useContent?.id, "builder-model": props.model },
-            shouldRenderContentStyles() ? (React.createElement(RenderContentStyles, { contentId: useContent?.id, cssCode: useContent?.data?.cssCode, customFonts: useContent?.data?.customFonts })) : null,
+            TARGET !== "reactNative" ? (React.createElement(React.Fragment, null,
+                React.createElement(RenderContentStyles, { contentId: useContent?.id, cssCode: useContent?.data?.cssCode, customFonts: useContent?.data?.customFonts }))) : null,
             React.createElement(RenderBlocks, { blocks: useContent?.data?.blocks, key: forceReRenderCount })))) : null));
 }
+export default RenderContent;

package/dist/react/components/render-inlined-styles.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { TARGET } from "../constants/target.js";
-export default function RenderInlinedStyles(props) {
+function RenderInlinedStyles(props) {
     function injectedStyleScript() {
         return `<${tag()}>${props.styles}</${tag()}>`;
     }
@@ -13,3 +13,4 @@ export default function RenderInlinedStyles(props) {
     return (React.createElement(React.Fragment, null, TARGET === "svelte" || TARGET === "qwik" ? (React.createElement(React.Fragment, null,
         React.createElement(TagRef, { dangerouslySetInnerHTML: { __html: props.styles } }))) : (React.createElement(TagRef, null, props.styles))));
 }
+export default RenderInlinedStyles;

package/dist/react/functions/is-editing.js

@@ -1,5 +1,6 @@
+import { TARGET } from "../constants/target.js";
 import { isIframe } from "./is-iframe.js";
 function isEditing() {
-    return isIframe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+    return isIframe() && (TARGET === "reactNative" || window.location.search.indexOf("builder.frameEditing=") !== -1);
 }
 export { isEditing };

package/dist/react/index.js

@@ -1,5 +1,4 @@
 export * from "./index-helpers/top-of-file.js";
-import "./scripts/init-editing.js";
 export * from "./index-helpers/blocks-exports.js";
 export * from "./functions/is-editing.js";
 export * from "./functions/is-previewing.js";

package/dist/rsc/blocks/BaseText.js

@@ -1,7 +1,8 @@
 import * as React from "react";
 import BuilderContext from "../context/builder.context.js";
-export default function BaseText(props) {
+function BaseText(props) {
     const _context = { ...props["_context"] };
     const builderContext = _context["BuilderContext"];
     return React.createElement("span", { style: builderContext.inheritedStyles }, props.text);
 }
+export default BaseText;

package/dist/rsc/blocks/button/button.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-export default function Button(props) {
+function Button(props) {
     const _context = { ...props["_context"] };
     return (React.createElement(React.Fragment, null,
         props.link ? (React.createElement(React.Fragment, null,
@@ -8,3 +8,4 @@ export default function Button(props) {
 all: unset;
 }`)));
 }
+export default Button;

package/dist/rsc/blocks/columns/columns.js

@@ -5,7 +5,7 @@ import RenderInlinedStyles from "../../components/render-inlined-styles";
 import { TARGET } from "../../constants/target.js";
 import { convertStyleMapToCSS } from "../../helpers/css";
 import BuilderContext from "../../context/builder.context.js";
-export default function Columns(props) {
+function Columns(props) {
     const _context = { ...props["_context"] };
     const state = {
         getGutterSize() {
@@ -79,26 +79,26 @@ export default function Columns(props) {
         },
         get columnsStyles() {
             return `
-      @media (max-width: ${state.getWidthForBreakpointSize("medium")}px) {
-        .${props.builderBlock.id}-breakpoints {
-          ${convertStyleMapToCSS(state.columnStyleObjects.columns.medium)}
-        }
+    @media (max-width: ${state.getWidthForBreakpointSize("medium")}px) {
+      .${props.builderBlock.id}-breakpoints {
+        ${convertStyleMapToCSS(state.columnStyleObjects.columns.medium)}
+      }
 
-        .${props.builderBlock.id}-breakpoints > .builder-column {
-          ${convertStyleMapToCSS(state.columnStyleObjects.column.medium)}
-        }
+      .${props.builderBlock.id}-breakpoints > .builder-column {
+        ${convertStyleMapToCSS(state.columnStyleObjects.column.medium)}
       }
+    }
 
-      @media (max-width: ${state.getWidthForBreakpointSize("small")}px) {
-        .${props.builderBlock.id}-breakpoints {
-          ${convertStyleMapToCSS(state.columnStyleObjects.columns.small)}
-        }
+    @media (max-width: ${state.getWidthForBreakpointSize("small")}px) {
+      .${props.builderBlock.id}-breakpoints {
+        ${convertStyleMapToCSS(state.columnStyleObjects.columns.small)}
+      }
 
-        .${props.builderBlock.id}-breakpoints > .builder-column {
-          ${convertStyleMapToCSS(state.columnStyleObjects.column.small)}
-        }
-      },
-    `;
+      .${props.builderBlock.id}-breakpoints > .builder-column {
+        ${convertStyleMapToCSS(state.columnStyleObjects.column.small)}
+      }
+    },
+  `;
         },
         get reactNativeColumnsStyles() {
             return this.columnStyleObjects.columns.small;
@@ -136,3 +136,4 @@ flex-direction: column;
 align-items: stretch;
 }`)));
 }
+export default Columns;

package/dist/rsc/blocks/custom-code/custom-code.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-export default function CustomCode(props) {
+function CustomCode(props) {
     const _context = { ...props["_context"] };
     const state = {
         scriptsInserted: [],
@@ -43,3 +43,4 @@ export default function CustomCode(props) {
     };
     return (React.createElement("div", { className: "builder-custom-code" + (props.replaceNodes ? " replace-nodes" : ""), dangerouslySetInnerHTML: { __html: props.code } }));
 }
+export default CustomCode;

package/dist/rsc/blocks/embed/embed.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { isJsScript } from "./helpers.js";
-export default function Embed(props) {
+function Embed(props) {
     const _context = { ...props["_context"] };
     const state = {
         scriptsInserted: [],
@@ -34,3 +34,4 @@ export default function Embed(props) {
     };
     return (React.createElement("div", { className: "builder-embed", dangerouslySetInnerHTML: { __html: props.content } }));
 }
+export default Embed;

package/dist/rsc/blocks/form/form.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import RenderBlock from "../../components/render-block/render-block";
 import BuilderBlocks from "../../components/render-blocks";
 import { isEditing } from "../../functions/is-editing.js";
-export default function FormComponent(props) {
+function FormComponent(props) {
     const _context = { ...props["_context"] };
     const state = {
         formState: "unsubmitted",
@@ -124,7 +124,7 @@ export default function FormComponent(props) {
                         /* TODO: allow supplying an error formatter function */ let message = get(body, props.errorMessagePath);
                         if (message) {
                             if (typeof message !== "string") {
-                                /* TODO: ideally convert json to yaml so it woul dbe like            error: - email has been taken */ message =
+                                /* TODO: ideally convert json to yaml so it woul dbe like          error: - email has been taken */ message =
                                     JSON.stringify(message);
                             }
                             state.formErrorMessage = message;
@@ -202,3 +202,4 @@ export default function FormComponent(props) {
         React.createElement("style", null, `.pre-41e7c77e { padding: 10px; color: red; text-align: center; }`),
         " "));
 }
+export default FormComponent;

package/dist/rsc/blocks/fragment/fragment.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-export default function FragmentComponent(props) {
+function FragmentComponent(props) {
     const _context = { ...props["_context"] };
     return React.createElement("span", null, props.children);
 }
+export default FragmentComponent;

package/dist/rsc/blocks/image/component-info.js

@@ -17,7 +17,7 @@ const componentInfo = {
             bubble: true,
             allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
             required: true,
-            defaultValue: "https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+            defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
             onChange: serializeFn((options) => {
                 const DEFAULT_ASPECT_RATIO = 0.7041;
                 options.delete("srcset");

package/dist/rsc/blocks/image/image.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { getSrcSet } from "./image.helpers.js";
-export default function Image(props) {
+function Image(props) {
     const _context = { ...props["_context"] };
     const state = {
         get srcSetToUse() {
@@ -83,3 +83,4 @@ width: 100%;
 height: 100%;
 }`)));
 }
+export default Image;