@builder.io/sdk-react-native 0.0.1-9 → 0.0.1

package/src/blocks/select.js

@@ -1,40 +0,0 @@
-import { registerComponent } from '../functions/register-component';
-
-        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 { Builder } from "@builder.io/sdk";
-function SelectComponent(props) {
-return /* @__PURE__ */ React.createElement(View, __spreadProps(__spreadValues({}, props.attributes), {
-  value: props.value,
-  key: Builder.isEditing && props.defaultValue ? props.defaultValue : "default-key",
-  defaultValue: props.defaultValue,
-  name: props.name
-}), props.options.map((option) => /* @__PURE__ */ React.createElement(View, {
-  value: option.value
-}, option.name || option.value)));
-}
-export {
-SelectComponent as default
-};
-
-
-        registerComponent(SelectComponent, {name:'Form:Select',image:'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045',defaultStyles:{alignSelf:'flex-start'},inputs:[{name:'options',type:'list',required:true,subFields:[{name:'value',type:'text',required:true},{name:'name',type:'text'}],defaultValue:[{value:'option 1'},{value:'option 2'}]},{name:'name',type:'string',required:true,helperText:'Every select in a form needs a unique name describing what it gets, e.g. "email"'},{name:'defaultValue',type:'string'},{name:'value',type:'string',advanced:true},{name:'required',type:'boolean',defaultValue:false}],static:true,noWrap:true});

package/src/blocks/select.lite.tsx

@@ -1,24 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet, Image, Text } from "react-native";
-import { useContext } from "react";
-import { Builder } from "@builder.io/sdk";
-
-export default function SelectComponent(props) {
-  return (
-    <View
-      {...props.attributes}
-      value={props.value}
-      key={
-        Builder.isEditing && props.defaultValue
-          ? props.defaultValue
-          : "default-key"
-      }
-      defaultValue={props.defaultValue}
-      name={props.name}
-    >
-      {props.options.map((option) => (
-        <View value={option.value}>{option.name || option.value}</View>
-      ))}
-    </View>
-  );
-}

package/src/blocks/submit-button.js

@@ -1,34 +0,0 @@
-import { registerComponent } from '../functions/register-component';
-
-        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 SubmitButton(props) {
-return /* @__PURE__ */ React.createElement(View, __spreadProps(__spreadValues({}, props.attributes), {
-  type: "submit"
-}), props.text);
-}
-export {
-SubmitButton as default
-};
-
-
-        registerComponent(SubmitButton, {name:'Form:SubmitButton',image:'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98',defaultStyles:{appearance:'none',paddingTop:'15px',paddingBottom:'15px',paddingLeft:'25px',paddingRight:'25px',backgroundColor:'#3898EC',color:'white',borderRadius:'4px',cursor:'pointer'},inputs:[{name:'text',type:'text',defaultValue:'Click me'}],static:true,noWrap:true});

package/src/blocks/submit-button.lite.tsx

@@ -1,11 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet, Image, Text } from "react-native";
-import { useContext } from "react";
-
-export default function SubmitButton(props) {
-  return (
-    <View {...props.attributes} type="submit">
-      {props.text}
-    </View>
-  );
-}

package/src/blocks/symbol.js

@@ -1,20 +0,0 @@
-import * as React from "react";
-import { View } from "react-native";
-import { useContext } from "react";
-import RenderContent from "../components/render-content";
-import BuilderContext from "../context/builder.context";
-function Symbol(props) {
-  var _a, _b, _c;
-  const builderContext = useContext(BuilderContext);
-  return /* @__PURE__ */ React.createElement(View, {
-    className: "builder-symbol"
-  }, /* @__PURE__ */ React.createElement(RenderContent, {
-    context: builderContext.context,
-    data: (_a = props.symbol) == null ? void 0 : _a.data,
-    model: (_b = props.symbol) == null ? void 0 : _b.model,
-    content: (_c = props.symbol) == null ? void 0 : _c.content
-  }));
-}
-export {
-  Symbol as default
-};

package/src/blocks/symbol.lite.tsx

