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

package/lib/node/commonjs/blocks/video/component-info.js.flow

@@ -0,0 +1,83 @@
+const componentInfo = {
+  name: "Video",
+  canHaveChildren: 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: "preload",
+    type: "text",
+    defaultValue: "metadata",
+    enum: ["auto", "metadata", "none"]
+  }, {
+    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/lib/node/commonjs/blocks/video/component-info.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["componentInfo","name","canHaveChildren","defaultStyles","minHeight","minWidth","image","inputs","type","allowedFileTypes","bubble","defaultValue","required","helperText","enum","advanced","exports"],"sourceRoot":"../../../../../src","sources":["blocks/video/component-info.js"],"mappings":";;;;;;AAAA,MAAMA,aAAa,GAAG;EACpBC,IAAI,EAAE,OAAO;EACbC,eAAe,EAAE,IAAI;EACrBC,aAAa,EAAE;IACbC,SAAS,EAAE,MAAM;IACjBC,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE,wKAAwK;EAC/KC,MAAM,EAAE,CAAC;IACPN,IAAI,EAAE,OAAO;IACbO,IAAI,EAAE,MAAM;IACZC,gBAAgB,EAAE,CAAC,KAAK,CAAC;IACzBC,MAAM,EAAE,IAAI;IACZC,YAAY,EAAE,uMAAuM;IACrNC,QAAQ,EAAE;EACZ,CAAC,EAAE;IACDX,IAAI,EAAE,aAAa;IACnBO,IAAI,EAAE,MAAM;IACZC,gBAAgB,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;IACjCI,UAAU,EAAE;EACd,CAAC,EAAE;IACDZ,IAAI,EAAE,UAAU;IAChBO,IAAI,EAAE,SAAS;IACfG,YAAY,EAAE;EAChB,CAAC,EAAE;IACDV,IAAI,EAAE,UAAU;IAChBO,IAAI,EAAE,SAAS;IACfG,YAAY,EAAE;EAChB,CAAC,EAAE;IACDV,IAAI,EAAE,OAAO;IACbO,IAAI,EAAE,SAAS;IACfG,YAAY,EAAE;EAChB,CAAC,EAAE;IACDV,IAAI,EAAE,MAAM;IACZO,IAAI,EAAE,SAAS;IACfG,YAAY,EAAE;EAChB,CAAC,EAAE;IACDV,IAAI,EAAE,aAAa;IACnBO,IAAI,EAAE,SAAS;IACfG,YAAY,EAAE;EAChB,CAAC,EAAE;IACDV,IAAI,EAAE,KAAK;IACXO,IAAI,EAAE,MAAM;IACZG,YAAY,EAAE,OAAO;IACrBG,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM;EAC3C,CAAC,EAAE;IACDb,IAAI,EAAE,SAAS;IACfO,IAAI,EAAE,MAAM;IACZG,YAAY,EAAE,UAAU;IACxBG,IAAI,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM;EACnC,CAAC,EAAE;IACDb,IAAI,EAAE,YAAY;IAClBO,IAAI,EAAE,SAAS;IACfK,UAAU,EAAE,+EAA+E;IAC3FF,YAAY,EAAE,IAAI;IAClBI,QAAQ,EAAE;EACZ,CAAC,EAAE;IACDd,IAAI,EAAE,UAAU;IAChBO,IAAI,EAAE,MAAM;IACZG,YAAY,EAAE,QAAQ;IACtBG,IAAI,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc;EAC3G,CAAC,EAAE;IACDb,IAAI,EAAE,QAAQ;IACdO,IAAI,EAAE,QAAQ;IACdO,QAAQ,EAAE;EACZ,CAAC,EAAE;IACDd,IAAI,EAAE,OAAO;IACbO,IAAI,EAAE,QAAQ;IACdO,QAAQ,EAAE;EACZ,CAAC,EAAE;IACDd,IAAI,EAAE,aAAa;IACnBO,IAAI,EAAE,QAAQ;IACdO,QAAQ,EAAE,IAAI;IACdJ,YAAY,EAAE;EAChB,CAAC,EAAE;IACDV,IAAI,EAAE,UAAU;IAChBO,IAAI,EAAE,SAAS;IACfK,UAAU,EAAE,0IAA0I;IACtJF,YAAY,EAAE,IAAI;IAClBI,QAAQ,EAAE;EACZ,CAAC;AACH,CAAC;AAACC,OAAA,CAAAhB,aAAA,GAAAA,aAAA"}

