@builder.io/sdk-react-native 0.5.9 → 0.6.0

package/lib/node/commonjs/components/block/block.js.flow

@@ -0,0 +1,191 @@
+"use client";
+import * as React from "react";
+import {
+  FlatList,
+  ScrollView,
+  View,
+  StyleSheet,
+  Image,
+  Text,
+} from "react-native";
+import { useState } from "react";
+import { getBlockComponentOptions } from "../../functions/get-block-component-options.js";
+import { getBlockProperties } from "../../functions/get-block-properties.js";
+import { getProcessedBlock } from "../../functions/get-processed-block.js";
+import BlockStyles from "./components/block-styles";
+import {
+  getComponent,
+  getRepeatItemData,
+  isEmptyHtmlElement,
+} from "./block.helpers.js";
+import RepeatedBlock from "./components/repeated-block";
+import { extractTextStyles } from "../../functions/extract-text-styles.js";
+import ComponentRef from "./components/component-ref/component-ref";
+import BlockWrapper from "./components/block-wrapper";
+
+function Block(props) {
+  function blockComponent() {
+    return getComponent({
+      block: props.block,
+      context: props.context,
+      registeredComponents: props.registeredComponents,
+    });
+  }
+
+  function repeatItem() {
+    return getRepeatItemData({
+      block: props.block,
+      context: props.context,
+    });
+  }
+
+  function processedBlock() {
+    return repeatItem()
+      ? props.block
+      : getProcessedBlock({
+          block: props.block,
+          localState: props.context.localState,
+          rootState: props.context.rootState,
+          rootSetState: props.context.rootSetState,
+          context: props.context.context,
+          shouldEvaluateBindings: true,
+        });
+  }
+
+  function Tag() {
+    return View;
+  }
+
+  function canShowBlock() {
+    if ("hide" in processedBlock()) {
+      return !processedBlock().hide;
+    }
+    if ("show" in processedBlock()) {
+      return processedBlock().show;
+    }
+    return true;
+  }
+
+  function childrenWithoutParentComponent() {
+    /**
+     * 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 =
+      !blockComponent?.()?.component && !repeatItem();
+    return shouldRenderChildrenOutsideRef
+      ? processedBlock().children ?? []
+      : [];
+  }
+
+  function componentRefProps() {
+    return {
+      blockChildren: processedBlock().children ?? [],
+      componentRef: blockComponent?.()?.component,
+      componentOptions: {
+        ...getBlockComponentOptions(processedBlock()),
+        builderContext: props.context,
+        ...(blockComponent?.()?.name === "Symbol" ||
+        blockComponent?.()?.name === "Columns"
+          ? {
+              builderComponents: props.registeredComponents,
+            }
+          : {}),
+      },
+      context: childrenContext,
+      registeredComponents: props.registeredComponents,
+      builderBlock: processedBlock(),
+      includeBlockProps: blockComponent?.()?.noWrap === true,
+      isInteractive: !blockComponent?.()?.isRSC,
+    };
+  }
+
+  const [childrenContext, setChildrenContext] = 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,
+    componentInfos: props.context.componentInfos,
+    inheritedStyles: extractTextStyles(
+      getBlockProperties({
+        block: processedBlock(),
+        context: props.context,
+      }).style || {}
+    ),
+  }));
+
+  return (
+    <>
+      {canShowBlock() ? (
+        <>
+          {!blockComponent?.()?.noWrap ? (
+            <>
+              {isEmptyHtmlElement(Tag()) ? (
+                <>
+                  <BlockWrapper
+                    Wrapper={Tag()}
+                    block={processedBlock()}
+                    context={props.context}
+                    hasChildren={false}
+                  />
+                </>
+              ) : null}
+              {!isEmptyHtmlElement(Tag()) && repeatItem() ? (
+                <>
+                  {repeatItem()?.map((data, index) => (
+                    <RepeatedBlock
+                      key={index}
+                      repeatContext={data.context}
+                      block={data.block}
+                      registeredComponents={props.registeredComponents}
+                    />
+                  ))}
+                </>
+              ) : null}
+              {!isEmptyHtmlElement(Tag()) && !repeatItem() ? (
+                <>
+                  <BlockWrapper
+                    Wrapper={Tag()}
+                    block={processedBlock()}
+                    context={props.context}
+                    hasChildren={true}
+                  >
+                    <ComponentRef {...componentRefProps()} />
+
+                    {childrenWithoutParentComponent()?.map((child) => (
+                      <Block
+                        key={"block-" + child.id}
+                        block={child}
+                        context={childrenContext}
+                        registeredComponents={props.registeredComponents}
+                      />
+                    ))}
+
+                    {childrenWithoutParentComponent()?.map((child) => (
+                      <BlockStyles
+                        key={"block-style-" + child.id}
+                        block={child}
+                        context={childrenContext}
+                      />
+                    ))}
+                  </BlockWrapper>
+                </>
+              ) : null}
+            </>
+          ) : (
+            <>
+              <ComponentRef {...componentRefProps()} />
+            </>
+          )}
+        </>
+      ) : null}
+    </>
+  );
+}
+
+export default Block;

package/lib/node/commonjs/components/block/block.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Object","defineProperty","exports","value","default","React","_interopRequireWildcard","require","_reactNative","_getBlockComponentOptions","_getBlockProperties","_getProcessedBlock","_blockStyles","_interopRequireDefault","_blockHelpers","_repeatedBlock","_extractTextStyles","_componentRef","_blockWrapper","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Block","props","_blockComponent7","_repeatItem","_childrenWithoutParen","_childrenWithoutParen2","blockComponent","getComponent","block","context","registeredComponents","repeatItem","getRepeatItemData","processedBlock","getProcessedBlock","localState","rootState","rootSetState","shouldEvaluateBindings","Tag","View","canShowBlock","hide","show","childrenWithoutParentComponent","_blockComponent","_processedBlock$child","shouldRenderChildrenOutsideRef","component","children","componentRefProps","_processedBlock$child2","_blockComponent2","_blockComponent3","_blockComponent4","_blockComponent5","_blockComponent6","blockChildren","componentRef","componentOptions","getBlockComponentOptions","builderContext","name","builderComponents","childrenContext","builderBlock","includeBlockProps","noWrap","isInteractive","isRSC","setChildrenContext","useState","apiKey","apiVersion","content","componentInfos","inheritedStyles","extractTextStyles","getBlockProperties","style","createElement","Fragment","isEmptyHtmlElement","Wrapper","hasChildren","map","data","index","repeatContext","child","id","_default"],"sourceRoot":"../../../../../src","sources":["components/block/block.jsx"],"mappings":"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"}

package/lib/node/commonjs/components/block/components/block-styles.js

@@ -0,0 +1,72 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _deviceSizes = require("../../../constants/device-sizes.js");
+var _target = require("../../../constants/target.js");
+var _getProcessedBlock = require("../../../functions/get-processed-block.js");
+var _css = require("../../../helpers/css.js");
+var _nullable = require("../../../helpers/nullable.js");
+var _inlinedStyles = _interopRequireDefault(require("../../inlined-styles"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function BlockStyles(props) {
+  const [processedBlock, setProcessedBlock] = (0, React.useState)(() => (0, _getProcessedBlock.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.checkIsDefined)(processedBlock.hide)) {
+      return !processedBlock.hide;
+    }
+    if ((0, _nullable.checkIsDefined)(processedBlock.show)) {
+      return processedBlock.show;
+    }
+    return true;
+  }
+  function css() {
+    var _content$meta;
+    const styles = processedBlock.responsiveStyles;
+    const content = props.context.content;
+    const sizesWithUpdatedBreakpoints = (0, _deviceSizes.getSizesForBreakpoints)((content === null || content === void 0 || (_content$meta = content.meta) === null || _content$meta === void 0 ? void 0 : _content$meta.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.createCssClass)({
+      className,
+      styles: largeStyles
+    }) : "";
+    const mediumStylesClass = mediumStyles ? (0, _css.createCssClass)({
+      className,
+      styles: mediumStyles,
+      mediaQuery: (0, _deviceSizes.getMaxWidthQueryForSize)("medium", sizesWithUpdatedBreakpoints)
+    }) : "";
+    const smallStylesClass = smallStyles ? (0, _css.createCssClass)({
+      className,
+      styles: smallStyles,
+      mediaQuery: (0, _deviceSizes.getMaxWidthQueryForSize)("small", sizesWithUpdatedBreakpoints)
+    }) : "";
+    return [largeStylesClass, mediumStylesClass, smallStylesClass].join(" ");
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _target.TARGET !== "reactNative" && css() && canShowBlock() ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_inlinedStyles.default, {
+    styles: css()
+  })) : null);
+}
+var _default = BlockStyles;
+exports.default = _default;
+//# sourceMappingURL=block-styles.js.map

package/lib/node/commonjs/components/block/components/block-styles.js.flow

@@ -0,0 +1,98 @@
+"use client";
+import * as React from "react";
+import {
+  FlatList,
+  ScrollView,
+  View,
+  StyleSheet,
+  Image,
+  Text,
+} from "react-native";
+import { useState } from "react";
+import {
+  getMaxWidthQueryForSize,
+  getSizesForBreakpoints,
+} from "../../../constants/device-sizes.js";
+import { TARGET } from "../../../constants/target.js";
+import { getProcessedBlock } from "../../../functions/get-processed-block.js";
+import { createCssClass } from "../../../helpers/css.js";
+import { checkIsDefined } from "../../../helpers/nullable.js";
+import InlinedStyles from "../../inlined-styles";
+
+function BlockStyles(props) {
+  const [processedBlock, setProcessedBlock] = useState(() =>
+    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 (checkIsDefined(processedBlock.hide)) {
+      return !processedBlock.hide;
+    }
+    if (checkIsDefined(processedBlock.show)) {
+      return processedBlock.show;
+    }
+    return true;
+  }
+
+  function css() {
+    const styles = processedBlock.responsiveStyles;
+    const content = props.context.content;
+    const sizesWithUpdatedBreakpoints = getSizesForBreakpoints(
+      content?.meta?.breakpoints || {}
+    );
+    const largeStyles = styles?.large;
+    const mediumStyles = styles?.medium;
+    const smallStyles = styles?.small;
+    const className = processedBlock.id;
+    if (!className) {
+      return "";
+    }
+    const largeStylesClass = largeStyles
+      ? createCssClass({
+          className,
+          styles: largeStyles,
+        })
+      : "";
+    const mediumStylesClass = mediumStyles
+      ? createCssClass({
+          className,
+          styles: mediumStyles,
+          mediaQuery: getMaxWidthQueryForSize(
+            "medium",
+            sizesWithUpdatedBreakpoints
+          ),
+        })
+      : "";
+    const smallStylesClass = smallStyles
+      ? createCssClass({
+          className,
+          styles: smallStyles,
+          mediaQuery: getMaxWidthQueryForSize(
+            "small",
+            sizesWithUpdatedBreakpoints
+          ),
+        })
+      : "";
+    return [largeStylesClass, mediumStylesClass, smallStylesClass].join(" ");
+  }
+
+  return (
+    <>
+      {TARGET !== "reactNative" && css() && canShowBlock() ? (
+        <>
+          <InlinedStyles styles={css()} />
+        </>
+      ) : null}
+    </>
+  );
+}
+
+export default BlockStyles;

package/lib/node/commonjs/components/block/components/block-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Object","defineProperty","exports","value","default","React","_interopRequireWildcard","require","_reactNative","_deviceSizes","_target","_getProcessedBlock","_css","_nullable","_inlinedStyles","_interopRequireDefault","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","BlockStyles","props","processedBlock","setProcessedBlock","useState","getProcessedBlock","block","localState","context","rootState","rootSetState","shouldEvaluateBindings","canShowBlock","checkIsDefined","hide","show","css","_content$meta","styles","responsiveStyles","content","sizesWithUpdatedBreakpoints","getSizesForBreakpoints","meta","breakpoints","largeStyles","large","mediumStyles","medium","smallStyles","small","className","id","largeStylesClass","createCssClass","mediumStylesClass","mediaQuery","getMaxWidthQueryForSize","smallStylesClass","join","createElement","Fragment","TARGET","_default"],"sourceRoot":"../../../../../../src","sources":["components/block/components/block-styles.jsx"],"mappings":"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"}

package/lib/node/commonjs/components/block/components/block-wrapper.js

@@ -0,0 +1,40 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _getBlockActions = require("../../../functions/get-block-actions.js");
+var _getBlockProperties = require("../../../functions/get-block-properties.js");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function BlockWrapper(props) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, props.hasChildren ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(props.Wrapper, _extends({}, (0, _getBlockProperties.getBlockProperties)({
+    block: props.block,
+    context: props.context
+  }), (0, _getBlockActions.getBlockActions)({
+    block: props.block,
+    rootState: props.context.rootState,
+    rootSetState: props.context.rootSetState,
+    localState: props.context.localState,
+    context: props.context.context,
+    stripPrefix: true
+  })), props.children)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(props.Wrapper, _extends({}, (0, _getBlockProperties.getBlockProperties)({
+    block: props.block,
+    context: props.context
+  }), (0, _getBlockActions.getBlockActions)({
+    block: props.block,
+    rootState: props.context.rootState,
+    rootSetState: props.context.rootSetState,
+    localState: props.context.localState,
+    context: props.context.context,
+    stripPrefix: true
+  })))));
+}
+var _default = BlockWrapper;
+exports.default = _default;
+//# sourceMappingURL=block-wrapper.js.map

package/lib/node/commonjs/components/block/components/block-wrapper.js.flow

@@ -0,0 +1,58 @@
+"use client";
+import * as React from "react";
+import {
+  FlatList,
+  ScrollView,
+  View,
+  StyleSheet,
+  Image,
+  Text,
+} from "react-native";
+import { getBlockActions } from "../../../functions/get-block-actions.js";
+import { getBlockProperties } from "../../../functions/get-block-properties.js";
+
+function BlockWrapper(props) {
+  return (
+    <>
+      {props.hasChildren ? (
+        <>
+          <props.Wrapper
+            {...getBlockProperties({
+              block: props.block,
+              context: props.context,
+            })}
+            {...getBlockActions({
+              block: props.block,
+              rootState: props.context.rootState,
+              rootSetState: props.context.rootSetState,
+              localState: props.context.localState,
+              context: props.context.context,
+              stripPrefix: true,
+            })}
+          >
+            {props.children}
+          </props.Wrapper>
+        </>
+      ) : (
+        <>
+          <props.Wrapper
+            {...getBlockProperties({
+              block: props.block,
+              context: props.context,
+            })}
+            {...getBlockActions({
+              block: props.block,
+              rootState: props.context.rootState,
+              rootSetState: props.context.rootSetState,
+              localState: props.context.localState,
+              context: props.context.context,
+              stripPrefix: true,
+            })}
+          />
+        </>
+      )}
+    </>
+  );
+}
+
+export default BlockWrapper;

package/lib/node/commonjs/components/block/components/block-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Object","defineProperty","exports","value","default","React","_interopRequireWildcard","require","_reactNative","_getBlockActions","_getBlockProperties","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","cache","has","get","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","BlockWrapper","props","createElement","Fragment","hasChildren","Wrapper","getBlockProperties","block","context","getBlockActions","rootState","rootSetState","localState","stripPrefix","children","_default"],"sourceRoot":"../../../../../../src","sources":["components/block/components/block-wrapper.jsx"],"mappings":"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"}

package/lib/node/commonjs/components/block/components/component-ref/component-ref.helpers.js

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

package/lib/node/commonjs/components/block/components/component-ref/component-ref.helpers.js.flow

@@ -0,0 +1,41 @@
+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;
+};
+import { getBlockProperties } from "../../../../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: getBlockProperties({
+      block: builderBlock,
+      context: contextValue
+    })
+  } : {});
+};
+export { getWrapperProps }

package/lib/node/commonjs/components/block/components/component-ref/component-ref.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_getBlockProperties","require","__defProp","Object","defineProperty","__getOwnPropSymbols","getOwnPropertySymbols","__hasOwnProp","prototype","hasOwnProperty","__propIsEnum","propertyIsEnumerable","__defNormalProp","obj","key","value","enumerable","configurable","writable","__spreadValues","a","b","prop","call","getWrapperProps","_ref","componentOptions","builderBlock","context","componentRef","includeBlockProps","isInteractive","contextValue","interactiveElementProps","Wrapper","block","wrapperProps","attributes","getBlockProperties","exports"],"sourceRoot":"../../../../../../../src","sources":["components/block/components/component-ref/component-ref.helpers.js"],"mappings":";;;;;;AAiBA,IAAAA,mBAAA,GAAAC,OAAA;AAjBA,IAAIC,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,mBAAmB,GAAGF,MAAM,CAACG,qBAAqB;AACtD,IAAIC,YAAY,GAAGJ,MAAM,CAACK,SAAS,CAACC,cAAc;AAClD,IAAIC,YAAY,GAAGP,MAAM,CAACK,SAAS,CAACG,oBAAoB;AACxD,IAAIC,eAAe,GAAGA,CAACC,GAAG,EAAEC,GAAG,EAAEC,KAAK,KAAKD,GAAG,IAAID,GAAG,GAAGX,SAAS,CAACW,GAAG,EAAEC,GAAG,EAAE;EAC1EE,UAAU,EAAE,IAAI;EAChBC,YAAY,EAAE,IAAI;EAClBC,QAAQ,EAAE,IAAI;EACdH;AACF,CAAC,CAAC,GAAGF,GAAG,CAACC,GAAG,CAAC,GAAGC,KAAK;AACrB,IAAII,cAAc,GAAGA,CAACC,CAAC,EAAEC,CAAC,KAAK;EAC7B,KAAK,IAAIC,IAAI,IAAID,CAAC,KAAKA,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,IAAId,YAAY,CAACgB,IAAI,CAACF,CAAC,EAAEC,IAAI,CAAC,EAAEV,eAAe,CAACQ,CAAC,EAAEE,IAAI,EAAED,CAAC,CAACC,IAAI,CAAC,CAAC;EACjG,IAAIjB,mBAAmB,EAAE,KAAK,IAAIiB,IAAI,IAAIjB,mBAAmB,CAACgB,CAAC,CAAC,EAAE;IAChE,IAAIX,YAAY,CAACa,IAAI,CAACF,CAAC,EAAEC,IAAI,CAAC,EAAEV,eAAe,CAACQ,CAAC,EAAEE,IAAI,EAAED,CAAC,CAACC,IAAI,CAAC,CAAC;EACnE;EACA,OAAOF,CAAC;AACV,CAAC;AAED,MAAMI,eAAe,GAAGC,IAAA,IAQlB;EAAA,IARmB;IACvBC,gBAAgB;IAChBC,YAAY;IACZC,OAAO;IACPC,YAAY;IACZC,iBAAiB;IACjBC,aAAa;IACbC;EACF,CAAC,GAAAP,IAAA;EACC,MAAMQ,uBAAuB,GAAG;IAC9BC,OAAO,EAAEL,YAAY;IACrBM,KAAK,EAAER,YAAY;IACnBC,OAAO;IACPQ,YAAY,EAAEV;EAChB,CAAC;EACD,OAAOK,aAAa,GAAGE,uBAAuB,GAAGd,cAAc,CAACA,cAAc,CAAC,CAAC,CAAC,EAAEO,gBAAgB,CAAC,EAAEI,iBAAiB,GAAG;IACxHO,UAAU,EAAE,IAAAC,sCAAkB,EAAC;MAC7BH,KAAK,EAAER,YAAY;MACnBC,OAAO,EAAEI;IACX,CAAC;EACH,CAAC,GAAG,CAAC,CAAC,CAAC;AACT,CAAC;AAACO,OAAA,CAAAf,eAAA,GAAAA,eAAA"}

package/lib/node/commonjs/components/block/components/component-ref/component-ref.js

@@ -0,0 +1,54 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _blockStyles = _interopRequireDefault(require("../block-styles"));
+var _block = _interopRequireDefault(require("../../block"));
+var _interactiveElement = _interopRequireDefault(require("../interactive-element"));
+var _componentRefHelpers = require("./component-ref.helpers.js");
+var _wrapComponentRef = require("../../../content/wrap-component-ref.js");
+var _builderContext = _interopRequireDefault(require("../../../../context/builder.context.js"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ComponentRef(props) {
+  var _props$blockChildren, _props$blockChildren2;
+  const [Wrapper, setWrapper] = (0, React.useState)(() => props.isInteractive ? _interactiveElement.default : props.componentRef);
+  return /*#__PURE__*/React.createElement(_builderContext.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 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Wrapper, (0, _componentRefHelpers.getWrapperProps)({
+    componentOptions: props.componentOptions,
+    builderBlock: props.builderBlock,
+    context: props.context,
+    componentRef: props.componentRef,
+    includeBlockProps: props.includeBlockProps,
+    isInteractive: props.isInteractive,
+    contextValue: props.context
+  }), (_props$blockChildren = props.blockChildren) === null || _props$blockChildren === void 0 ? void 0 : _props$blockChildren.map(child => /*#__PURE__*/React.createElement(_block.default, {
+    key: "block-" + child.id,
+    block: child,
+    context: props.context,
+    registeredComponents: props.registeredComponents
+  })), (_props$blockChildren2 = props.blockChildren) === null || _props$blockChildren2 === void 0 ? void 0 : _props$blockChildren2.map(child => /*#__PURE__*/React.createElement(_blockStyles.default, {
+    key: "block-style-" + child.id,
+    block: child,
+    context: props.context
+  })))) : null);
+}
+var _default = ComponentRef;
+exports.default = _default;
+//# sourceMappingURL=component-ref.js.map