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

package/dist/components/block/block.js

@@ -1,5 +1,5 @@
 "use strict";
-'use client';
+"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);
@@ -30,23 +30,24 @@ 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");
+const component_ref_1 = __importDefault(require("./components/component-ref/component-ref"));
+const block_wrapper_1 = __importDefault(require("./components/block-wrapper"));
 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,
-    }));
+    var _a, _b, _c, _d;
+    function blockComponent() {
+        return (0, block_helpers_js_1.getComponent)({
+            block: props.block,
+            context: props.context,
+            registeredComponents: props.registeredComponents,
+        });
+    }
     function repeatItem() {
         return (0, block_helpers_js_1.getRepeatItemData)({
             block: props.block,
@@ -65,7 +66,9 @@ function Block(props) {
                 shouldEvaluateBindings: true,
             });
     }
-    const [Tag, setTag] = (0, react_1.useState)(() => props.block.tagName || "div");
+    function Tag() {
+        return props.block.tagName || "div";
+    }
     function canShowBlock() {
         if ("hide" in processedBlock()) {
             return !processedBlock().hide;
@@ -75,71 +78,39 @@ function Block(props) {
         }
         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;
+        var _a, _b;
         /**
          * 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();
+        const shouldRenderChildrenOutsideRef = !((_a = blockComponent === null || blockComponent === void 0 ? void 0 : blockComponent()) === null || _a === void 0 ? void 0 : _a.component) && !repeatItem();
         return shouldRenderChildrenOutsideRef
-            ? (_a = processedBlock().children) !== null && _a !== void 0 ? _a : []
+            ? (_b = processedBlock().children) !== null && _b !== void 0 ? _b : []
             : [];
     }
-    function renderComponentProps() {
-        var _a;
+    function componentRefProps() {
+        var _a, _b, _c, _d, _e, _f;
         return {
             blockChildren: (_a = processedBlock().children) !== null && _a !== void 0 ? _a : [],
-            componentRef: component === null || component === void 0 ? void 0 : component.component,
+            componentRef: (_b = blockComponent === null || blockComponent === void 0 ? void 0 : blockComponent()) === null || _b === void 0 ? void 0 : _b.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"
+                ...(((_c = blockComponent === null || blockComponent === void 0 ? void 0 : blockComponent()) === null || _c === void 0 ? void 0 : _c.name) === "Symbol" ||
+                    ((_d = blockComponent === null || blockComponent === void 0 ? void 0 : blockComponent()) === null || _d === void 0 ? void 0 : _d.name) === "Columns"
                     ? {
-                        builderComponents: props.components,
+                        builderComponents: props.registeredComponents,
                     }
                     : {}),
             },
             context: childrenContext,
-            components: props.components,
+            registeredComponents: props.registeredComponents,
+            builderBlock: processedBlock(),
+            includeBlockProps: ((_e = blockComponent === null || blockComponent === void 0 ? void 0 : blockComponent()) === null || _e === void 0 ? void 0 : _e.noWrap) === true,
+            isInteractive: !((_f = blockComponent === null || blockComponent === void 0 ? void 0 : blockComponent()) === null || _f === void 0 ? void 0 : _f.isRSC),
         };
     }
     const [childrenContext, setChildrenContext] = (0, react_1.useState)(() => ({
@@ -150,22 +121,21 @@ function Block(props) {
         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)({
+        componentInfos: props.context.componentInfos,
+        inheritedStyles: (0, extract_text_styles_js_1.extractTextStyles)((0, get_block_properties_js_1.getBlockProperties)({
             block: processedBlock(),
             context: props.context,
-            blockStyles: attributes().style,
-        })),
+        }).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));
+    return (React.createElement(React.Fragment, null, canShowBlock() ? (React.createElement(React.Fragment, null, !((_a = blockComponent === null || blockComponent === void 0 ? void 0 : blockComponent()) === null || _a === void 0 ? void 0 : _a.noWrap) ? (React.createElement(React.Fragment, null,
+        (0, block_helpers_js_1.isEmptyHtmlElement)(Tag()) ? (React.createElement(React.Fragment, null,
+            React.createElement(block_wrapper_1.default, { Wrapper: Tag(), block: processedBlock(), context: props.context, hasChildren: false }))) : null,
+        !(0, block_helpers_js_1.isEmptyHtmlElement)(Tag()) && repeatItem() ? (React.createElement(React.Fragment, null, (_b = repeatItem()) === null || _b === void 0 ? void 0 : _b.map((data, index) => (React.createElement(repeated_block_1.default, { key: index, repeatContext: data.context, block: data.block, registeredComponents: props.registeredComponents }))))) : null,
+        !(0, block_helpers_js_1.isEmptyHtmlElement)(Tag()) && !repeatItem() ? (React.createElement(React.Fragment, null,
+            React.createElement(block_wrapper_1.default, { Wrapper: Tag(), block: processedBlock(), context: props.context, hasChildren: true },
+                React.createElement(component_ref_1.default, { ...componentRefProps() }), (_c = childrenWithoutParentComponent()) === null || _c === void 0 ? void 0 :
+                _c.map((child) => (React.createElement(Block, { key: "block-" + child.id, block: child, context: childrenContext, registeredComponents: props.registeredComponents }))), (_d = childrenWithoutParentComponent()) === null || _d === void 0 ? void 0 :
+                _d.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_ref_1.default, { ...componentRefProps() }))))) : null));
 }
 exports.default = Block;

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

@@ -1,5 +1,5 @@
 "use strict";
-'use client';
+"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);

package/dist/components/block/components/block-wrapper/block-wrapper.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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const interactive_element_helpers_js_1 = require("../interactive-element/interactive-element.helpers.js");
+function BlockWrapper(props) {
+    return (React.createElement(React.Fragment, null, props.hasChildren ? (React.createElement(React.Fragment, null,
+        React.createElement(props.Wrapper, { ...(0, interactive_element_helpers_js_1.getBlockProps)({
+                block: props.block,
+                contextValue: props.context,
+            }) }, props.children))) : (React.createElement(React.Fragment, null,
+        React.createElement(props.Wrapper, { ...(0, interactive_element_helpers_js_1.getBlockProps)({
+                block: props.block,
+                contextValue: props.context,
+            }) })))));
+}
+exports.default = BlockWrapper;

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

@@ -0,0 +1,56 @@
+"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 get_block_actions_js_1 = require("../../../functions/get-block-actions.js");
+const get_block_properties_js_1 = require("../../../functions/get-block-properties.js");
+function BlockWrapper(props) {
+    return (React.createElement(React.Fragment, null, props.hasChildren ? (React.createElement(React.Fragment, null,
+        React.createElement(props.Wrapper, { ...(0, get_block_properties_js_1.getBlockProperties)({
+                block: props.block,
+                context: props.context,
+            }), ...(0, get_block_actions_js_1.getBlockActions)({
+                block: props.block,
+                rootState: props.context.rootState,
+                rootSetState: props.context.rootSetState,
+                localState: props.context.localState,
+                context: props.context.context,
+                stripPrefix: true,
+            }) }, props.children))) : (React.createElement(React.Fragment, null,
+        React.createElement(props.Wrapper, { ...(0, get_block_properties_js_1.getBlockProperties)({
+                block: props.block,
+                context: props.context,
+            }), ...(0, get_block_actions_js_1.getBlockActions)({
+                block: props.block,
+                rootState: props.context.rootState,
+                rootSetState: props.context.rootSetState,
+                localState: props.context.localState,
+                context: props.context.context,
+                stripPrefix: true,
+            }) })))));
+}
+exports.default = BlockWrapper;

package/dist/components/block/components/component-ref/component-ref.helpers.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getWrapperProps = void 0;
+var __defProp = Object.defineProperty;
+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;
+};
+const get_block_properties_js_1 = require("../../../../functions/get-block-properties.js");
+const getWrapperProps = ({ componentOptions, builderBlock, context, componentRef, includeBlockProps, isInteractive, contextValue }) => {
+    const interactiveElementProps = {
+        Wrapper: componentRef,
+        block: builderBlock,
+        context,
+        wrapperProps: componentOptions
+    };
+    return isInteractive ? interactiveElementProps : __spreadValues(__spreadValues({}, componentOptions), includeBlockProps ? {
+        attributes: (0, get_block_properties_js_1.getBlockProperties)({
+            block: builderBlock,
+            context: contextValue
+        })
+    } : {});
+};
+exports.getWrapperProps = getWrapperProps;

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

@@ -0,0 +1,63 @@
+"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 block_styles_1 = __importDefault(require("../block-styles"));
+const block_1 = __importDefault(require("../../block"));
+const interactive_element_1 = __importDefault(require("../interactive-element"));
+const component_ref_helpers_js_1 = require("./component-ref.helpers.js");
+const builder_context_1 = __importDefault(require("../../../../context/builder.context"));
+function ComponentRef(props) {
+    var _a, _b;
+    const [Wrapper, setWrapper] = (0, react_1.useState)(() => props.isInteractive ? interactive_element_1.default : props.componentRef);
+    return (React.createElement(builder_context_1.default.Provider, { value: {
+            content: props.context.content,
+            rootState: props.context.rootState,
+            localState: props.context.localState,
+            context: props.context.context,
+            apiKey: props.context.apiKey,
+            componentInfos: props.context.componentInfos,
+            inheritedStyles: props.context.inheritedStyles,
+            apiVersion: props.context.apiVersion,
+        } }, props.componentRef ? (React.createElement(React.Fragment, null,
+        React.createElement(Wrapper, { ...(0, component_ref_helpers_js_1.getWrapperProps)({
+                componentOptions: props.componentOptions,
+                builderBlock: props.builderBlock,
+                context: props.context,
+                componentRef: props.componentRef,
+                includeBlockProps: props.includeBlockProps,
+                isInteractive: props.isInteractive,
+                contextValue: props.context,
+            }) }, (_a = props.blockChildren) === null || _a === void 0 ? void 0 :
+            _a.map((child) => (React.createElement(block_1.default, { key: "block-" + child.id, block: child, context: props.context, registeredComponents: props.registeredComponents }))), (_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 = ComponentRef;

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

@@ -0,0 +1,81 @@
+"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 block_styles_1 = __importDefault(require("./block-styles"));
+const block_1 = __importDefault(require("../block"));
+const get_block_properties_js_1 = require("../../../functions/get-block-properties.js");
+const block_wrapper_1 = __importDefault(require("./block-wrapper"));
+const builder_context_js_1 = __importDefault(require("../../../context/builder.context.js"));
+function ComponentRef(props) {
+    var _a, _b;
+    const [Wrapper, setWrapper] = (0, react_1.useState)(() => props.isRSC ? props.componentRef : block_wrapper_1.default);
+    function wrapperProps() {
+        const blockWrapperProps = {
+            Wrapper: props.componentRef,
+            block: props.builderBlock,
+            context: props.context,
+            wrapperProps: props.componentOptions,
+            shouldNestAttributes: true,
+        };
+        return props.isRSC
+            ? {
+                ...props.componentOptions,
+                /**
+                 * If `noWrap` is set to `true`, then the block's props/attributes are provided to the  * component itself directly. Otherwise, they are provided to the wrapper element.  */ ...(props.includeBlockProps
+                    ? {
+                        attributes: (0, get_block_properties_js_1.getBlockProperties)({
+                            block: props.builderBlock,
+                            context: props.context,
+                        }),
+                    }
+                    : {}),
+            }
+            : blockWrapperProps;
+    }
+    return (React.createElement(builder_context_js_1.default.Provider, { value: {
+            content: props.context.content,
+            rootState: props.context.rootState,
+            localState: props.context.localState,
+            context: props.context.context,
+            apiKey: props.context.apiKey,
+            componentInfos: props.context.componentInfos,
+            inheritedStyles: props.context.inheritedStyles,
+            apiVersion: props.context.apiVersion,
+        } },
+        React.createElement(Wrapper, { ...wrapperProps() },
+            " ", (_a = props.blockChildren) === null || _a === void 0 ? void 0 :
+            _a.map((child) => (React.createElement(block_1.default, { key: "block-" + child.id, block: child, context: props.context, registeredComponents: props.registeredComponents }))),
+            " ", (_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 }))),
+            " ")));
+}
+exports.default = ComponentRef;

