@builder.io/sdk-react 0.0.2 → 0.0.4

package/packages/_rsc/src/blocks/symbol/symbol.js

@@ -0,0 +1,51 @@
+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));
+import * as React from "react";
+import RenderContent from "../../components/render-content/render-content.js";
+function Symbol(props) {
+  var _a, _b, _c, _d, _e;
+  const _context = __spreadValues({}, props["_context"]);
+  const state = {
+    className: "builder-symbol",
+    fetchedContent: null,
+    get contentToUse() {
+      var _a2;
+      return ((_a2 = props.symbol) == null ? void 0 : _a2.content) || state.fetchedContent;
+    }
+  };
+  const builderContext = _context["BuilderContext"];
+  return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, props.attributes), {
+    dataSet: {
+      class: state.className
+    },
+    className: state.className
+  }), /* @__PURE__ */ React.createElement(RenderContent, {
+    apiKey: builderContext.apiKey,
+    context: builderContext.context,
+    customComponents: Object.values(builderContext.registeredComponents),
+    data: __spreadValues(__spreadValues(__spreadValues({}, (_a = props.symbol) == null ? void 0 : _a.data), builderContext.state), (_d = (_c = (_b = props.symbol) == null ? void 0 : _b.content) == null ? void 0 : _c.data) == null ? void 0 : _d.state),
+    model: (_e = props.symbol) == null ? void 0 : _e.model,
+    content: state.contentToUse,
+    _context
+  }));
+}
+export {
+  Symbol as default
+};

package/packages/_rsc/src/blocks/text/component-info.js

@@ -0,0 +1,24 @@
+const componentInfo = {
+  name: "Text",
+  static: true,
+  builtIn: true,
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
+  inputs: [
+    {
+      name: "text",
+      type: "html",
+      required: true,
+      autoFocus: true,
+      bubble: true,
+      defaultValue: "Enter some text..."
+    }
+  ],
+  defaultStyles: {
+    lineHeight: "normal",
+    height: "auto",
+    textAlign: "center"
+  }
+};
+export {
+  componentInfo
+};

package/packages/_rsc/src/blocks/text/text.js

@@ -0,0 +1,27 @@
+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 * as React from "react";
+function Text(props) {
+  const _context = __spreadValues({}, props["_context"]);
+  return /* @__PURE__ */ React.createElement("span", {
+    className: "builder-text",
+    dangerouslySetInnerHTML: { __html: props.text }
+  });
+}
+export {
+  Text as default
+};

package/packages/_rsc/src/blocks/textarea/component-info.js

@@ -0,0 +1,47 @@
+const componentInfo = {
+  name: "Form:TextArea",
+  builtIn: true,
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
+  inputs: [
+    {
+      advanced: true,
+      name: "value",
+      type: "string"
+    },
+    {
+      name: "name",
+      type: "string",
+      required: true,
+      helperText: 'Every input in a form needs a unique name describing what it gets, e.g. "email"'
+    },
+    {
+      name: "defaultValue",
+      type: "string"
+    },
+    {
+      name: "placeholder",
+      type: "string",
+      defaultValue: "Hello there"
+    },
+    {
+      name: "required",
+      type: "boolean",
+      defaultValue: false
+    }
+  ],
+  defaultStyles: {
+    paddingTop: "10px",
+    paddingBottom: "10px",
+    paddingLeft: "10px",
+    paddingRight: "10px",
+    borderRadius: "3px",
+    borderWidth: "1px",
+    borderStyle: "solid",
+    borderColor: "#ccc"
+  },
+  static: true,
+  noWrap: true
+};
+export {
+  componentInfo
+};

package/packages/_rsc/src/blocks/textarea/textarea.js

@@ -0,0 +1,32 @@
+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));
+import * as React from "react";
+function Textarea(props) {
+  const _context = __spreadValues({}, props["_context"]);
+  return /* @__PURE__ */ React.createElement("textarea", __spreadProps(__spreadValues({}, props.attributes), {
+    placeholder: props.placeholder,
+    name: props.name,
+    value: props.value,
+    defaultValue: props.defaultValue
+  }));
+}
+export {
+  Textarea as default
+};

