@builder.io/sdk-react-native 0.1.3 → 0.1.4

package/dist/blocks/columns/columns.js

@@ -28,9 +28,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
-const render_blocks_js_1 = __importDefault(require("../../components/render-blocks.js"));
+const render_blocks_1 = __importDefault(require("../../components/render-blocks"));
 const device_sizes_1 = require("../../constants/device-sizes");
-const render_inlined_styles_js_1 = __importDefault(require("../../components/render-inlined-styles.js"));
+const render_inlined_styles_1 = __importDefault(require("../../components/render-inlined-styles"));
 const target_js_1 = require("../../constants/target.js");
 const css_1 = require("../../helpers/css");
 function Columns(props) {
@@ -136,9 +136,9 @@ function Columns(props) {
     }
     return (React.createElement(react_native_1.View, { style: styles.view1 },
         target_js_1.TARGET !== "reactNative" ? (React.createElement(React.Fragment, null,
-            React.createElement(render_inlined_styles_js_1.default, { styles: columnsStyles() }))) : null, (_a = props.columns) === null || _a === void 0 ? void 0 :
+            React.createElement(render_inlined_styles_1.default, { styles: columnsStyles() }))) : null, (_a = props.columns) === null || _a === void 0 ? void 0 :
         _a.map((column, index) => (React.createElement(react_native_1.View, { style: styles.view2, key: index },
-            React.createElement(render_blocks_js_1.default, { blocks: column.blocks, path: `component.options.columns.${index}.blocks`, parent: props.builderBlock.id, styleProp: {
+            React.createElement(render_blocks_1.default, { blocks: column.blocks, path: `component.options.columns.${index}.blocks`, parent: props.builderBlock.id, styleProp: {
                     flexGrow: "1",
                 } }))))));
 }

package/dist/blocks/form/form.js

@@ -30,8 +30,8 @@ const BaseText_1 = __importDefault(require("../BaseText"));
 const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const react_1 = require("react");
-const render_block_js_1 = __importDefault(require("../../components/render-block/render-block.js"));
-const render_blocks_js_1 = __importDefault(require("../../components/render-blocks.js"));
+const render_block_1 = __importDefault(require("../../components/render-block/render-block"));
+const render_blocks_1 = __importDefault(require("../../components/render-blocks"));
 const is_editing_js_1 = require("../../functions/is-editing.js");
 function FormComponent(props) {
     var _a, _b;
@@ -208,13 +208,13 @@ function FormComponent(props) {
     const builderContext = (0, react_1.useContext)(BuilderContext);
     return (React.createElement(react_native_1.View, { validate: props.validate, ref: formRef, action: !props.sendWithJs && props.action, method: props.method, name: props.name, onSubmit: (event) => onSubmit(event), ...props.attributes },
         " ",
-        props.builderBlock && props.builderBlock.children ? (React.createElement(React.Fragment, null, (_b = (_a = props.builderBlock) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.map((block) => (React.createElement(render_block_js_1.default, { block: block, context: builderContext }))))) : null,
+        props.builderBlock && props.builderBlock.children ? (React.createElement(React.Fragment, null, (_b = (_a = props.builderBlock) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.map((block) => (React.createElement(render_block_1.default, { block: block, context: builderContext }))))) : null,
         " ",
         submissionState() === "error" ? (React.createElement(React.Fragment, null,
-            React.createElement(render_blocks_js_1.default, { dataPath: "errorMessage", blocks: props.errorMessage }))) : null,
+            React.createElement(render_blocks_1.default, { dataPath: "errorMessage", blocks: props.errorMessage }))) : null,
         " ",
         submissionState() === "sending" ? (React.createElement(React.Fragment, null,
-            React.createElement(render_blocks_js_1.default, { dataPath: "sendingMessage", blocks: props.sendingMessage }))) : null,
+            React.createElement(render_blocks_1.default, { dataPath: "sendingMessage", blocks: props.sendingMessage }))) : null,
         " ",
         submissionState() === "error" && responseData ? (React.createElement(React.Fragment, null,
             React.createElement(react_native_1.View, { style: styles.view1 },
@@ -223,7 +223,7 @@ function FormComponent(props) {
                 " "))) : null,
         " ",
         submissionState() === "success" ? (React.createElement(React.Fragment, null,
-            React.createElement(render_blocks_js_1.default, { dataPath: "successMessage", blocks: props.successMessage }))) : null,
+            React.createElement(render_blocks_1.default, { dataPath: "successMessage", blocks: props.successMessage }))) : null,
         " "));
 }
 exports.default = FormComponent;