package/dist/components/block/components/interactive-element/interactive-element.helpers.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBlockProps = void 0;
+var __defProp = Object.defineProperty;
+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;
+};
+const get_block_actions_1 = require("../../../../functions/get-block-actions");
+const get_block_properties_1 = require("../../../../functions/get-block-properties");
+const getBlockProps = ({ block, contextValue }) => {
+    const blockProps = __spreadValues(__spreadValues({}, (0, get_block_properties_1.getBlockProperties)({
+        block,
+        context: contextValue
+    })), (0, get_block_actions_1.getBlockActions)({
+        block,
+        rootState: contextValue.rootState,
+        rootSetState: contextValue.rootSetState,
+        localState: contextValue.localState,
+        context: contextValue.context
+    }));
+    return blockProps;
+};
+exports.getBlockProps = getBlockProps;

package/dist/components/block/components/interactive-element/interactive-element.js

@@ -0,0 +1,36 @@
+"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 interactive_element_helpers_js_1 = require("./interactive-element.helpers.js");
+function InteractiveElement(props) {
+    return (React.createElement(props.Wrapper, { ...props.wrapperProps, attributes: (0, interactive_element_helpers_js_1.getBlockProps)({
+            block: props.block,
+            contextValue: props.context,
+        }) }, props.children));
+}
+exports.default = InteractiveElement;

