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

package/src/blocks/submit-button/submit-button.js

@@ -1,27 +0,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;
-};
-import BaseText from "../BaseText";
-import * as React from "react";
-import { View } from "react-native";
-function SubmitButton(props) {
-  return /* @__PURE__ */ React.createElement(View, __spreadValues({
-    type: "submit"
-  }, props.attributes), /* @__PURE__ */ React.createElement(BaseText, null, props.text));
-}
-export {
-  SubmitButton as default
-};

package/src/blocks/symbol/symbol.js

@@ -1,73 +0,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));
-import * as React from "react";
-import { View } from "react-native";
-import { useState, useContext, useEffect } from "react";
-import RenderContent from "../../components/render-content/render-content.js";
-import BuilderContext from "../../context/builder.context.js";
-import { getContent } from "../../functions/get-content/index.js";
-import { TARGET } from "../../constants/target";
-function Symbol(props) {
-  var _a, _b, _c, _d, _e;
-  function className() {
-    var _a2, _b2;
-    return [
-      ...TARGET === "vue2" || TARGET === "vue3" ? Object.keys(props.attributes.class) : [props.attributes.class],
-      "builder-symbol",
-      ((_a2 = props.symbol) == null ? void 0 : _a2.inline) ? "builder-inline-symbol" : void 0,
-      ((_b2 = props.symbol) == null ? void 0 : _b2.dynamic) || props.dynamic ? "builder-dynamic-symbol" : void 0
-    ].filter(Boolean).join(" ");
-  }
-  const [fetchedContent, setFetchedContent] = useState(() => null);
-  function contentToUse() {
-    var _a2;
-    return ((_a2 = props.symbol) == null ? void 0 : _a2.content) || fetchedContent;
-  }
-  const builderContext = useContext(BuilderContext);
-  useEffect(() => {
-    const symbolToUse = props.symbol;
-    if (symbolToUse && !symbolToUse.content && !fetchedContent && symbolToUse.model) {
-      getContent({
-        model: symbolToUse.model,
-        apiKey: builderContext.apiKey,
-        query: {
-          id: symbolToUse.entry
-        }
-      }).then((response) => {
-        setFetchedContent(response);
-      });
-    }
-  }, [props.symbol, fetchedContent]);
-  return /* @__PURE__ */ React.createElement(View, __spreadProps(__spreadValues({}, props.attributes), {
-    dataSet: {
-      class: 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: contentToUse()
-  }));
-}
-export {
-  Symbol as default
-};

package/src/blocks/text/text.js

@@ -1,67 +0,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;
-};
-import * as React from "react";
-import HTML from "react-native-render-html";
-import BuilderContext from "../../context/builder.context";
-function camelToKebabCase(string) {
-  return string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
-}
-function pick(object, keys) {
-  return keys.reduce((obj, key) => {
-    if (object && object.hasOwnProperty(key)) {
-      obj[key] = object[key];
-    }
-    return obj;
-  }, {});
-}
-const PICK_STYLES = ["textAlign"];
-function getBlockStyles(block) {
-  var _a, _b, _c;
-  const styles = __spreadValues(__spreadValues({}, (_a = block.responsiveStyles) == null ? void 0 : _a.large), block.styles);
-  if ((_b = block.responsiveStyles) == null ? void 0 : _b.medium) {
-    Object.assign(styles, block.responsiveStyles.medium);
-  }
-  if ((_c = block.responsiveStyles) == null ? void 0 : _c.small) {
-    Object.assign(styles, block.responsiveStyles.small);
-  }
-  return styles;
-}
-function getCss(block, inheritedStyles) {
-  const styleObject = __spreadValues(__spreadValues({}, inheritedStyles), pick(getBlockStyles(block), PICK_STYLES));
-  if (!styleObject) {
-    return "";
-  }
-  let str = ``;
-  for (const key in styleObject) {
-    const value = styleObject[key];
-    if (typeof value === "string") {
-      str += `${camelToKebabCase(key)}: ${value};`;
-    }
-  }
-  return str;
-}
-function Text(props) {
-  const builderContext = React.useContext(BuilderContext);
-  return /* @__PURE__ */ React.createElement(HTML, {
-    source: {
-      html: `<div style="${getCss(props.builderBlock, builderContext.inheritedStyles)}">${props.text || ""}</div>`
-    }
-  });
-}
-export {
-  Text as default
-};