package/dist/blocks/symbol/symbol.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const react_1 = require("react");
-const render_content_js_1 = __importDefault(require("../../components/render-content/render-content.js"));
+const render_content_1 = __importDefault(require("../../components/render-content/render-content"));
 const builder_context_js_1 = __importDefault(require("../../context/builder.context.js"));
 const index_js_1 = require("../../functions/get-content/index.js");
 const target_1 = require("../../constants/target");
@@ -88,7 +88,7 @@ function Symbol(props) {
     return (React.createElement(react_native_1.View, { ...props.attributes, dataSet: {
             class: className(),
         } },
-        React.createElement(render_content_js_1.default, { apiKey: builderContext.apiKey, context: builderContext.context, customComponents: Object.values(builderContext.registeredComponents), data: {
+        React.createElement(render_content_1.default, { apiKey: builderContext.apiKey, context: builderContext.context, customComponents: Object.values(builderContext.registeredComponents), data: {
                 ...(_a = props.symbol) === null || _a === void 0 ? void 0 : _a.data,
                 ...builderContext.state,
                 ...(_d = (_c = (_b = props.symbol) === null || _b === void 0 ? void 0 : _b.content) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.state,

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

@@ -32,7 +32,7 @@ const device_sizes_js_1 = require("../../constants/device-sizes.js");
 const target_js_1 = require("../../constants/target.js");
 const get_processed_block_js_1 = require("../../functions/get-processed-block.js");
 const css_js_1 = require("../../helpers/css.js");
-const render_inlined_styles_js_1 = __importDefault(require("../render-inlined-styles.js"));
+const render_inlined_styles_1 = __importDefault(require("../render-inlined-styles"));
 function BlockStyles(props) {
     function useBlock() {
         return (0, get_processed_block_js_1.getProcessedBlock)({
@@ -74,6 +74,6 @@ function BlockStyles(props) {
         return [largeStylesClass, mediumStylesClass, smallStylesClass].join(" ");
     }
     return (React.createElement(React.Fragment, null, target_js_1.TARGET !== "reactNative" && css() ? (React.createElement(React.Fragment, null,
-        React.createElement(render_inlined_styles_js_1.default, { styles: css() }))) : null));
+        React.createElement(render_inlined_styles_1.default, { styles: css() }))) : null));
 }
 exports.default = BlockStyles;

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

@@ -34,12 +34,12 @@ const get_block_component_options_js_1 = require("../../functions/get-block-comp
 const get_block_properties_js_1 = require("../../functions/get-block-properties.js");
 const get_block_tag_js_1 = require("../../functions/get-block-tag.js");
 const get_processed_block_js_1 = require("../../functions/get-processed-block.js");
-const block_styles_js_1 = __importDefault(require("./block-styles.js"));
+const block_styles_1 = __importDefault(require("./block-styles"));
 const render_block_helpers_js_1 = require("./render-block.helpers.js");
-const render_repeated_block_js_1 = __importDefault(require("./render-repeated-block.js"));
+const render_repeated_block_1 = __importDefault(require("./render-repeated-block"));
 const target_js_1 = require("../../constants/target.js");
 const extract_text_styles_js_1 = require("../../functions/extract-text-styles.js");
-const render_component_js_1 = __importDefault(require("./render-component.js"));
+const render_component_1 = __importDefault(require("./render-component"));
 const get_react_native_block_styles_js_1 = require("../../functions/get-react-native-block-styles.js");
 function RenderBlock(props) {
     var _a, _b;
@@ -144,11 +144,11 @@ function RenderBlock(props) {
     return (React.createElement(React.Fragment, null, !(component === null || component === void 0 ? void 0 : component.noWrap) ? (React.createElement(React.Fragment, null,
         (0, render_block_helpers_js_1.isEmptyHtmlElement)(tag()) ? (React.createElement(React.Fragment, null,
             React.createElement(react_native_1.View, { ...attributes(), ...actions() }))) : null,
-        !(0, render_block_helpers_js_1.isEmptyHtmlElement)(tag()) && repeatItemData ? (React.createElement(React.Fragment, null, repeatItemData === null || repeatItemData === void 0 ? void 0 : repeatItemData.map((data, index) => (React.createElement(render_repeated_block_js_1.default, { key: index, repeatContext: data.context, block: data.block }))))) : null,
+        !(0, render_block_helpers_js_1.isEmptyHtmlElement)(tag()) && repeatItemData ? (React.createElement(React.Fragment, null, repeatItemData === null || repeatItemData === void 0 ? void 0 : repeatItemData.map((data, index) => (React.createElement(render_repeated_block_1.default, { key: index, repeatContext: data.context, block: data.block }))))) : null,
         !(0, render_block_helpers_js_1.isEmptyHtmlElement)(tag()) && !repeatItemData ? (React.createElement(React.Fragment, null,
             React.createElement(react_native_1.View, { ...attributes(), ...actions() },
-                React.createElement(render_component_js_1.default, { ...renderComponentProps() }), (_a = childrenWithoutParentComponent()) === null || _a === void 0 ? void 0 :
+                React.createElement(render_component_1.default, { ...renderComponentProps() }), (_a = childrenWithoutParentComponent()) === null || _a === void 0 ? void 0 :
                 _a.map((child) => (React.createElement(RenderBlock, { key: "render-block-" + child.id, block: child, context: childrenContext() }))), (_b = childrenWithoutParentComponent()) === null || _b === void 0 ? void 0 :
-                _b.map((child) => (React.createElement(block_styles_js_1.default, { key: "block-style-" + child.id, block: child, context: childrenContext() })))))) : null)) : (React.createElement(render_component_js_1.default, { ...renderComponentProps() }))));
+                _b.map((child) => (React.createElement(block_styles_1.default, { key: "block-style-" + child.id, block: child, context: childrenContext() })))))) : null)) : (React.createElement(render_component_1.default, { ...renderComponentProps() }))));
 }
 exports.default = RenderBlock;

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

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const react_1 = require("react");
-const block_styles_js_1 = __importDefault(require("./block-styles.js"));
-const render_block_js_1 = __importDefault(require("./render-block.js"));
+const block_styles_1 = __importDefault(require("./block-styles"));
+const render_block_1 = __importDefault(require("./render-block"));
 const builder_context_js_1 = __importDefault(require("../../context/builder.context.js"));
 function RenderComponent(props) {
     var _a, _b;
@@ -44,7 +44,7 @@ function RenderComponent(props) {
             inheritedStyles: props.context.inheritedStyles,
         } }, props.componentRef ? (React.createElement(React.Fragment, null,
         React.createElement(ComponentRefRef, { ...props.componentOptions }, (_a = props.blockChildren) === null || _a === void 0 ? void 0 :
-            _a.map((child) => (React.createElement(render_block_js_1.default, { key: "render-block-" + child.id, block: child, context: props.context }))), (_b = props.blockChildren) === null || _b === void 0 ? void 0 :
-            _b.map((child) => (React.createElement(block_styles_js_1.default, { key: "block-style-" + child.id, block: child, context: props.context })))))) : null));
+            _a.map((child) => (React.createElement(render_block_1.default, { key: "render-block-" + child.id, block: child, context: props.context }))), (_b = props.blockChildren) === null || _b === void 0 ? void 0 :
+            _b.map((child) => (React.createElement(block_styles_1.default, { key: "block-style-" + child.id, block: child, context: props.context })))))) : null));
 }
 exports.default = RenderComponent;

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