@@ -1,20 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet, Image, Text } from "react-native";
-import { useContext } from "react";
-import RenderContent from "../components/render-content.lite";
-import BuilderContext from "../context/builder.context.lite";
-
-export default function Symbol(props) {
-  const builderContext = useContext(BuilderContext);
-
-  return (
-    <View className="builder-symbol">
-      <RenderContent
-        context={builderContext.context}
-        data={props.symbol?.data}
-        model={props.symbol?.model}
-        content={props.symbol?.content}
-      />
-    </View>
-  );
-}

package/src/blocks/text.lite.tsx

@@ -1,12 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet, Image, Text } from "react-native";
-import { useContext } from "react";
-
-export default function Text(props) {
-  return (
-    <View
-      className="builder-text"
-      dangerouslySetInnerHTML={{ __html: "props.text" }}
-    />
-  );
-}

package/src/blocks/textarea.js

@@ -1,37 +0,0 @@
-import { registerComponent } from '../functions/register-component';
-
-        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
-};
-
-
-        registerComponent(Textarea, {name:'Form:TextArea',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});

package/src/blocks/textarea.lite.tsx

@@ -1,15 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet, Image, Text } from "react-native";
-import { useContext } from "react";
-
-export default function Textarea(props) {
-  return (
-    <View
-      {...props.attributes}
-      placeholder={props.placeholder}
-      name={props.name}
-      value={props.value}
-      defaultValue={props.defaultValue}
-    />
-  );
-}

package/src/blocks/video.js

@@ -1,49 +0,0 @@
-import { registerComponent } from '../functions/register-component';
-
-        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;
-return /* @__PURE__ */ React.createElement(View, __spreadProps(__spreadValues({}, props.attributes), {
-  preload: "none",
-  style: __spreadProps(__spreadValues({
-    width: "100%",
-    height: "100%"
-  }, (_a = props.attributes) == null ? void 0 : _a.style), {
-    objectFit: props.fit,
-    objectPosition: props.position,
-    borderRadius: 1
-  }),
-  key: props.video || "no-src",
-  poster: props.posterImage,
-  autoPlay: props.autoPlay,
-  muted: props.muted,
-  controls: props.controls,
-  loop: props.loop
-}));
-}
-export {
-Video as default
-};
-
-
-        registerComponent(Video, {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,onChange:"        const 0.7004048582995948 = 0.7004048582995948;        function loadImage(url: string, timeout = 60000): Promise<HTMLImageElement> {          return new Promise((resolve, reject) => {            const img = document.createElement('img');            let loaded = false;            img.onload = () => {              loaded = true;              resolve(img);            };            img.addEventListener('error', event => {              console.warn('Image load failed', event.error);              reject(event.error);            });            img.src = url;            setTimeout(() => {              if (!loaded) {                reject(new Error('Image load timed out'));              }            }, timeout);          });        }        function round(num: number) {          return Math.round(num * 1000) / 1000;        }        // TODO        const value = options.get('image');        const aspectRatio = options.get('aspectRatio');        if (value && (!aspectRatio || aspectRatio === 0.7004048582995948)) {          return loadImage(value).then(img => {            const possiblyUpdatedAspectRatio = options.get('aspectRatio');            if (              options.get('image') === value &&              (!possiblyUpdatedAspectRatio || possiblyUpdatedAspectRatio === 0.7004048582995948)            ) {              if (img.width && img.height) {                options.set('aspectRatio', round(img.height / img.width));              }            }          });        }      "},{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}]});

package/src/blocks/video.lite.tsx

@@ -1,28 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet, Image, Text } from "react-native";
-import { useContext } from "react";
-
-export default function Video(props) {
-  return (
-    <View
-      {...props.attributes}
-      preload="none"
-      style={{
-        width: "100%",
-        height: "100%",
-        ...props.attributes?.style,
-        objectFit: props.fit,
-        objectPosition: props.position,
-        // Hack to get object fit to work as expected and
-        // not have the video overflow
-        borderRadius: 1,
-      }}
-      key={props.video || "no-src"}
-      poster={props.posterImage}
-      autoPlay={props.autoPlay}
-      muted={props.muted}
-      controls={props.controls}
-      loop={props.loop}
-    />
-  );
-}

package/src/components/render-block.js