package/src/blocks/textarea/textarea.js

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

package/src/blocks/video/video.js

@@ -1,55 +0,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));
-import * as React from "react";
-import { View } from "react-native";
-function Video(props) {
-  var _a;
-  function 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
-    } : {});
-  }
-  function spreadProps() {
-    return __spreadValues(__spreadValues({}, props.attributes), videoProps());
-  }
-  return /* @__PURE__ */ React.createElement(View, __spreadProps(__spreadValues({}, 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/src/components/render-block/block-styles.js

@@ -1,50 +0,0 @@
-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) {
-  function useBlock() {
-    return getProcessedBlock({
-      block: props.block,
-      state: props.context.state,
-      context: props.context.context,
-      shouldEvaluateBindings: true
-    });
-  }
-  function css() {
-    var _a;
-    const styles = 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 = 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" && css() ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(RenderInlinedStyles, {
-    styles: css()
-  })) : null);
-}
-export {
-  BlockStyles as default
-};

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

@@ -1,202 +0,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;
-};
-import * as React from "react";
-import { View } from "react-native";
-import { useState } 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;
-  function 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;
-    }
-  }
-  function tag() {
-    return getBlockTag(useBlock());
-  }
-  function useBlock() {
-    return repeatItemData() ? props.block : getProcessedBlock({
-      block: props.block,
-      state: props.context.state,
-      context: props.context.context,
-      shouldEvaluateBindings: true
-    });
-  }
-  function actions() {
-    return getBlockActions({
-      block: useBlock(),
-      state: props.context.state,
-      context: props.context.context
-    });
-  }
-  function attributes() {
-    const blockProperties = getBlockProperties(useBlock());
-    return __spreadValues(__spreadValues({}, blockProperties), TARGET === "reactNative" ? {
-      style: getReactNativeBlockStyles({
-        block: useBlock(),
-        context: props.context,
-        blockStyles: blockProperties.style
-      })
-    } : {});
-  }
-  function shouldWrap() {
-    var _a2;
-    return !((_a2 = component == null ? void 0 : component()) == null ? void 0 : _a2.noWrap);
-  }
-  function renderComponentProps() {
-    var _a2, _b2, _c2, _d;
-    return {
-      blockChildren: useChildren(),
-      componentRef: (_a2 = component == null ? void 0 : component()) == null ? void 0 : _a2.component,
-      componentOptions: __spreadProps(__spreadValues(__spreadValues({}, getBlockComponentOptions(useBlock())), shouldWrap() ? {} : {
-        attributes: __spreadValues(__spreadValues({}, attributes()), actions())
-      }), {
-        customBreakpoints: (_d = (_c2 = (_b2 = childrenContext == null ? void 0 : childrenContext()) == null ? void 0 : _b2.content) == null ? void 0 : _c2.meta) == null ? void 0 : _d.breakpoints
-      }),
-      context: childrenContext()
-    };
-  }
-  function useChildren() {
-    var _a2;
-    return (_a2 = useBlock().children) != null ? _a2 : [];
-  }
-  function childrenWithoutParentComponent() {
-    var _a2;
-    const shouldRenderChildrenOutsideRef = !((_a2 = component == null ? void 0 : component()) == null ? void 0 : _a2.component) && !repeatItemData();
-    return shouldRenderChildrenOutsideRef ? useChildren() : [];
-  }
-  function 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;
-  }
-  function inheritedTextStyles() {
-    if (TARGET !== "reactNative") {
-      return {};
-    }
-    const styles = getReactNativeBlockStyles({
-      block: useBlock(),
-      context: props.context,
-      blockStyles: attributes().style
-    });
-    return extractTextStyles(styles);
-  }
-  function childrenContext() {
-    return {
-      apiKey: props.context.apiKey,
-      state: props.context.state,
-      content: props.context.content,
-      context: props.context.context,
-      registeredComponents: props.context.registeredComponents,
-      inheritedStyles: inheritedTextStyles()
-    };
-  }
-  function renderComponentTag() {
-    if (TARGET === "reactNative") {
-      return RenderComponentWithContext;
-    } else if (TARGET === "vue3") {
-      return "RenderComponent";
-    } else {
-      return RenderComponent;
-    }
-  }
-  const [componentInfo, setComponentInfo] = useState(() => null);
-  const RenderComponentTagRef = renderComponentTag();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, shouldWrap() ? /* @__PURE__ */ React.createElement(React.Fragment, null, isEmptyHtmlElement(tag()) ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(View, __spreadValues(__spreadValues({}, attributes()), actions()))) : null, !isEmptyHtmlElement(tag()) && repeatItemData() ? /* @__PURE__ */ React.createElement(React.Fragment, null, (_a = repeatItemData()) == null ? void 0 : _a.map((data, index) => /* @__PURE__ */ React.createElement(RenderRepeatedBlock, {
-    key: index,
-    repeatContext: data.context,
-    block: data.block
-  }))) : null, !isEmptyHtmlElement(tag()) && !repeatItemData() ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(View, __spreadValues(__spreadValues({}, attributes()), actions()), /* @__PURE__ */ React.createElement(RenderComponentTagRef, __spreadValues({}, renderComponentProps())), (_b = childrenWithoutParentComponent()) == null ? void 0 : _b.map((child) => /* @__PURE__ */ React.createElement(RenderBlock, {
-    key: "render-block-" + child.id,
-    block: child,
-    context: childrenContext()
-  })), (_c = childrenWithoutParentComponent()) == null ? void 0 : _c.map((child) => /* @__PURE__ */ React.createElement(BlockStyles, {
-    key: "block-style-" + child.id,
-    block: child,
-    context: childrenContext()
-  })))) : null) : /* @__PURE__ */ React.createElement(RenderComponentTagRef, __spreadValues({}, renderComponentProps())));
-}
-export {
-  RenderBlock as default
-};