@@ -30,7 +30,7 @@ const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const react_1 = require("react");
 const builder_context_js_1 = __importDefault(require("../../context/builder.context.js"));
-const render_block_js_1 = __importDefault(require("./render-block.js"));
+const render_block_1 = __importDefault(require("./render-block"));
 function RenderRepeatedBlock(props) {
     return (React.createElement(builder_context_js_1.default.Provider, { value: {
             content: props.repeatContext.content,
@@ -40,6 +40,6 @@ function RenderRepeatedBlock(props) {
             registeredComponents: props.repeatContext.registeredComponents,
             inheritedStyles: props.repeatContext.inheritedStyles,
         } },
-        React.createElement(render_block_js_1.default, { block: props.block, context: props.repeatContext })));
+        React.createElement(render_block_1.default, { block: props.block, context: props.repeatContext })));
 }
 exports.default = RenderRepeatedBlock;

package/dist/components/render-blocks.js

@@ -31,8 +31,8 @@ const react_native_1 = require("react-native");
 const react_1 = require("react");
 const builder_context_js_1 = __importDefault(require("../context/builder.context.js"));
 const is_editing_js_1 = require("../functions/is-editing.js");
-const block_styles_js_1 = __importDefault(require("./render-block/block-styles.js"));
-const render_block_js_1 = __importDefault(require("./render-block/render-block.js"));
+const block_styles_1 = __importDefault(require("./render-block/block-styles"));
+const render_block_1 = __importDefault(require("./render-block/render-block"));
 function RenderBlocks(props) {
     var _a, _b;
     function className() {
@@ -67,8 +67,8 @@ function RenderBlocks(props) {
     return (React.createElement(react_native_1.View, { "builder-path": props.path, "builder-parent-id": props.parent, dataSet: {
             class: className(),
         }, style: styles.view1, onClick: (event) => onClick(), onMouseEnter: (event) => onMouseEnter() },
-        props.blocks ? (React.createElement(React.Fragment, null, (_a = props.blocks) === null || _a === void 0 ? void 0 : _a.map((block) => (React.createElement(render_block_js_1.default, { key: "render-block-" + block.id, block: block, context: builderContext }))))) : null,
-        props.blocks ? (React.createElement(React.Fragment, null, (_b = props.blocks) === null || _b === void 0 ? void 0 : _b.map((block) => (React.createElement(block_styles_js_1.default, { key: "block-style-" + block.id, block: block, context: builderContext }))))) : null));
+        props.blocks ? (React.createElement(React.Fragment, null, (_a = props.blocks) === null || _a === void 0 ? void 0 : _a.map((block) => (React.createElement(render_block_1.default, { key: "render-block-" + block.id, block: block, context: builderContext }))))) : null,
+        props.blocks ? (React.createElement(React.Fragment, null, (_b = props.blocks) === null || _b === void 0 ? void 0 : _b.map((block) => (React.createElement(block_styles_1.default, { key: "block-style-" + block.id, block: block, context: builderContext }))))) : null));
 }
 exports.default = RenderBlocks;
 const styles = react_native_1.StyleSheet.create({

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

@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
-const render_inlined_styles_js_1 = __importDefault(require("../../render-inlined-styles.js"));
+const render_inlined_styles_1 = __importDefault(require("../../render-inlined-styles"));
 function RenderContentStyles(props) {
     function getCssFromFont(font) {
         var _a, _b;
@@ -86,6 +86,6 @@ ${getFontCss({
             customFonts: props.customFonts,
         })}`;
     }
-    return React.createElement(render_inlined_styles_js_1.default, { styles: injectedStyles() });
+    return React.createElement(render_inlined_styles_1.default, { styles: injectedStyles() });
 }
 exports.default = RenderContentStyles;

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

@@ -4,5 +4,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = void 0;
-const render_content_js_1 = __importDefault(require("./render-content.js"));
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return render_content_js_1.default; } });
+const render_content_1 = __importDefault(require("./render-content"));
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return render_content_1.default; } });

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

@@ -39,8 +39,8 @@ const is_editing_js_1 = require("../../functions/is-editing.js");
 const is_previewing_js_1 = require("../../functions/is-previewing.js");
 const register_component_js_1 = require("../../functions/register-component.js");
 const index_js_2 = require("../../functions/track/index.js");
-const render_blocks_js_1 = __importDefault(require("../render-blocks.js"));
-const render_styles_js_1 = __importDefault(require("./components/render-styles.js"));
+const render_blocks_1 = __importDefault(require("../render-blocks"));
+const render_styles_1 = __importDefault(require("./components/render-styles"));
 const builder_context_js_1 = __importDefault(require("../../context/builder.context.js"));
 const init_editing_js_1 = require("../../scripts/init-editing.js");
 const nullable_js_1 = require("../../helpers/nullable.js");
@@ -319,7 +319,7 @@ function RenderContent(props) {
             registeredComponents: allRegisteredComponents,
         } }, useContent() ? (React.createElement(React.Fragment, null,
         React.createElement(react_native_1.View, { ref: elementRef, onClick: (event) => onClick(event), "builder-content-id": (_e = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _e === void 0 ? void 0 : _e.id, "builder-model": props.model },
-            shouldRenderContentStyles() ? (React.createElement(render_styles_js_1.default, { cssCode: (_g = (_f = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.cssCode, customFonts: (_j = (_h = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _h === void 0 ? void 0 : _h.data) === null || _j === void 0 ? void 0 : _j.customFonts })) : null,
-            React.createElement(render_blocks_js_1.default, { blocks: (_l = (_k = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _k === void 0 ? void 0 : _k.data) === null || _l === void 0 ? void 0 : _l.blocks, key: forceReRenderCount })))) : null));
+            shouldRenderContentStyles() ? (React.createElement(render_styles_1.default, { cssCode: (_g = (_f = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.cssCode, customFonts: (_j = (_h = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _h === void 0 ? void 0 : _h.data) === null || _j === void 0 ? void 0 : _j.customFonts })) : null,
+            React.createElement(render_blocks_1.default, { blocks: (_l = (_k = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _k === void 0 ? void 0 : _k.data) === null || _l === void 0 ? void 0 : _l.blocks, key: forceReRenderCount })))) : null));
 }
 exports.default = RenderContent;

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

@@ -35,8 +35,8 @@ function RenderInlinedStyles(props) {
         // https://github.com/sveltejs/vite-plugin-svelte/issues/315#issuecomment-1109000027
         return "sty" + "le";
     }
-    return (React.createElement(React.Fragment, null, target_js_1.TARGET === "svelte" ? (React.createElement(React.Fragment, null,
-        React.createElement(react_native_1.View, { dangerouslySetInnerHTML: { __html: injectedStyleScript() } }))) : (React.createElement(react_native_1.View, null,
+    return (React.createElement(React.Fragment, null, target_js_1.TARGET === "svelte" || target_js_1.TARGET === "qwik" ? (React.createElement(React.Fragment, null,
+        React.createElement(react_native_1.View, { dangerouslySetInnerHTML: { __html: props.styles } }))) : (React.createElement(react_native_1.View, null,
         React.createElement(react_native_1.Text, null, props.styles)))));
 }
 exports.default = RenderInlinedStyles;

package/dist/constants/builder-registered-components.js

@@ -20,27 +20,27 @@ var __spreadValues = (a, b) => {
         }
     return a;
 };
-const button_js_1 = __importDefault(require("../blocks/button/button.js"));
+const button_1 = __importDefault(require("../blocks/button/button"));
 const component_info_1 = require("../blocks/button/component-info");
-const columns_js_1 = __importDefault(require("../blocks/columns/columns.js"));
+const columns_1 = __importDefault(require("../blocks/columns/columns"));
 const component_info_2 = require("../blocks/columns/component-info");
 const component_info_3 = require("../blocks/fragment/component-info");
-const fragment_js_1 = __importDefault(require("../blocks/fragment/fragment.js"));
+const fragment_1 = __importDefault(require("../blocks/fragment/fragment"));
 const component_info_4 = require("../blocks/image/component-info");
-const image_js_1 = __importDefault(require("../blocks/image/image.js"));
+const image_1 = __importDefault(require("../blocks/image/image"));
 const component_info_5 = require("../blocks/section/component-info");
-const section_js_1 = __importDefault(require("../blocks/section/section.js"));
+const section_1 = __importDefault(require("../blocks/section/section"));
 const component_info_6 = require("../blocks/symbol/component-info");
-const symbol_js_1 = __importDefault(require("../blocks/symbol/symbol.js"));
+const symbol_1 = __importDefault(require("../blocks/symbol/symbol"));
 const component_info_7 = require("../blocks/text/component-info");
-const text_js_1 = __importDefault(require("../blocks/text/text.js"));
+const text_1 = __importDefault(require("../blocks/text/text"));
 const getDefaultRegisteredComponents = () => [
-    __spreadValues({ component: columns_js_1.default }, component_info_2.componentInfo),
-    __spreadValues({ component: image_js_1.default }, component_info_4.componentInfo),
-    __spreadValues({ component: text_js_1.default }, component_info_7.componentInfo),
-    __spreadValues({ component: symbol_js_1.default }, component_info_6.componentInfo),
-    __spreadValues({ component: button_js_1.default }, component_info_1.componentInfo),
-    __spreadValues({ component: section_js_1.default }, component_info_5.componentInfo),
-    __spreadValues({ component: fragment_js_1.default }, component_info_3.componentInfo)
+    __spreadValues({ component: columns_1.default }, component_info_2.componentInfo),
+    __spreadValues({ component: image_1.default }, component_info_4.componentInfo),
+    __spreadValues({ component: text_1.default }, component_info_7.componentInfo),
+    __spreadValues({ component: symbol_1.default }, component_info_6.componentInfo),
+    __spreadValues({ component: button_1.default }, component_info_1.componentInfo),
+    __spreadValues({ component: section_1.default }, component_info_5.componentInfo),
+    __spreadValues({ component: fragment_1.default }, component_info_3.componentInfo)
 ];
 exports.getDefaultRegisteredComponents = getDefaultRegisteredComponents;

package/dist/index-helpers/blocks-exports.js

@@ -4,19 +4,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Text = exports.Symbol = exports.Section = exports.RenderContent = exports.Image = exports.Fragment = exports.Columns = exports.Button = void 0;
-const columns_js_1 = __importDefault(require("../blocks/columns/columns.js"));
-Object.defineProperty(exports, "Columns", { enumerable: true, get: function () { return columns_js_1.default; } });
-const image_js_1 = __importDefault(require("../blocks/image/image.js"));
-Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return image_js_1.default; } });
-const text_js_1 = __importDefault(require("../blocks/text/text.js"));
-Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return text_js_1.default; } });
-const symbol_js_1 = __importDefault(require("../blocks/symbol/symbol.js"));
-Object.defineProperty(exports, "Symbol", { enumerable: true, get: function () { return symbol_js_1.default; } });
-const button_js_1 = __importDefault(require("../blocks/button/button.js"));
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_js_1.default; } });
-const section_js_1 = __importDefault(require("../blocks/section/section.js"));
-Object.defineProperty(exports, "Section", { enumerable: true, get: function () { return section_js_1.default; } });
-const fragment_js_1 = __importDefault(require("../blocks/fragment/fragment.js"));
-Object.defineProperty(exports, "Fragment", { enumerable: true, get: function () { return fragment_js_1.default; } });
-const render_content_js_1 = __importDefault(require("../components/render-content/render-content.js"));
-Object.defineProperty(exports, "RenderContent", { enumerable: true, get: function () { return render_content_js_1.default; } });
+const columns_1 = __importDefault(require("../blocks/columns/columns"));
+Object.defineProperty(exports, "Columns", { enumerable: true, get: function () { return columns_1.default; } });
+const image_1 = __importDefault(require("../blocks/image/image"));
+Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return image_1.default; } });
+const text_1 = __importDefault(require("../blocks/text/text"));
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return text_1.default; } });
+const symbol_1 = __importDefault(require("../blocks/symbol/symbol"));
+Object.defineProperty(exports, "Symbol", { enumerable: true, get: function () { return symbol_1.default; } });
+const button_1 = __importDefault(require("../blocks/button/button"));
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_1.default; } });
+const section_1 = __importDefault(require("../blocks/section/section"));
+Object.defineProperty(exports, "Section", { enumerable: true, get: function () { return section_1.default; } });
+const fragment_1 = __importDefault(require("../blocks/fragment/fragment"));
+Object.defineProperty(exports, "Fragment", { enumerable: true, get: function () { return fragment_1.default; } });
+const render_content_1 = __importDefault(require("../components/render-content/render-content"));
+Object.defineProperty(exports, "RenderContent", { enumerable: true, get: function () { return render_content_1.default; } });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-native",
   "description": "Builder.io SDK for React Native",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/src/blocks/columns/columns.jsx

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { View, StyleSheet, Image, Text } from "react-native";
-import RenderBlocks from "../../components/render-blocks.js";
+import RenderBlocks from "../../components/render-blocks";
 import { getSizesForBreakpoints } from "../../constants/device-sizes";
-import RenderInlinedStyles from "../../components/render-inlined-styles.js";
+import RenderInlinedStyles from "../../components/render-inlined-styles";
 import { TARGET } from "../../constants/target.js";
 import { convertStyleMapToCSS } from "../../helpers/css";
 

package/src/blocks/form/form.jsx

@@ -2,8 +2,8 @@ import BaseText from "../BaseText";
 import * as React from "react";
 import { View, StyleSheet, Image, Text } from "react-native";
 import { useState, useContext, useRef } from "react";
-import RenderBlock from "../../components/render-block/render-block.js";
-import BuilderBlocks from "../../components/render-blocks.js";
+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) {

package/src/blocks/symbol/symbol.jsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { View, StyleSheet, Image, Text } from "react-native";
 import { useState, useContext, useEffect } from "react";
-import RenderContent from "../../components/render-content/render-content.js";
+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";

package/src/components/render-block/block-styles.jsx

@@ -7,7 +7,7 @@ import {
 import { TARGET } from "../../constants/target.js";
 import { getProcessedBlock } from "../../functions/get-processed-block.js";
 import { createCssClass } from "../../helpers/css.js";
-import RenderInlinedStyles from "../render-inlined-styles.js";
+import RenderInlinedStyles from "../render-inlined-styles";
 
 export default function BlockStyles(props) {
   function useBlock() {

package/src/components/render-block/render-block.jsx

@@ -6,16 +6,16 @@ import { getBlockComponentOptions } from "../../functions/get-block-component-op
 import { getBlockProperties } from "../../functions/get-block-properties.js";
 import { getBlockTag } from "../../functions/get-block-tag.js";
 import { getProcessedBlock } from "../../functions/get-processed-block.js";
-import BlockStyles from "./block-styles.js";
+import BlockStyles from "./block-styles";
 import {
   getComponent,
   getRepeatItemData,
   isEmptyHtmlElement,
 } from "./render-block.helpers.js";
-import RenderRepeatedBlock from "./render-repeated-block.js";
+import RenderRepeatedBlock from "./render-repeated-block";
 import { TARGET } from "../../constants/target.js";
 import { extractTextStyles } from "../../functions/extract-text-styles.js";
-import RenderComponent from "./render-component.js";
+import RenderComponent from "./render-component";
 import { getReactNativeBlockStyles } from "../../functions/get-react-native-block-styles.js";
 
 export default function RenderBlock(props) {

package/src/components/render-block/render-component.jsx

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { View, StyleSheet, Image, Text } from "react-native";
 import { useContext } from "react";
-import BlockStyles from "./block-styles.js";
-import RenderBlock from "./render-block.js";
+import BlockStyles from "./block-styles";
+import RenderBlock from "./render-block";
 import BuilderContext from "../../context/builder.context.js";
 
 export default function RenderComponent(props) {

package/src/components/render-block/render-repeated-block.jsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import { View, StyleSheet, Image, Text } from "react-native";
 import { useContext } from "react";
 import BuilderContext from "../../context/builder.context.js";
-import RenderBlock from "./render-block.js";
+import RenderBlock from "./render-block";
 
 export default function RenderRepeatedBlock(props) {
   return (

package/src/components/render-blocks.jsx

@@ -3,8 +3,8 @@ import { View, StyleSheet, Image, Text } from "react-native";
 import { useContext } from "react";
 import BuilderContext from "../context/builder.context.js";
 import { isEditing } from "../functions/is-editing.js";
-import BlockStyles from "./render-block/block-styles.js";
-import RenderBlock from "./render-block/render-block.js";
+import BlockStyles from "./render-block/block-styles";
+import RenderBlock from "./render-block/render-block";
 
 export default function RenderBlocks(props) {
   function className() {

package/src/components/render-content/components/render-styles.jsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { View, StyleSheet, Image, Text } from "react-native";
-import RenderInlinedStyles from "../../render-inlined-styles.js";
+import RenderInlinedStyles from "../../render-inlined-styles";
 
 export default function RenderContentStyles(props) {
   function getCssFromFont(font) {

package/src/components/render-content/index.js

@@ -1,4 +1,4 @@
-import { default as default2 } from "./render-content.js";
+import { default as default2 } from "./render-content";
 export {
   default2 as default
 };

package/src/components/render-content/render-content.jsx

@@ -14,8 +14,8 @@ import {
   createRegisterComponentMessage,
 } from "../../functions/register-component.js";
 import { _track } from "../../functions/track/index.js";
-import RenderBlocks from "../render-blocks.js";
-import RenderContentStyles from "./components/render-styles.js";
+import RenderBlocks from "../render-blocks";
+import RenderContentStyles from "./components/render-styles";
 import builderContext from "../../context/builder.context.js";
 import {
   registerInsertMenu,

package/src/components/render-inlined-styles.jsx

@@ -15,9 +15,9 @@ export default function RenderInlinedStyles(props) {
 
   return (
     <>
-      {TARGET === "svelte" ? (
+      {TARGET === "svelte" || TARGET === "qwik" ? (
         <>
-          <View dangerouslySetInnerHTML={{ __html: injectedStyleScript() }} />
+          <View dangerouslySetInnerHTML={{ __html: props.styles }} />
         </>
       ) : (
         <View>

package/src/constants/builder-registered-components.js

@@ -14,20 +14,20 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { default as Button } from "../blocks/button/button.js";
+import { default as Button } from "../blocks/button/button";
 import { componentInfo as buttonComponentInfo } from "../blocks/button/component-info";
-import { default as Columns } from "../blocks/columns/columns.js";
+import { default as Columns } from "../blocks/columns/columns";
 import { componentInfo as columnsComponentInfo } from "../blocks/columns/component-info";
 import { componentInfo as fragmentComponentInfo } from "../blocks/fragment/component-info";
-import { default as Fragment } from "../blocks/fragment/fragment.js";
+import { default as Fragment } from "../blocks/fragment/fragment";
 import { componentInfo as imageComponentInfo } from "../blocks/image/component-info";
-import { default as Image } from "../blocks/image/image.js";
+import { default as Image } from "../blocks/image/image";
 import { componentInfo as sectionComponentInfo } from "../blocks/section/component-info";
-import { default as Section } from "../blocks/section/section.js";
+import { default as Section } from "../blocks/section/section";
 import { componentInfo as symbolComponentInfo } from "../blocks/symbol/component-info";
-import { default as Symbol } from "../blocks/symbol/symbol.js";
+import { default as Symbol } from "../blocks/symbol/symbol";
 import { componentInfo as textComponentInfo } from "../blocks/text/component-info";
-import { default as Text } from "../blocks/text/text.js";
+import { default as Text } from "../blocks/text/text";
 const getDefaultRegisteredComponents = () => [
   __spreadValues({ component: Columns }, columnsComponentInfo),
   __spreadValues({ component: Image }, imageComponentInfo),

package/src/index-helpers/blocks-exports.js

@@ -1,11 +1,11 @@
-import { default as default2 } from "../blocks/columns/columns.js";
-import { default as default3 } from "../blocks/image/image.js";
-import { default as default4 } from "../blocks/text/text.js";
-import { default as default5 } from "../blocks/symbol/symbol.js";
-import { default as default6 } from "../blocks/button/button.js";
-import { default as default7 } from "../blocks/section/section.js";
-import { default as default8 } from "../blocks/fragment/fragment.js";
-import { default as default9 } from "../components/render-content/render-content.js";
+import { default as default2 } from "../blocks/columns/columns";
+import { default as default3 } from "../blocks/image/image";
+import { default as default4 } from "../blocks/text/text";
+import { default as default5 } from "../blocks/symbol/symbol";
+import { default as default6 } from "../blocks/button/button";
+import { default as default7 } from "../blocks/section/section";
+import { default as default8 } from "../blocks/fragment/fragment";
+import { default as default9 } from "../components/render-content/render-content";
 export {
   default6 as Button,
   default2 as Columns,