package/lib/node/commonjs/blocks/video/video.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Video;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeVideo = _interopRequireDefault(require("react-native-video"));
+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; }
+// TO-DO: This file breaks due to this issue:
+// https://github.com/expo/web-examples/issues/73
+// For now, we do not import it elsewhere to avoid crashing Expo servers on web when importing the SDK.
+
+// Subset of Image props, many are irrelevant for native (such as altText, etc)
+/**
+ * 
+ * @typedef {{
+ *   attributes?: any;
+ *   video?: string;
+ *   autoPlay?: boolean;
+ *   controls?: boolean;
+ *   muted?: boolean;
+ *   loop?: boolean;
+ *   playsInline?: boolean;
+ *   aspectRatio?: number;
+ *   fit?: 'contain' | 'cover' | 'stretch';
+ *   position?:
+ *     | 'center'
+ *     | 'top'
+ *     | 'left'
+ *     | 'right'
+ *     | 'bottom'
+ *     | 'top left'
+ *     | 'top right'
+ *     | 'bottom left'
+ *     | 'bottom right';
+ *   posterImage?: string;
+ *   children?: any;
+ * }} VideoProps
+ */
+
+// TODO: support children by wrapping in a View
+/**
+ * @param {VideoProps} props
+ */
+function Video(props) {
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(_reactNativeVideo.default, {
+    paused: !props.autoPlay,
+    controls: props.controls,
+    muted: props.muted,
+    repeat: props.loop,
+    poster: props.posterImage,
+    posterResizeMode: props.fit || 'contain',
+    resizeMode: props.fit || 'contain',
+    style: {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      zIndex: 1
+    },
+    source: {
+      uri: props.video
+    }
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      width: '100%',
+      paddingTop: `${props.aspectRatio * 100}%`
+    }
+  }));
+}
+//# sourceMappingURL=video.js.map

package/lib/node/commonjs/blocks/video/video.js.flow

@@ -0,0 +1,70 @@
+// TO-DO: This file breaks due to this issue:
+// https://github.com/expo/web-examples/issues/73
+// For now, we do not import it elsewhere to avoid crashing Expo servers on web when importing the SDK.
+import * as React from 'react';
+import { View } from 'react-native';
+import ReactVideo from 'react-native-video';
+
+// Subset of Image props, many are irrelevant for native (such as altText, etc)
+/**
+ * 
+ * @typedef {{
+ *   attributes?: any;
+ *   video?: string;
+ *   autoPlay?: boolean;
+ *   controls?: boolean;
+ *   muted?: boolean;
+ *   loop?: boolean;
+ *   playsInline?: boolean;
+ *   aspectRatio?: number;
+ *   fit?: 'contain' | 'cover' | 'stretch';
+ *   position?:
+ *     | 'center'
+ *     | 'top'
+ *     | 'left'
+ *     | 'right'
+ *     | 'bottom'
+ *     | 'top left'
+ *     | 'top right'
+ *     | 'bottom left'
+ *     | 'bottom right';
+ *   posterImage?: string;
+ *   children?: any;
+ * }} VideoProps
+ */
+
+// TODO: support children by wrapping in a View
+
+/**
+ * @param {VideoProps} props
+ */
+export default function Video(props) {
+  return (
+    <View style={{ position: 'relative' }}>
+      <ReactVideo
+        paused={!props.autoPlay}
+        controls={props.controls}
+        muted={props.muted}
+        repeat={props.loop}
+        poster={props.posterImage}
+        posterResizeMode={props.fit || 'contain'}
+        resizeMode={props.fit || ('contain')}
+        style={{
+          position: 'absolute',
+          top: 0,
+          bottom: 0,
+          left: 0,
+          right: 0,
+          zIndex: 1,
+        }}
+        source={{ uri: props.video }}
+      />
+      <View
+        style={{
+          width: '100%',
+          paddingTop: `${props.aspectRatio * 100}%`,
+        }}
+      />
+    </View>
+  );
+}

package/lib/node/commonjs/blocks/video/video.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeVideo","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Video","props","createElement","View","style","position","paused","autoPlay","controls","muted","repeat","loop","poster","posterImage","posterResizeMode","fit","resizeMode","top","bottom","left","right","zIndex","source","uri","video","width","paddingTop","aspectRatio"],"sourceRoot":"../../../../../src","sources":["blocks/video/video.jsx"],"mappings":"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"}

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

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

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