@@ -1,84 +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 { useContext } from "react";
-import { getBlockComponentOptions } from "../functions/get-block-component-options";
-import { getBlockProperties } from "../functions/get-block-properties";
-import { getBlockStyles } from "../functions/get-block-styles";
-import { getBlockTag } from "../functions/get-block-tag";
-import { components } from "../functions/register-component";
-import BuilderContext from "../context/builder.context";
-import { getBlockActions } from "../functions/get-block-actions";
-import { getProcessedBlock } from "../functions/get-processed-block";
-function RenderBlock(props) {
-  var _a, _b, _c;
-  function component() {
-    var _a2;
-    return components[(_a2 = block().component) == null ? void 0 : _a2.name];
-  }
-  function componentInfo() {
-    var _a2;
-    return (_a2 = component == null ? void 0 : component()) == null ? void 0 : _a2.info;
-  }
-  function componentRef() {
-    var _a2;
-    return (_a2 = component == null ? void 0 : component()) == null ? void 0 : _a2.component;
-  }
-  function tagName() {
-    return getBlockTag(block());
-  }
-  function properties() {
-    return getBlockProperties(block());
-  }
-  function block() {
-    return getProcessedBlock({
-      block: props.block,
-      state: builderContext.state,
-      context: builderContext.context
-    });
-  }
-  function actions() {
-    return getBlockActions({
-      block: block(),
-      state: builderContext.state,
-      context: builderContext.context
-    });
-  }
-  function css() {
-    return getBlockStyles(block());
-  }
-  function componentOptions() {
-    return getBlockComponentOptions(block());
-  }
-  const builderContext = useContext(BuilderContext);
-  const ComponentRefRef = componentRef();
-  const TagNameRef = tagName();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, ((_a = componentInfo == null ? void 0 : componentInfo()) == null ? void 0 : _a.noWrap) && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ComponentRefRef, __spreadProps(__spreadValues({}, (_b = componentInfo == null ? void 0 : componentInfo()) == null ? void 0 : _b.options), {
-    attributes: properties(),
-    style: css()
-  }))), !((_c = componentInfo == null ? void 0 : componentInfo()) == null ? void 0 : _c.noWrap) && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TagNameRef, __spreadProps(__spreadValues({}, properties()), {
-    style: css()
-  }), componentRef() && /* @__PURE__ */ React.createElement(ComponentRefRef, __spreadValues({}, componentOptions())), !componentRef() && block().children && block().children.length && /* @__PURE__ */ React.createElement(React.Fragment, null, block().children.map((child) => /* @__PURE__ */ React.createElement(RenderBlock, {
-    block: child
-  }))))));
-}
-export {
-  RenderBlock as default
-};

package/src/components/render-block.lite.tsx

@@ -1,92 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet, Image, Text } from "react-native";
-import { useState, useContext } from "react";
-import { getBlockComponentOptions } from "../functions/get-block-component-options";
-import { getBlockProperties } from "../functions/get-block-properties";
-import { getBlockStyles } from "../functions/get-block-styles";
-import { getBlockTag } from "../functions/get-block-tag";
-import { components } from "../functions/register-component";
-import BuilderContext from "../context/builder.context.lite";
-import { getBlockActions } from "../functions/get-block-actions";
-import { getProcessedBlock } from "../functions/get-processed-block";
-
-export default function RenderBlock(props) {
-  function component() {
-    return components[block().component?.name];
-  }
-
-  function componentInfo() {
-    return component?.()?.info;
-  }
-
-  function componentRef() {
-    return component?.()?.component;
-  }
-
-  function tagName() {
-    return getBlockTag(block());
-  }
-
-  function properties() {
-    return getBlockProperties(block());
-  }
-
-  function block() {
-    return getProcessedBlock({
-      block: props.block,
-      state: builderContext.state,
-      context: builderContext.context,
-    });
-  }
-
-  function actions() {
-    return getBlockActions({
-      block: block(),
-      state: builderContext.state,
-      context: builderContext.context,
-    });
-  }
-
-  function css() {
-    return getBlockStyles(block());
-  }
-
-  function componentOptions() {
-    return getBlockComponentOptions(block());
-  }
-
-  const builderContext = useContext(BuilderContext);
-
-  const ComponentRefRef = componentRef();
-  const TagNameRef = tagName();
-
-  return (
-    <>
-      {componentInfo?.()?.noWrap && (
-        <>
-          <ComponentRefRef
-            {...componentInfo?.()?.options}
-            attributes={properties()}
-            style={css()}
-          />
-        </>
-      )}
-
-      {!componentInfo?.()?.noWrap && (
-        <>
-          <TagNameRef {...properties()} style={css()}>
-            {componentRef() && <ComponentRefRef {...componentOptions()} />}
-
-            {!componentRef() && block().children && block().children.length && (
-              <>
-                {block().children.map((child) => (
-                  <RenderBlock block={child} />
-                ))}
-              </>
-            )}
-          </TagNameRef>
-        </>
-      )}
-    </>
-  );
-}