package/src/components/render-block/render-component-with-context.js

@@ -1,35 +0,0 @@
-import * as React from "react";
-import BuilderContext from "../../context/builder.context.js";
-import RenderComponent from "./render-component.js";
-function RenderComponentWithContext(props) {
-  return /* @__PURE__ */ React.createElement(BuilderContext.Provider, {
-    value: {
-      get content() {
-        return props.context.content;
-      },
-      get state() {
-        return props.context.state;
-      },
-      get context() {
-        return props.context.context;
-      },
-      get apiKey() {
-        return props.context.apiKey;
-      },
-      get registeredComponents() {
-        return props.context.registeredComponents;
-      },
-      get inheritedStyles() {
-        return props.context.inheritedStyles;
-      }
-    }
-  }, /* @__PURE__ */ React.createElement(RenderComponent, {
-    componentRef: props.componentRef,
-    componentOptions: props.componentOptions,
-    blockChildren: props.blockChildren,
-    context: props.context
-  }));
-}
-export {
-  RenderComponentWithContext as default
-};

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

@@ -1,35 +0,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;
-};
-import * as React from "react";
-import BlockStyles from "./block-styles.js";
-import RenderBlock from "./render-block.js";
-function RenderComponent(props) {
-  var _a, _b;
-  const ComponentRefRef = props.componentRef;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, props.componentRef ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ComponentRefRef, __spreadValues({}, props.componentOptions), (_a = props.blockChildren) == null ? void 0 : _a.map((child) => /* @__PURE__ */ React.createElement(RenderBlock, {
-    key: "render-block-" + child.id,
-    block: child,
-    context: props.context
-  })), (_b = props.blockChildren) == null ? void 0 : _b.map((child) => /* @__PURE__ */ React.createElement(BlockStyles, {
-    key: "block-style-" + child.id,
-    block: child,
-    context: props.context
-  })))) : null);
-}
-export {
-  RenderComponent as default
-};

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