@@ -0,0 +1,99 @@
+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 { evaluate } from "../../functions/evaluate/index.js";
+import { getProcessedBlock } from "../../functions/get-processed-block.js";
+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());
+};
+const getComponent = ({
+  block,
+  context,
+  registeredComponents
+}) => {
+  var _a;
+  const componentName = (_a = getProcessedBlock({
+    block,
+    localState: context.localState,
+    rootState: context.rootState,
+    rootSetState: context.rootSetState,
+    context: context.context,
+    shouldEvaluateBindings: false
+  }).component) == null ? void 0 : _a.name;
+  if (!componentName) {
+    return null;
+  }
+  const ref = 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;
+  }
+};
+const getRepeatItemData = ({
+  block,
+  context
+}) => {
+  const _a = block,
+    {
+      repeat
+    } = _a,
+    blockWithoutRepeat = __objRest(_a, ["repeat"]);
+  if (!(repeat == null ? void 0 : repeat.collection)) {
+    return void 0;
+  }
+  const itemsArray = evaluate({
+    code: repeat.collection,
+    localState: context.localState,
+    rootState: context.rootState,
+    rootSetState: context.rootSetState,
+    context: context.context
+  });
+  if (!Array.isArray(itemsArray)) {
+    return void 0;
+  }
+  const collectionName = repeat.collection.split(".").pop();
+  const itemNameToUse = repeat.itemName || (collectionName ? collectionName + "Item" : "item");
+  const repeatArray = itemsArray.map((item, index) => ({
+    context: __spreadProps(__spreadValues({}, context), {
+      localState: __spreadProps(__spreadValues({}, context.localState), {
+        $index: index,
+        $item: item,
+        [itemNameToUse]: item,
+        [`$${itemNameToUse}Index`]: index
+      })
+    }),
+    block: blockWithoutRepeat
+  }));
+  return repeatArray;
+};
+export { getComponent, getRepeatItemData, isEmptyHtmlElement }

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

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_getProcessedBlock","__defProp","Object","defineProperty","__defProps","defineProperties","__getOwnPropDescs","getOwnPropertyDescriptors","__getOwnPropSymbols","getOwnPropertySymbols","__hasOwnProp","prototype","hasOwnProperty","__propIsEnum","propertyIsEnumerable","__defNormalProp","obj","key","value","enumerable","configurable","writable","__spreadValues","a","b","prop","call","__spreadProps","__objRest","source","exclude","target","indexOf","EMPTY_HTML_ELEMENTS","isEmptyHtmlElement","tagName","includes","toLowerCase","exports","getComponent","_ref","block","context","registeredComponents","_a","componentName","getProcessedBlock","localState","rootState","rootSetState","shouldEvaluateBindings","component","name","ref","console","warn","getRepeatItemData","_ref2","repeat","blockWithoutRepeat","collection","itemsArray","evaluate","code","Array","isArray","collectionName","split","pop","itemNameToUse","itemName","repeatArray","map","item","index","$index","$item"],"sourceRoot":"../../../../../src","sources":["components/block/block.helpers.js"],"mappings":"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"}

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