package/packages/_rsc/src/blocks/util.js

@@ -0,0 +1,8 @@
+const serializeFn = (fnValue) => {
+  const fnStr = fnValue.toString().trim();
+  const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
+  return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
+};
+export {
+  serializeFn
+};

package/packages/_rsc/src/blocks/video/component-info.js

@@ -0,0 +1,106 @@
+const componentInfo = {
+  name: "Video",
+  canHaveChildren: true,
+  builtIn: true,
+  defaultStyles: {
+    minHeight: "20px",
+    minWidth: "20px"
+  },
+  image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",
+  inputs: [
+    {
+      name: "video",
+      type: "file",
+      allowedFileTypes: ["mp4"],
+      bubble: true,
+      defaultValue: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f",
+      required: true
+    },
+    {
+      name: "posterImage",
+      type: "file",
+      allowedFileTypes: ["jpeg", "png"],
+      helperText: "Image to show before the video plays"
+    },
+    {
+      name: "autoPlay",
+      type: "boolean",
+      defaultValue: true
+    },
+    {
+      name: "controls",
+      type: "boolean",
+      defaultValue: false
+    },
+    {
+      name: "muted",
+      type: "boolean",
+      defaultValue: true
+    },
+    {
+      name: "loop",
+      type: "boolean",
+      defaultValue: true
+    },
+    {
+      name: "playsInline",
+      type: "boolean",
+      defaultValue: true
+    },
+    {
+      name: "fit",
+      type: "text",
+      defaultValue: "cover",
+      enum: ["contain", "cover", "fill", "auto"]
+    },
+    {
+      name: "fitContent",
+      type: "boolean",
+      helperText: "When child blocks are provided, fit to them instead of using the aspect ratio",
+      defaultValue: true,
+      advanced: true
+    },
+    {
+      name: "position",
+      type: "text",
+      defaultValue: "center",
+      enum: [
+        "center",
+        "top",
+        "left",
+        "right",
+        "bottom",
+        "top left",
+        "top right",
+        "bottom left",
+        "bottom right"
+      ]
+    },
+    {
+      name: "height",
+      type: "number",
+      advanced: true
+    },
+    {
+      name: "width",
+      type: "number",
+      advanced: true
+    },
+    {
+      name: "aspectRatio",
+      type: "number",
+      advanced: true,
+      defaultValue: 0.7004048582995948
+    },
+    {
+      name: "lazyLoad",
+      type: "boolean",
+      helperText: 'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',
+      defaultValue: true,
+      advanced: true
+    }
+  ]
+};
+export {
+  componentInfo
+};

package/packages/_rsc/src/blocks/video/video.js

@@ -0,0 +1,57 @@
+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));
+import * as React from "react";
+function Video(props) {
+  var _a;
+  const _context = __spreadValues({}, props["_context"]);
+  const state = {
+    get videoProps() {
+      return __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, props.autoPlay === true ? {
+        autoPlay: true
+      } : {}), props.muted === true ? {
+        muted: true
+      } : {}), props.controls === true ? {
+        controls: true
+      } : {}), props.loop === true ? {
+        loop: true
+      } : {}), props.playsInline === true ? {
+        playsInline: true
+      } : {});
+    },
+    get spreadProps() {
+      return __spreadValues(__spreadValues({}, props.attributes), state.videoProps);
+    }
+  };
+  return /* @__PURE__ */ React.createElement("video", __spreadProps(__spreadValues({}, state.spreadProps), {
+    style: __spreadProps(__spreadValues({
+      width: "100%",
+      height: "100%"
+    }, (_a = props.attributes) == null ? void 0 : _a.style), {
+      objectFit: props.fit,
+      objectPosition: props.position,
+      borderRadius: 1
+    }),
+    src: props.video || "no-src",
+    poster: props.posterImage
+  }));
+}
+export {
+  Video as default
+};

package/packages/_rsc/src/components/render-block/block-styles.js