@@ -1,33 +0,0 @@
-import * as React from "react";
-import BuilderContext from "../../context/builder.context.js";
-import RenderBlock from "./render-block.js";
-function RenderRepeatedBlock(props) {
-  return /* @__PURE__ */ React.createElement(BuilderContext.Provider, {
-    value: {
-      get content() {
-        return props.repeatContext.content;
-      },
-      get state() {
-        return props.repeatContext.state;
-      },
-      get context() {
-        return props.repeatContext.context;
-      },
-      get apiKey() {
-        return props.repeatContext.apiKey;
-      },
-      get registeredComponents() {
-        return props.repeatContext.registeredComponents;
-      },
-      get inheritedStyles() {
-        return props.repeatContext.inheritedStyles;
-      }
-    }
-  }, /* @__PURE__ */ React.createElement(RenderBlock, {
-    block: props.block,
-    context: props.repeatContext
-  }));
-}
-export {
-  RenderRepeatedBlock as default
-};

package/src/components/render-blocks.js

@@ -1,63 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet } from "react-native";
-import { useContext } from "react";
-import BuilderContext from "../context/builder.context.js";
-import { isEditing } from "../functions/is-editing.js";
-import BlockStyles from "./render-block/block-styles.js";
-import RenderBlock from "./render-block/render-block.js";
-function RenderBlocks(props) {
-  var _a, _b;
-  function className() {
-    var _a2;
-    return "builder-blocks" + (!((_a2 = props.blocks) == null ? void 0 : _a2.length) ? " no-blocks" : "");
-  }
-  function onClick() {
-    var _a2, _b2;
-    if (isEditing() && !((_a2 = props.blocks) == null ? void 0 : _a2.length)) {
-      (_b2 = window.parent) == null ? void 0 : _b2.postMessage({
-        type: "builder.clickEmptyBlocks",
-        data: {
-          parentElementId: props.parent,
-          dataPath: props.path
-        }
-      }, "*");
-    }
-  }
-  function onMouseEnter() {
-    var _a2, _b2;
-    if (isEditing() && !((_a2 = props.blocks) == null ? void 0 : _a2.length)) {
-      (_b2 = window.parent) == null ? void 0 : _b2.postMessage({
-        type: "builder.hoverEmptyBlocks",
-        data: {
-          parentElementId: props.parent,
-          dataPath: props.path
-        }
-      }, "*");
-    }
-  }
-  const builderContext = useContext(BuilderContext);
-  return /* @__PURE__ */ React.createElement(View, {
-    "builder-path": props.path,
-    "builder-parent-id": props.parent,
-    dataSet: {
-      class: className()
-    },
-    style: styles.view1,
-    onClick: (event) => onClick(),
-    onMouseEnter: (event) => onMouseEnter()
-  }, props.blocks ? /* @__PURE__ */ React.createElement(React.Fragment, null, (_a = props.blocks) == null ? void 0 : _a.map((block) => /* @__PURE__ */ React.createElement(RenderBlock, {
-    key: "render-block-" + block.id,
-    block,
-    context: builderContext
-  }))) : null, props.blocks ? /* @__PURE__ */ React.createElement(React.Fragment, null, (_b = props.blocks) == null ? void 0 : _b.map((block) => /* @__PURE__ */ React.createElement(BlockStyles, {
-    key: "block-style-" + block.id,
-    block,
-    context: builderContext
-  }))) : null);
-}
-const styles = StyleSheet.create({
-  view1: { display: "flex", flexDirection: "column", alignItems: "stretch" }
-});
-export {
-  RenderBlocks as default
-};