@@ -0,0 +1,131 @@
+"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 _getBlockComponentOptions = require("../../functions/get-block-component-options.js");
+var _getBlockProperties = require("../../functions/get-block-properties.js");
+var _getProcessedBlock = require("../../functions/get-processed-block.js");
+var _blockStyles = _interopRequireDefault(require("./components/block-styles"));
+var _blockHelpers = require("./block.helpers.js");
+var _repeatedBlock = _interopRequireDefault(require("./components/repeated-block"));
+var _extractTextStyles = require("../../functions/extract-text-styles.js");
+var _componentRef = _interopRequireDefault(require("./components/component-ref/component-ref"));
+var _blockWrapper = _interopRequireDefault(require("./components/block-wrapper"));
+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 Block(props) {
+  var _blockComponent7, _repeatItem, _childrenWithoutParen, _childrenWithoutParen2;
+  function blockComponent() {
+    return (0, _blockHelpers.getComponent)({
+      block: props.block,
+      context: props.context,
+      registeredComponents: props.registeredComponents
+    });
+  }
+  function repeatItem() {
+    return (0, _blockHelpers.getRepeatItemData)({
+      block: props.block,
+      context: props.context
+    });
+  }
+  function processedBlock() {
+    return repeatItem() ? props.block : (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 Tag() {
+    return _reactNative.View;
+  }
+  function canShowBlock() {
+    if ("hide" in processedBlock()) {
+      return !processedBlock().hide;
+    }
+    if ("show" in processedBlock()) {
+      return processedBlock().show;
+    }
+    return true;
+  }
+  function childrenWithoutParentComponent() {
+    var _blockComponent, _processedBlock$child;
+    /**
+     * 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 !== null && blockComponent !== void 0 && (_blockComponent = blockComponent()) !== null && _blockComponent !== void 0 && _blockComponent.component) && !repeatItem();
+    return shouldRenderChildrenOutsideRef ? (_processedBlock$child = processedBlock().children) !== null && _processedBlock$child !== void 0 ? _processedBlock$child : [] : [];
+  }
+  function componentRefProps() {
+    var _processedBlock$child2, _blockComponent2, _blockComponent3, _blockComponent4, _blockComponent5, _blockComponent6;
+    return {
+      blockChildren: (_processedBlock$child2 = processedBlock().children) !== null && _processedBlock$child2 !== void 0 ? _processedBlock$child2 : [],
+      componentRef: blockComponent === null || blockComponent === void 0 || (_blockComponent2 = blockComponent()) === null || _blockComponent2 === void 0 ? void 0 : _blockComponent2.component,
+      componentOptions: {
+        ...(0, _getBlockComponentOptions.getBlockComponentOptions)(processedBlock()),
+        builderContext: props.context,
+        ...((blockComponent === null || blockComponent === void 0 || (_blockComponent3 = blockComponent()) === null || _blockComponent3 === void 0 ? void 0 : _blockComponent3.name) === "Symbol" || (blockComponent === null || blockComponent === void 0 || (_blockComponent4 = blockComponent()) === null || _blockComponent4 === void 0 ? void 0 : _blockComponent4.name) === "Columns" ? {
+          builderComponents: props.registeredComponents
+        } : {})
+      },
+      context: childrenContext,
+      registeredComponents: props.registeredComponents,
+      builderBlock: processedBlock(),
+      includeBlockProps: (blockComponent === null || blockComponent === void 0 || (_blockComponent5 = blockComponent()) === null || _blockComponent5 === void 0 ? void 0 : _blockComponent5.noWrap) === true,
+      isInteractive: !(blockComponent !== null && blockComponent !== void 0 && (_blockComponent6 = blockComponent()) !== null && _blockComponent6 !== void 0 && _blockComponent6.isRSC)
+    };
+  }
+  const [childrenContext, setChildrenContext] = (0, React.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: (0, _extractTextStyles.extractTextStyles)((0, _getBlockProperties.getBlockProperties)({
+      block: processedBlock(),
+      context: props.context
+    }).style || {})
+  }));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, canShowBlock() ? /*#__PURE__*/React.createElement(React.Fragment, null, !(blockComponent !== null && blockComponent !== void 0 && (_blockComponent7 = blockComponent()) !== null && _blockComponent7 !== void 0 && _blockComponent7.noWrap) ? /*#__PURE__*/React.createElement(React.Fragment, null, (0, _blockHelpers.isEmptyHtmlElement)(Tag()) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_blockWrapper.default, {
+    Wrapper: Tag(),
+    block: processedBlock(),
+    context: props.context,
+    hasChildren: false
+  })) : null, !(0, _blockHelpers.isEmptyHtmlElement)(Tag()) && repeatItem() ? /*#__PURE__*/React.createElement(React.Fragment, null, (_repeatItem = repeatItem()) === null || _repeatItem === void 0 ? void 0 : _repeatItem.map((data, index) => /*#__PURE__*/React.createElement(_repeatedBlock.default, {
+    key: index,
+    repeatContext: data.context,
+    block: data.block,
+    registeredComponents: props.registeredComponents
+  }))) : null, !(0, _blockHelpers.isEmptyHtmlElement)(Tag()) && !repeatItem() ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_blockWrapper.default, {
+    Wrapper: Tag(),
+    block: processedBlock(),
+    context: props.context,
+    hasChildren: true
+  }, /*#__PURE__*/React.createElement(_componentRef.default, componentRefProps()), (_childrenWithoutParen = childrenWithoutParentComponent()) === null || _childrenWithoutParen === void 0 ? void 0 : _childrenWithoutParen.map(child => /*#__PURE__*/React.createElement(Block, {
+    key: "block-" + child.id,
+    block: child,
+    context: childrenContext,
+    registeredComponents: props.registeredComponents
+  })), (_childrenWithoutParen2 = childrenWithoutParentComponent()) === null || _childrenWithoutParen2 === void 0 ? void 0 : _childrenWithoutParen2.map(child => /*#__PURE__*/React.createElement(_blockStyles.default, {
+    key: "block-style-" + child.id,
+    block: child,
+    context: childrenContext
+  })))) : null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_componentRef.default, componentRefProps()))) : null);
+}
+var _default = Block;
+exports.default = _default;
+//# sourceMappingURL=block.js.map