@builder.io/sdk-react-native 0.4.4 → 0.4.5

package/dist/blocks/columns/columns.js

@@ -32,7 +32,7 @@ const react_native_1 = require("react-native");
 const react_1 = require("react");
 const render_blocks_1 = __importDefault(require("../../components/render-blocks"));
 const device_sizes_1 = require("../../constants/device-sizes");
-const render_inlined_styles_1 = __importDefault(require("../../components/render-inlined-styles"));
+const inlined_styles_1 = __importDefault(require("../../components/inlined-styles"));
 const target_js_1 = require("../../constants/target.js");
 const builder_context_js_1 = __importDefault(require("../../context/builder.context.js"));
 function Columns(props) {
@@ -142,7 +142,7 @@ function Columns(props) {
             "builder-block-name": "builder-columns",
         } },
         target_js_1.TARGET !== "reactNative" ? (React.createElement(React.Fragment, null,
-            React.createElement(render_inlined_styles_1.default, { styles: columnsStyles() }))) : null, (_a = props.columns) === null || _a === void 0 ? void 0 :
+            React.createElement(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: columnCssVars(index), dataSet: {
                 "builder-block-name": "builder-column",
             }, key: index },

package/dist/blocks/symbol/symbol.js

@@ -30,7 +30,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_1 = __importDefault(require("../../components/render-content/render-content"));
+const render_content_variants_1 = __importDefault(require("../../components/render-content-variants/render-content-variants"));
 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");