@@ -0,0 +1,70 @@
+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 * as React 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 RenderInlinedStyles from "../render-inlined-styles.js";
+function BlockStyles(props) {
+  const _context = __spreadValues({}, props["_context"]);
+  const state = {
+    get useBlock() {
+      return getProcessedBlock({
+        block: props.block,
+        state: props.context.state,
+        context: props.context.context,
+        shouldEvaluateBindings: true
+      });
+    },
+    get css() {
+      var _a;
+      const styles = state.useBlock.responsiveStyles;
+      const content = props.context.content;
+      const sizesWithUpdatedBreakpoints = getSizesForBreakpoints(((_a = content == null ? void 0 : content.meta) == null ? void 0 : _a.breakpoints) || {});
+      const largeStyles = styles == null ? void 0 : styles.large;
+      const mediumStyles = styles == null ? void 0 : styles.medium;
+      const smallStyles = styles == null ? void 0 : styles.small;
+      const className = state.useBlock.id;
+      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 /* @__PURE__ */ React.createElement(React.Fragment, null, TARGET !== "reactNative" && state.css ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(RenderInlinedStyles, {
+    styles: state.css,
+    _context
+  })) : null);
+}
+export {
+  BlockStyles as default
+};

package/packages/_rsc/src/components/render-block/render-block.helpers.js

@@ -0,0 +1,23 @@
+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());
+};
+export {
+  isEmptyHtmlElement
+};

package/packages/_rsc/src/components/render-block/render-block.js