package/src/components/render-blocks.lite.tsx

@@ -1,56 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet, Image, Text } from "react-native";
-import { useState, useContext } from "react";
-import { isEditing } from "../functions/is-editing";
-import RenderBlock from "./render-block.lite";
-
-export default function RenderBlocks(props) {
-  function onClick() {
-    if (isEditing() && !props.blocks?.length) {
-      window.parent?.postMessage(
-        {
-          type: "builder.clickEmptyBlocks",
-          data: {
-            parentElementId: props.parent,
-            dataPath: props.path,
-          },
-        },
-        "*"
-      );
-    }
-  }
-
-  function onMouseEnter() {
-    if (isEditing() && !props.blocks?.length) {
-      window.parent?.postMessage(
-        {
-          type: "builder.hoverEmptyBlocks",
-          data: {
-            parentElementId: props.parent,
-            dataPath: props.path,
-          },
-        },
-        "*"
-      );
-    }
-  }
-
-  return (
-    <View
-      className={"builder-blocks" + (!props.blocks?.length ? " no-blocks" : "")}
-      builder-path={props.path}
-      builder-parent-id={props.parent}
-      onClick={(event) => onClick}
-      onMouseEnter={(event) => onMouseEnter}
-      style={styles.view1}
-    >
-      {props.blocks.map((block) => (
-        <RenderBlock block={block} />
-      ))}
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  view1: { display: "flex", flexDirection: "column", alignItems: "stretch" },
-});

package/src/components/render-content.js

@@ -1,66 +0,0 @@
-import * as React from "react";
-import { View } from "react-native";
-import { useState, useEffect } from "react";
-import { isBrowser } from "../functions/is-browser";
-import RenderBlock from "./render-block";
-import BuilderContext from "../context/builder.context";
-import { track } from "../functions/track";
-function RenderContent(props) {
-  var _a, _b, _c, _d, _e;
-  function useContent() {
-    return overrideContent || props.content;
-  }
-  const [update, setUpdate] = useState(() => 0);
-  const [state, setState] = useState(() => ({}));
-  const [context, setContext] = useState(() => ({}));
-  const [overrideContent, setOverrideContent] = useState(() => null);
-  function processMessage(event) {
-    const { data } = event;
-    if (data) {
-      switch (data.type) {
-        case "builder.contentUpdate": {
-          const key = data.data.key || data.data.alias || data.data.entry || data.data.modelName;
-          const contentData = data.data.data;
-          if (key === props.model) {
-            setOverrideContent(contentData);
-          }
-          break;
-        }
-        case "builder.patchUpdates": {
-          break;
-        }
-      }
-    }
-  }
-  useEffect(() => {
-    if (isBrowser()) {
-      window.addEventListener("message", processMessage);
-    }
-  }, []);
-  return /* @__PURE__ */ React.createElement(BuilderContext.Provider, {
-    value: {
-      get content() {
-        return props.content;
-      },
-      get state() {
-        return state;
-      },
-      get context() {
-        return context;
-      }
-    }
-  }, /* @__PURE__ */ React.createElement(View, {
-    onClick: (event) => {
-      track("click", {
-        contentId: props.content.id
-      });
-    },
-    "data-builder-content-id": (_a = props.content) == null ? void 0 : _a.id
-  }, ((_c = (_b = useContent == null ? void 0 : useContent()) == null ? void 0 : _b.data) == null ? void 0 : _c.cssCode) && /* @__PURE__ */ React.createElement(View, null, useContent().data.cssCode), (_e = (_d = useContent == null ? void 0 : useContent()) == null ? void 0 : _d.data) == null ? void 0 : _e.blocks.map((block) => /* @__PURE__ */ React.createElement(RenderBlock, {
-    key: block.id,
-    block
-  }))));
-}
-export {
-  RenderContent as default
-};