package/dist/components/block/components/interactive-element.js

@@ -0,0 +1,46 @@
+"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 get_block_actions_js_1 = require("../../../functions/get-block-actions.js");
+const get_block_properties_js_1 = require("../../../functions/get-block-properties.js");
+function InteractiveElement(props) {
+    return (React.createElement(props.Wrapper, { ...props.wrapperProps, attributes: {
+            ...(0, get_block_properties_js_1.getBlockProperties)({
+                block: props.block,
+                context: props.context,
+            }),
+            ...(0, get_block_actions_js_1.getBlockActions)({
+                block: props.block,
+                rootState: props.context.rootState,
+                rootSetState: props.context.rootSetState,
+                localState: props.context.localState,
+                context: props.context.context,
+            }),
+        } }, props.children));
+}
+exports.default = InteractiveElement;

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

@@ -1,5 +1,5 @@
 "use strict";
-'use client';
+"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);
@@ -30,11 +30,11 @@ 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 builder_context_1 = __importDefault(require("../../../context/builder.context"));
 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 })));
+    return (React.createElement(builder_context_1.default.Provider, { value: store },
+        React.createElement(block_1.default, { block: props.block, context: store, registeredComponents: props.registeredComponents })));
 }
 exports.default = RepeatedBlock;

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

@@ -1,5 +1,5 @@
 "use strict";
-'use client';
+"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);
@@ -58,7 +58,10 @@ function BlocksWrapper(props) {
     }
     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));
+        }, style: {
+            ...styles.view1,
+            ...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" },

package/dist/components/blocks/blocks.js

@@ -1,5 +1,5 @@
 "use strict";
-'use client';
+"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);
@@ -35,7 +35,7 @@ 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, (_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, registeredComponents: props.registeredComponents }))))) : 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;