@@ -54,7 +54,7 @@ function Symbol(props) {
     });
     const [contentToUse, setContentToUse] = (0, react_1.useState)(() => { var _a; return (_a = props.symbol) === null || _a === void 0 ? void 0 : _a.content; });
     function fetchContent() {
-        var _a;
+        var _a, _b;
         /**
          * If:
          * - we have a symbol prop
@@ -73,9 +73,11 @@ function Symbol(props) {
                 model: props.symbol.model,
                 apiKey: builderContext.apiKey,
                 apiVersion: builderContext.apiVersion,
-                query: {
-                    id: props.symbol.entry,
-                },
+                ...(((_b = props.symbol) === null || _b === void 0 ? void 0 : _b.entry) && {
+                    query: {
+                        id: props.symbol.entry,
+                    },
+                }),
             })
                 .then((response) => {
                 if (response) {
@@ -97,7 +99,7 @@ function Symbol(props) {
     return (React.createElement(react_native_1.View, { ...props.attributes, dataSet: {
             class: className,
         } },
-        React.createElement(render_content_1.default, { apiVersion: builderContext.apiVersion, apiKey: builderContext.apiKey, context: builderContext.context, customComponents: Object.values(builderContext.registeredComponents), data: {
+        React.createElement(render_content_variants_1.default, { __isNestedRender: true, apiVersion: builderContext.apiVersion, apiKey: builderContext.apiKey, context: builderContext.context, customComponents: Object.values(builderContext.registeredComponents), data: {
                 ...(_a = props.symbol) === null || _a === void 0 ? void 0 : _a.data,
                 ...builderContext.localState,
                 ...(_b = contentToUse === null || contentToUse === void 0 ? void 0 : contentToUse.data) === null || _b === void 0 ? void 0 : _b.state,

package/dist/components/block/block.helpers.js

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isEmptyHtmlElement = exports.getRepeatItemData = exports.getComponent = void 0;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+    for (var prop in b || (b = {}))
+        if (__hasOwnProp.call(b, prop))
+            __defNormalProp(a, prop, b[prop]);
+    if (__getOwnPropSymbols)
+        for (var prop of __getOwnPropSymbols(b)) {
+            if (__propIsEnum.call(b, prop))
+                __defNormalProp(a, prop, b[prop]);
+        }
+    return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+        if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+            target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols)
+        for (var prop of __getOwnPropSymbols(source)) {
+            if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+                target[prop] = source[prop];
+        }
+    return target;
+};
+const evaluate_1 = require("../../functions/evaluate");
+const get_processed_block_1 = require("../../functions/get-processed-block");
+const EMPTY_HTML_ELEMENTS = [
+    "area",
+    "base",
+    "br",
+    "col",
+    "embed",
+    "hr",
+    "img",
+    "input",
+    "keygen",
+    "link",
+    "meta",
+    "param",
+    "source",
+    "track",
+    "wbr"
+];
+const isEmptyHtmlElement = (tagName) => {
+    return typeof tagName === "string" && EMPTY_HTML_ELEMENTS.includes(tagName.toLowerCase());
+};
+exports.isEmptyHtmlElement = isEmptyHtmlElement;
+const getComponent = ({ block, context }) => {
+    var _a;
+    const componentName = (_a = (0, get_processed_block_1.getProcessedBlock)({
+        block,
+        localState: context.localState,
+        rootState: context.rootState,
+        rootSetState: context.rootSetState,
+        context: context.context,
+        shouldEvaluateBindings: false
+    }).component) == null ? void 0 : _a.name;
+    if (!componentName) {
+        return null;
+    }
+    const ref = context.registeredComponents[componentName];
+    if (!ref) {
+        console.warn(`
+      Could not find a registered component named "${componentName}". 
+      If you registered it, is the file that registered it imported by the file that needs to render it?`);
+        return void 0;
+    }
+    else {
+        return ref;
+    }
+};
+exports.getComponent = getComponent;
+const getRepeatItemData = ({ block, context }) => {
+    const _a = block, { repeat } = _a, blockWithoutRepeat = __objRest(_a, ["repeat"]);
+    if (!(repeat == null ? void 0 : repeat.collection)) {
+        return void 0;
+    }
+    const itemsArray = (0, evaluate_1.evaluate)({
+        code: repeat.collection,
+        localState: context.localState,
+        rootState: context.rootState,
+        rootSetState: context.rootSetState,
+        context: context.context
+    });
+    if (!Array.isArray(itemsArray)) {
+        return void 0;
+    }
+    const collectionName = repeat.collection.split(".").pop();
+    const itemNameToUse = repeat.itemName || (collectionName ? collectionName + "Item" : "item");
+    const repeatArray = itemsArray.map((item, index) => ({
+        context: __spreadProps(__spreadValues({}, context), {
+            localState: __spreadProps(__spreadValues({}, context.localState), {
+                $index: index,
+                $item: item,
+                [itemNameToUse]: item,
+                [`$${itemNameToUse}Index`]: index
+            })
+        }),
+        block: blockWithoutRepeat
+    }));
+    return repeatArray;
+};
+exports.getRepeatItemData = getRepeatItemData;

package/dist/components/block/block.js

@@ -0,0 +1,171 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_1 = require("react");
+const get_block_actions_js_1 = require("../../functions/get-block-actions.js");
+const get_block_component_options_js_1 = require("../../functions/get-block-component-options.js");
+const get_block_properties_js_1 = require("../../functions/get-block-properties.js");
+const get_processed_block_js_1 = require("../../functions/get-processed-block.js");
+const block_styles_1 = __importDefault(require("./components/block-styles"));
+const block_helpers_js_1 = require("./block.helpers.js");
+const repeated_block_1 = __importDefault(require("./components/repeated-block"));
+const target_js_1 = require("../../constants/target.js");
+const extract_text_styles_js_1 = require("../../functions/extract-text-styles.js");
+const component_1 = __importDefault(require("./components/component"));
+const get_react_native_block_styles_js_1 = require("../../functions/get-react-native-block-styles.js");
+function Block(props) {
+    var _a, _b, _c;
+    const [component, setComponent] = (0, react_1.useState)(() => (0, block_helpers_js_1.getComponent)({
+        block: props.block,
+        context: props.context,
+    }));
+    function repeatItem() {
+        return (0, block_helpers_js_1.getRepeatItemData)({
+            block: props.block,
+            context: props.context,
+        });
+    }
+    function processedBlock() {
+        return repeatItem()
+            ? props.block
+            : (0, get_processed_block_js_1.getProcessedBlock)({
+                block: props.block,
+                localState: props.context.localState,
+                rootState: props.context.rootState,
+                rootSetState: props.context.rootSetState,
+                context: props.context.context,
+                shouldEvaluateBindings: true,
+            });
+    }
+    const [Tag, setTag] = (0, react_1.useState)(() => props.block.tagName || "div");
+    function canShowBlock() {
+        if ("hide" in processedBlock()) {
+            return !processedBlock().hide;
+        }
+        if ("show" in processedBlock()) {
+            return processedBlock().show;
+        }
+        return true;
+    }
+    function actions() {
+        return (0, get_block_actions_js_1.getBlockActions)({
+            block: processedBlock(),
+            rootState: props.context.rootState,
+            rootSetState: props.context.rootSetState,
+            localState: props.context.localState,
+            context: props.context.context,
+        });
+    }
+    function attributes() {
+        const blockProperties = (0, get_block_properties_js_1.getBlockProperties)(processedBlock());
+        return {
+            ...blockProperties,
+            ...(target_js_1.TARGET === "reactNative"
+                ? {
+                    style: (0, get_react_native_block_styles_js_1.getReactNativeBlockStyles)({
+                        block: processedBlock(),
+                        context: props.context,
+                        blockStyles: blockProperties.style,
+                    }),
+                }
+                : {}),
+        };
+    }
+    function childrenWithoutParentComponent() {
+        var _a;
+        /**
+         * When there is no `componentRef`, there might still be children that need to be rendered. In this case,
+         * we render them outside of `componentRef`.
+         * NOTE: We make sure not to render this if `repeatItemData` is non-null, because that means we are rendering an array of
+         * blocks, and the children will be repeated within those blocks.
+         */
+        const shouldRenderChildrenOutsideRef = !(component === null || component === void 0 ? void 0 : component.component) && !repeatItem();
+        return shouldRenderChildrenOutsideRef
+            ? (_a = processedBlock().children) !== null && _a !== void 0 ? _a : []
+            : [];
+    }
+    function renderComponentProps() {
+        var _a;
+        return {
+            blockChildren: (_a = processedBlock().children) !== null && _a !== void 0 ? _a : [],
+            componentRef: component === null || component === void 0 ? void 0 : component.component,
+            componentOptions: {
+                ...(0, get_block_component_options_js_1.getBlockComponentOptions)(processedBlock()),
+                /**
+                 * These attributes are passed to the wrapper element when there is one. If `noWrap` is set to true, then
+                 * they are provided to the component itself directly.
+                 */
+                ...(!(component === null || component === void 0 ? void 0 : component.noWrap)
+                    ? {}
+                    : {
+                        attributes: {
+                            ...attributes(),
+                            ...actions(),
+                        },
+                    }),
+                builderContext: props.context,
+                ...((component === null || component === void 0 ? void 0 : component.name) === "Symbol" || (component === null || component === void 0 ? void 0 : component.name) === "Columns"
+                    ? {
+                        builderComponents: props.components,
+                    }
+                    : {}),
+            },
+            context: childrenContext,
+            components: props.components,
+        };
+    }
+    const [childrenContext, setChildrenContext] = (0, react_1.useState)(() => ({
+        apiKey: props.context.apiKey,
+        apiVersion: props.context.apiVersion,
+        localState: props.context.localState,
+        rootState: props.context.rootState,
+        rootSetState: props.context.rootSetState,
+        content: props.context.content,
+        context: props.context.context,
+        registeredComponents: props.context.registeredComponents,
+        inheritedStyles: (0, extract_text_styles_js_1.extractTextStyles)((0, get_react_native_block_styles_js_1.getReactNativeBlockStyles)({
+            block: processedBlock(),
+            context: props.context,
+            blockStyles: attributes().style,
+        })),
+    }));
+    return (React.createElement(React.Fragment, null, canShowBlock() ? (React.createElement(React.Fragment, null, !(component === null || component === void 0 ? void 0 : component.noWrap) ? (React.createElement(React.Fragment, null,
+        (0, block_helpers_js_1.isEmptyHtmlElement)(Tag) ? (React.createElement(React.Fragment, null,
+            React.createElement(Tag, { ...attributes(), ...actions() }))) : null,
+        !(0, block_helpers_js_1.isEmptyHtmlElement)(Tag) && repeatItem() ? (React.createElement(React.Fragment, null, (_a = repeatItem()) === null || _a === void 0 ? void 0 : _a.map((data, index) => (React.createElement(repeated_block_1.default, { key: index, repeatContext: data.context, block: data.block, components: props.components }))))) : null,
+        !(0, block_helpers_js_1.isEmptyHtmlElement)(Tag) && !repeatItem() ? (React.createElement(React.Fragment, null,
+            React.createElement(Tag, { ...attributes(), ...actions() },
+                React.createElement(component_1.default, { ...renderComponentProps() }), (_b = childrenWithoutParentComponent()) === null || _b === void 0 ? void 0 :
+                _b.map((child) => (React.createElement(Block, { key: "render-block-" + child.id, block: child, context: childrenContext, components: props.components }))), (_c = childrenWithoutParentComponent()) === null || _c === void 0 ? void 0 :
+                _c.map((child) => (React.createElement(block_styles_1.default, { key: "block-style-" + child.id, block: child, context: childrenContext })))))) : null)) : (React.createElement(React.Fragment, null,
+        React.createElement(component_1.default, { ...renderComponentProps() }))))) : null));
+}
+exports.default = Block;

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