@@ -0,0 +1,206 @@
+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;
+};
+import * as React from "react";
+import { getBlockActions } from "../../functions/get-block-actions.js";
+import { getBlockComponentOptions } from "../../functions/get-block-component-options.js";
+import { getBlockProperties } from "../../functions/get-block-properties.js";
+import { getBlockTag } from "../../functions/get-block-tag.js";
+import { getProcessedBlock } from "../../functions/get-processed-block.js";
+import { evaluate } from "../../functions/evaluate.js";
+import BlockStyles from "./block-styles.js";
+import { isEmptyHtmlElement } from "./render-block.helpers.js";
+import RenderRepeatedBlock from "./render-repeated-block.js";
+import { TARGET } from "../../constants/target.js";
+import { extractTextStyles } from "../../functions/extract-text-styles.js";
+import RenderComponentWithContext from "./render-component-with-context.js";
+import RenderComponent from "./render-component.js";
+import { getReactNativeBlockStyles } from "../../functions/get-react-native-block-styles.js";
+function RenderBlock(props) {
+  var _a, _b, _c;
+  const _context = __spreadValues({}, props["_context"]);
+  const state = {
+    get component() {
+      var _a2;
+      const componentName = (_a2 = getProcessedBlock({
+        block: props.block,
+        state: props.context.state,
+        context: props.context.context,
+        shouldEvaluateBindings: false
+      }).component) == null ? void 0 : _a2.name;
+      if (!componentName) {
+        return null;
+      }
+      const ref = props.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;
+      }
+    },
+    get tag() {
+      return getBlockTag(state.useBlock);
+    },
+    get useBlock() {
+      return state.repeatItemData ? props.block : getProcessedBlock({
+        block: props.block,
+        state: props.context.state,
+        context: props.context.context,
+        shouldEvaluateBindings: true
+      });
+    },
+    get actions() {
+      return getBlockActions({
+        block: state.useBlock,
+        state: props.context.state,
+        context: props.context.context
+      });
+    },
+    get attributes() {
+      return __spreadValues(__spreadValues({}, getBlockProperties(state.useBlock)), TARGET === "reactNative" ? {
+        style: getReactNativeBlockStyles({
+          block: state.useBlock,
+          context: props.context
+        })
+      } : {});
+    },
+    get shouldWrap() {
+      var _a2;
+      return !((_a2 = state.component) == null ? void 0 : _a2.noWrap);
+    },
+    get renderComponentProps() {
+      var _a2;
+      return {
+        blockChildren: state.useChildren,
+        componentRef: (_a2 = state.component) == null ? void 0 : _a2.component,
+        componentOptions: __spreadValues(__spreadValues({}, getBlockComponentOptions(state.useBlock)), state.shouldWrap ? {} : {
+          attributes: __spreadValues(__spreadValues({}, state.attributes), state.actions)
+        }),
+        context: state.childrenContext
+      };
+    },
+    get useChildren() {
+      var _a2;
+      return (_a2 = state.useBlock.children) != null ? _a2 : [];
+    },
+    get childrenWithoutParentComponent() {
+      var _a2;
+      const shouldRenderChildrenOutsideRef = !((_a2 = state.component) == null ? void 0 : _a2.component) && !state.repeatItemData;
+      return shouldRenderChildrenOutsideRef ? state.useChildren : [];
+    },
+    get repeatItemData() {
+      const _a2 = props.block, { repeat } = _a2, blockWithoutRepeat = __objRest(_a2, ["repeat"]);
+      if (!(repeat == null ? void 0 : repeat.collection)) {
+        return void 0;
+      }
+      const itemsArray = evaluate({
+        code: repeat.collection,
+        state: props.context.state,
+        context: props.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({}, props.context), {
+          state: __spreadProps(__spreadValues({}, props.context.state), {
+            $index: index,
+            $item: item,
+            [itemNameToUse]: item,
+            [`$${itemNameToUse}Index`]: index
+          })
+        }),
+        block: blockWithoutRepeat
+      }));
+      return repeatArray;
+    },
+    get inheritedTextStyles() {
+      if (TARGET !== "reactNative") {
+        return {};
+      }
+      const styles = getReactNativeBlockStyles({
+        block: state.useBlock,
+        context: props.context
+      });
+      return extractTextStyles(styles);
+    },
+    get childrenContext() {
+      return {
+        apiKey: props.context.apiKey,
+        state: props.context.state,
+        content: props.context.content,
+        context: props.context.context,
+        registeredComponents: props.context.registeredComponents,
+        inheritedStyles: state.inheritedTextStyles
+      };
+    },
+    get renderComponentTag() {
+      if (TARGET === "reactNative") {
+        return RenderComponentWithContext;
+      } else if (TARGET === "vue3") {
+        return "RenderComponent";
+      } else {
+        return RenderComponent;
+      }
+    },
+    componentInfo: null
+  };
+  const RenderComponentTagRef = state.renderComponentTag;
+  const TagRef = state.tag;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, state.shouldWrap ? /* @__PURE__ */ React.createElement(React.Fragment, null, isEmptyHtmlElement(state.tag) ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TagRef, __spreadValues(__spreadValues({}, state.attributes), state.actions))) : null, !isEmptyHtmlElement(state.tag) && state.repeatItemData ? /* @__PURE__ */ React.createElement(React.Fragment, null, (_a = state.repeatItemData) == null ? void 0 : _a.map((data, index) => /* @__PURE__ */ React.createElement(RenderRepeatedBlock, {
+    key: index,
+    repeatContext: data.context,
+    block: data.block,
+    _context
+  }))) : null, !isEmptyHtmlElement(state.tag) && !state.repeatItemData ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TagRef, __spreadValues(__spreadValues({}, state.attributes), state.actions), /* @__PURE__ */ React.createElement(RenderComponentTagRef, __spreadProps(__spreadValues({}, state.renderComponentProps), {
+    _context
+  })), (_b = state.childrenWithoutParentComponent) == null ? void 0 : _b.map((child) => /* @__PURE__ */ React.createElement(RenderBlock, {
+    key: "render-block-" + child.id,
+    block: child,
+    context: state.childrenContext,
+    _context
+  })), (_c = state.childrenWithoutParentComponent) == null ? void 0 : _c.map((child) => /* @__PURE__ */ React.createElement(BlockStyles, {
+    key: "block-style-" + child.id,
+    block: child,
+    context: state.childrenContext,
+    _context
+  })))) : null) : /* @__PURE__ */ React.createElement(RenderComponentTagRef, __spreadProps(__spreadValues({}, state.renderComponentProps), {
+    _context
+  })));
+}
+export {
+  RenderBlock as default
+};