@@ -0,0 +1,95 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_1 = require("react");
+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 nullable_js_1 = require("../../../helpers/nullable.js");
+const inlined_styles_1 = __importDefault(require("../../inlined-styles"));
+function BlockStyles(props) {
+    const [processedBlock, setProcessedBlock] = (0, react_1.useState)(() => (0, get_processed_block_js_1.getProcessedBlock)({
+        block: props.block,
+        localState: props.context.localState,
+        rootState: props.context.rootState,
+        rootSetState: props.context.rootSetState,
+        context: props.context.context,
+        shouldEvaluateBindings: true,
+    }));
+    function canShowBlock() {
+        // only render styles for blocks that are visible
+        if ((0, nullable_js_1.checkIsDefined)(processedBlock.hide)) {
+            return !processedBlock.hide;
+        }
+        if ((0, nullable_js_1.checkIsDefined)(processedBlock.show)) {
+            return processedBlock.show;
+        }
+        return true;
+    }
+    function css() {
+        var _a;
+        const styles = processedBlock.responsiveStyles;
+        const content = props.context.content;
+        const sizesWithUpdatedBreakpoints = (0, device_sizes_js_1.getSizesForBreakpoints)(((_a = content === null || content === void 0 ? void 0 : content.meta) === null || _a === void 0 ? void 0 : _a.breakpoints) || {});
+        const largeStyles = styles === null || styles === void 0 ? void 0 : styles.large;
+        const mediumStyles = styles === null || styles === void 0 ? void 0 : styles.medium;
+        const smallStyles = styles === null || styles === void 0 ? void 0 : styles.small;
+        const className = processedBlock.id;
+        if (!className) {
+            return "";
+        }
+        const largeStylesClass = largeStyles
+            ? (0, css_js_1.createCssClass)({
+                className,
+                styles: largeStyles,
+            })
+            : "";
+        const mediumStylesClass = mediumStyles
+            ? (0, css_js_1.createCssClass)({
+                className,
+                styles: mediumStyles,
+                mediaQuery: (0, device_sizes_js_1.getMaxWidthQueryForSize)("medium", sizesWithUpdatedBreakpoints),
+            })
+            : "";
+        const smallStylesClass = smallStyles
+            ? (0, css_js_1.createCssClass)({
+                className,
+                styles: smallStyles,
+                mediaQuery: (0, device_sizes_js_1.getMaxWidthQueryForSize)("small", sizesWithUpdatedBreakpoints),
+            })
+            : "";
+        return [largeStylesClass, mediumStylesClass, smallStylesClass].join(" ");
+    }
+    return (React.createElement(React.Fragment, null, target_js_1.TARGET !== "reactNative" && css() && canShowBlock() ? (React.createElement(React.Fragment, null,
+        React.createElement(inlined_styles_1.default, { styles: css() }))) : null));
+}
+exports.default = BlockStyles;

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

@@ -0,0 +1,41 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const block_styles_1 = __importDefault(require("./block-styles"));
+const block_1 = __importDefault(require("../block"));
+function Component(props) {
+    var _a, _b;
+    return (React.createElement(React.Fragment, null, props.componentRef ? (React.createElement(React.Fragment, null,
+        React.createElement(props.componentRef, { ...props.componentOptions }, (_a = props.blockChildren) === null || _a === void 0 ? void 0 :
+            _a.map((child) => (React.createElement(block_1.default, { key: "render-block-" + child.id, block: child, context: props.context, components: props.components }))), (_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 = Component;

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

@@ -0,0 +1,40 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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 block_1 = __importDefault(require("../block"));
+function RepeatedBlock(props) {
+    const [store, setStore] = (0, react_1.useState)(() => props.repeatContext);
+    return (React.createElement(builder_context_js_1.default.Provider, { value: store },
+        React.createElement(block_1.default, { block: props.block, context: store, components: props.components })));
+}
+exports.default = RepeatedBlock;

package/dist/components/block/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/components/blocks/blocks-wrapper.js

@@ -0,0 +1,66 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const is_editing_js_1 = require("../../functions/is-editing.js");
+function BlocksWrapper(props) {
+    function className() {
+        var _a;
+        return "builder-blocks" + (!((_a = props.blocks) === null || _a === void 0 ? void 0 : _a.length) ? " no-blocks" : "");
+    }
+    function onClick() {
+        var _a, _b;
+        if ((0, is_editing_js_1.isEditing)() && !((_a = props.blocks) === null || _a === void 0 ? void 0 : _a.length)) {
+            (_b = window.parent) === null || _b === void 0 ? void 0 : _b.postMessage({
+                type: "builder.clickEmptyBlocks",
+                data: {
+                    parentElementId: props.parent,
+                    dataPath: props.path,
+                },
+            }, "*");
+        }
+    }
+    function onMouseEnter() {
+        var _a, _b;
+        if ((0, is_editing_js_1.isEditing)() && !((_a = props.blocks) === null || _a === void 0 ? void 0 : _a.length)) {
+            (_b = window.parent) === null || _b === void 0 ? void 0 : _b.postMessage({
+                type: "builder.hoverEmptyBlocks",
+                data: {
+                    parentElementId: props.parent,
+                    dataPath: props.path,
+                },
+            }, "*");
+        }
+    }
+    return (React.createElement(react_native_1.View, { "builder-path": props.path, "builder-parent-id": props.parent, dataSet: {
+            class: className(),
+        }, style: props.styleProp, onClick: (event) => onClick(), onMouseEnter: (event) => onMouseEnter(), onKeyPress: (event) => onClick() }, props.children));
+}
+const styles = react_native_1.StyleSheet.create({
+    view1: { display: "flex", flexDirection: "column", alignItems: "stretch" },
+});
+exports.default = BlocksWrapper;

package/dist/components/blocks/blocks.js

@@ -0,0 +1,41 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const block_styles_1 = __importDefault(require("../block/components/block-styles"));
+const block_1 = __importDefault(require("../block/block"));
+const blocks_wrapper_1 = __importDefault(require("./blocks-wrapper"));
+function Blocks(props) {
+    var _a, _b;
+    return (React.createElement(blocks_wrapper_1.default, { blocks: props.blocks, parent: props.parent, path: props.path, styleProp: props.styleProp },
+        props.blocks ? (React.createElement(React.Fragment, null, (_a = props.blocks) === null || _a === void 0 ? void 0 : _a.map((block) => (React.createElement(block_1.default, { key: "render-block-" + block.id, block: block, context: props.context, components: props.components }))))) : 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: props.context }))))) : null));
+}
+exports.default = Blocks;