@builder.io/sdk-react-native 0.0.1-68 → 0.0.1-69

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-native",
   "description": "Builder.io SDK for React Native",
-  "version": "0.0.1-68",
+  "version": "0.0.1-69",
   "main": "src/index.js",
   "scripts": {
     "release:dev": "npm version prerelease --no-git-tag-version && npm publish --tag dev --access public"

package/src/blocks/button/component-info.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const componentInfo = {
   name: "Core:Button",
   builtIn: true,

package/src/blocks/columns/component-info.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { markSerializable } from "../util";
 const componentInfo = {
   name: "Columns",
   builtIn: true,
@@ -187,7 +187,7 @@ const componentInfo = {
           ]
         }
       ],
-      onChange(options) {
+      onChange: markSerializable((options) => {
         function clearWidths() {
           columns.forEach((col) => {
             col.delete("width");
@@ -211,7 +211,7 @@ const componentInfo = {
             }
           }
         }
-      }
+      })
     },
     {
       name: "space",

package/src/blocks/custom-code/component-info.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const componentInfo = {
   name: "Custom Code",
   static: true,

package/src/blocks/embed/component-info.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { markSerializable } from "../util";
 const componentInfo = {
   name: "Embed",
   static: true,
@@ -10,7 +10,7 @@ const componentInfo = {
       required: true,
       defaultValue: "",
       helperText: "e.g. enter a youtube url, google map, etc",
-      onChange(options) {
+      onChange: markSerializable((options) => {
         const url = options.get("url");
         if (url) {
           options.set("content", "Loading...");
@@ -29,7 +29,7 @@ const componentInfo = {
         } else {
           options.delete("content");
         }
-      }
+      })
     },
     {
       name: "content",

package/src/blocks/embed/helpers.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const SCRIPT_MIME_TYPES = [
   "text/javascript",
   "application/javascript",

package/src/blocks/form/component-info.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const componentInfo = {
   name: "Form:Form",
   builtIn: true,

package/src/blocks/form/form.js

@@ -39,8 +39,9 @@ var __async = (__this, __arguments, generator) => {
 };
 import * as React from "react";
 import { View, StyleSheet, Text } from "react-native";
-import { useState, useRef } from "react";
+import { useState, useContext, useRef } from "react";
 import RenderBlock from "../../components/render-block/render-block.js";
+import BuilderBlocks from "../../components/render-blocks.js";
 import { isEditing } from "../../functions/is-editing.js";
 function FormComponent(props) {
   var _a, _b;
@@ -191,6 +192,7 @@ function FormComponent(props) {
       });
     }
   }
+  const builderContext = useContext(BuilderContext);
   return /* @__PURE__ */ React.createElement(View, __spreadProps(__spreadValues({}, props.attributes), {
     validate: props.validate,
     ref: formRef,
@@ -199,7 +201,8 @@ function FormComponent(props) {
     name: props.name,
     onSubmit: (event) => onSubmit(event)
   }), " ", props.builderBlock && props.builderBlock.children ? /* @__PURE__ */ React.createElement(React.Fragment, null, (_b = (_a = props.builderBlock) == null ? void 0 : _a.children) == null ? void 0 : _b.map((block) => /* @__PURE__ */ React.createElement(RenderBlock, {
-    block
+    block,
+    context: builderContext
   }))) : null, " ", submissionState() === "error" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(BuilderBlocks, {
     dataPath: "errorMessage",
     blocks: props.errorMessage

package/src/blocks/fragment/component-info.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const componentInfo = {
   name: "Fragment",
   static: true,

package/src/blocks/image/component-info.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { markSerializable } from "../util";
 const componentInfo = {
   name: "Image",
   static: true,
@@ -19,7 +19,7 @@ const componentInfo = {
       allowedFileTypes: ["jpeg", "jpg", "png", "svg"],
       required: true,
       defaultValue: "https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
-      onChange(options) {
+      onChange: markSerializable((options) => {
         const DEFAULT_ASPECT_RATIO = 0.7041;
         options.delete("srcset");
         options.delete("noWebp");
@@ -65,7 +65,7 @@ const componentInfo = {
             }
           });
         }
-      }
+      })
     },
     {
       name: "backgroundSize",

package/src/blocks/image/image.helpers.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 function removeProtocol(path) {
   return path.replace(/http(s)?:/, "");
 }

package/src/blocks/image/image.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;

package/src/blocks/img/component-info.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const componentInfo = {
   name: "Raw:Img",
   hideFromInsertMenu: true,

package/src/blocks/img/img.js

@@ -28,7 +28,7 @@ function ImgComponent(props) {
     },
     key: isEditing() && props.imgSrc || "default-key",
     alt: props.altText,
-    src: props.imgSrc
+    src: props.imgSrc || props.image
   }));
 }
 export {

package/src/blocks/input/component-info.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const componentInfo = {
   name: "Form:Input",
   builtIn: true,

package/src/blocks/raw-text/component-info.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const componentInfo = {
   name: "Builder:RawText",
   hideFromInsertMenu: true,

package/src/blocks/section/component-info.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const componentInfo = {
   name: "Core:Section",
   static: true,

package/src/blocks/select/component-info.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const componentInfo = {
   name: "Form:Select",
   builtIn: true,

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const componentInfo = {
   name: "Form:SubmitButton",
   builtIn: true,

package/src/blocks/symbol/component-info.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const componentInfo = {
   name: "Symbol",
   noWrap: true,

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const componentInfo = {
   name: "Text",
   static: true,

package/src/blocks/text/text.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const componentInfo = {
   name: "Form:TextArea",
   builtIn: true,

package/src/blocks/util.js

@@ -0,0 +1,7 @@
+function markSerializable(fn) {
+  fn.__qwik_serializable__ = true;
+  return fn;
+}
+export {
+  markSerializable
+};

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const componentInfo = {
   name: "Video",
   canHaveChildren: true,

package/src/blocks/video/video.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { View } from "react-native";
 import ReactVideo from "react-native-video";
 function Video(props) {

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

@@ -1,18 +1,16 @@
 import * as React from "react";
-import { useContext } from "react";
+import { getMaxWidthQueryForSize } from "../../constants/device-sizes.js";
 import { TARGET } from "../../constants/target.js";
-import BuilderContext from "../../context/builder.context";
 import { getProcessedBlock } from "../../functions/get-processed-block.js";
-import RenderInlinedStyles from "../render-inlined-styles.js";
 import { convertStyleMaptoCSS } from "../../helpers/css.js";
-import { getMaxWidthQueryForSize } from "../../constants/device-sizes.js";
+import RenderInlinedStyles from "../render-inlined-styles.js";
 function BlockStyles(props) {
   function useBlock() {
     return getProcessedBlock({
       block: props.block,
-      state: builderContext.state,
-      context: builderContext.context,
-      evaluateBindings: true
+      state: props.context.state,
+      context: props.context.context,
+      shouldEvaluateBindings: true
     });
   }
   function css() {
@@ -30,7 +28,6 @@ function BlockStyles(props) {
           }` : ""}
     }`;
   }
-  const builderContext = useContext(BuilderContext);
   return /* @__PURE__ */ React.createElement(React.Fragment, null, TARGET === "vue2" || TARGET === "vue3" || TARGET === "svelte" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(RenderInlinedStyles, {
     styles: css()
   })) : null);

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const EMPTY_HTML_ELEMENTS = [
   "area",
   "base",

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

@@ -30,8 +30,6 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import * as React from "react";
-import { useContext } from "react";
-import BuilderContext from "../../context/builder.context";
 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";
@@ -49,14 +47,14 @@ function RenderBlock(props) {
     var _a2;
     const componentName = (_a2 = getProcessedBlock({
       block: props.block,
-      state: builderContext.state,
-      context: builderContext.context,
-      evaluateBindings: false
+      state: props.context.state,
+      context: props.context.context,
+      shouldEvaluateBindings: false
     }).component) == null ? void 0 : _a2.name;
     if (!componentName) {
       return null;
     }
-    const ref = builderContext.registeredComponents[componentName];
+    const ref = props.context.registeredComponents[componentName];
     if (!ref) {
       console.warn(`
         Could not find a registered component named "${componentName}". 
@@ -84,16 +82,16 @@ function RenderBlock(props) {
   function useBlock() {
     return repeatItemData() ? props.block : getProcessedBlock({
       block: props.block,
-      state: builderContext.state,
-      context: builderContext.context,
-      evaluateBindings: true
+      state: props.context.state,
+      context: props.context.context,
+      shouldEvaluateBindings: true
     });
   }
   function attributes() {
     return __spreadProps(__spreadValues(__spreadValues({}, getBlockProperties(useBlock())), getBlockActions({
       block: useBlock(),
-      state: builderContext.state,
-      context: builderContext.context
+      state: props.context.state,
+      context: props.context.context
     })), {
       style: getBlockStyles(useBlock())
     });
@@ -111,7 +109,8 @@ function RenderBlock(props) {
     return {
       blockChildren: children(),
       componentRef: componentRef(),
-      componentOptions: componentOptions()
+      componentOptions: componentOptions(),
+      context: props.context
     };
   }
   function children() {
@@ -129,8 +128,8 @@ function RenderBlock(props) {
     }
     const itemsArray = evaluate({
       code: repeat.collection,
-      state: builderContext.state,
-      context: builderContext.context
+      state: props.context.state,
+      context: props.context.context
     });
     if (!Array.isArray(itemsArray)) {
       return void 0;
@@ -138,8 +137,8 @@ function RenderBlock(props) {
     const collectionName = repeat.collection.split(".").pop();
     const itemNameToUse = repeat.itemName || (collectionName ? collectionName + "Item" : "item");
     const repeatArray = itemsArray.map((item, index) => ({
-      context: __spreadProps(__spreadValues({}, builderContext), {
-        state: __spreadProps(__spreadValues({}, builderContext.state), {
+      context: __spreadProps(__spreadValues({}, props.context), {
+        state: __spreadProps(__spreadValues({}, props.context.state), {
           $index: index,
           $item: item,
           [itemNameToUse]: item,
@@ -150,7 +149,6 @@ function RenderBlock(props) {
     }));
     return repeatArray;
   }
-  const builderContext = useContext(BuilderContext);
   const TagNameRef = tagName();
   return /* @__PURE__ */ React.createElement(React.Fragment, null, shouldWrap() ? /* @__PURE__ */ React.createElement(React.Fragment, null, !isEmptyHtmlElement(tagName()) ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TagNameRef, __spreadValues({}, attributes()), repeatItemData() ? /* @__PURE__ */ React.createElement(React.Fragment, null, (_a = repeatItemData()) == null ? void 0 : _a.map((data, index) => /* @__PURE__ */ React.createElement(RenderRepeatedBlock, {
     key: index,
@@ -158,11 +156,15 @@ function RenderBlock(props) {
     block: data.block
   }))) : null, !repeatItemData() ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(RenderComponent, __spreadValues({}, renderComponentProps()))) : null, (_b = childrenWithoutParentComponent()) == null ? void 0 : _b.map((child) => /* @__PURE__ */ React.createElement(RenderBlock, {
     key: "render-block-" + child.id,
-    block: child
+    block: child,
+    context: props.context
   })), (_c = childrenWithoutParentComponent()) == null ? void 0 : _c.map((child) => /* @__PURE__ */ React.createElement(BlockStyles, {
     key: "block-style-" + child.id,
-    block: child
-  })))) : /* @__PURE__ */ React.createElement(TagNameRef, __spreadValues({}, attributes()))) : /* @__PURE__ */ React.createElement(RenderComponent, __spreadValues({}, renderComponentProps())));
+    block: child,
+    context: props.context
+  })))) : /* @__PURE__ */ React.createElement(TagNameRef, __spreadValues({}, attributes()))) : /* @__PURE__ */ React.createElement(RenderComponent, __spreadProps(__spreadValues({}, renderComponentProps()), {
+    context: props.context
+  })));
 }
 export {
   RenderBlock as default

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

@@ -22,10 +22,12 @@ function RenderComponent(props) {
   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
+    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
+    block: child,
+    context: props.context
   })))) : null);
 }
 export {

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

@@ -21,7 +21,8 @@ function RenderRepeatedBlock(props) {
       }
     }
   }, /* @__PURE__ */ React.createElement(RenderBlock, {
-    block: props.block
+    block: props.block,
+    context: props.repeatContext
   }));
 }
 export {

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

@@ -1 +0,0 @@
-import * as React from 'react';

package/src/components/render-blocks.js

@@ -1,5 +1,7 @@
 import * as React from "react";
 import { View, StyleSheet } from "react-native";
+import { useContext } from "react";
+import BuilderContext from "../context/builder.context";
 import { isEditing } from "../functions/is-editing.js";
 import BlockStyles from "./render-block/block-styles.js";
 import RenderBlock from "./render-block/render-block.js";
@@ -33,6 +35,7 @@ function RenderBlocks(props) {
       }, "*");
     }
   }
+  const builderContext = useContext(BuilderContext);
   return /* @__PURE__ */ React.createElement(View, {
     "builder-path": props.path,
     "builder-parent-id": props.parent,
@@ -44,10 +47,12 @@ function RenderBlocks(props) {
     style: styles.view1
   }, 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
+    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
+    block,
+    context: builderContext
   }))) : null);
 }
 const styles = StyleSheet.create({

package/src/components/render-content/index.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { default as default2 } from "./render-content.js";
 export {
   default2 as default

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

@@ -39,7 +39,7 @@ var __async = (__this, __arguments, generator) => {
 };
 import * as React from "react";
 import { View } from "react-native";
-import { useState, useEffect } from "react";
+import { useState, useRef, useEffect } from "react";
 import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components.js";
 import { TARGET } from "../../constants/target.js";
 import BuilderContext from "../../context/builder.context";
@@ -56,8 +56,14 @@ import {
 import { track } from "../../functions/track.js";
 import RenderBlocks from "../render-blocks.js";
 import RenderContentStyles from "./components/render-styles.js";
+import {
+  registerInsertMenu,
+  setupBrowserForEditing
+} from "../../scripts/init-editing.js";
 function RenderContent(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  const elementRef = useRef(null);
+  const [forceReRenderCount, setForceReRenderCount] = useState(() => 0);
   function useContent() {
     var _a2;
     const mergedContent = __spreadProps(__spreadValues(__spreadValues({}, props.content), overrideContent), {
@@ -179,6 +185,9 @@ function RenderContent(props) {
   useEffect(() => {
     if (isBrowser()) {
       if (isEditing()) {
+        setForceReRenderCount(forceReRenderCount + 1);
+        registerInsertMenu();
+        setupBrowserForEditing();
         Object.values(allRegisteredComponents()).forEach((registeredComponent) => {
           var _a2;
           const message = createRegisterComponentMessage(registeredComponent);
@@ -252,13 +261,15 @@ function RenderContent(props) {
       }
     }
   }, useContent() ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(View, {
+    ref: elementRef,
     onClick: (event) => onClick(event),
     "builder-content-id": (_e = useContent == null ? void 0 : useContent()) == null ? void 0 : _e.id
   }, shouldRenderContentStyles() ? /* @__PURE__ */ React.createElement(RenderContentStyles, {
     cssCode: (_g = (_f = useContent == null ? void 0 : useContent()) == null ? void 0 : _f.data) == null ? void 0 : _g.cssCode,
     customFonts: (_i = (_h = useContent == null ? void 0 : useContent()) == null ? void 0 : _h.data) == null ? void 0 : _i.customFonts
   }) : null, /* @__PURE__ */ React.createElement(RenderBlocks, {
-    blocks: (_k = (_j = useContent == null ? void 0 : useContent()) == null ? void 0 : _j.data) == null ? void 0 : _k.blocks
+    blocks: (_k = (_j = useContent == null ? void 0 : useContent()) == null ? void 0 : _j.data) == null ? void 0 : _k.blocks,
+    key: forceReRenderCount
   }))) : null);
 }
 export {

package/src/constants/builder-registered-components.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;

package/src/constants/device-sizes.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const SIZES = {
   small: {
     min: 320,

package/src/constants/target.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const TARGET = "reactNative";
 export {
   TARGET

package/src/functions/camel-to-kebab-case.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const camelToKebabCase = (string) => string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
 export {
   camelToKebabCase

package/src/functions/convert-style-object.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const convertStyleObject = (obj) => {
   return obj;
 };

package/src/functions/evaluate.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { isBrowser } from "./is-browser.js";
 import { isEditing } from "./is-editing.js";
 function evaluate({

package/src/functions/event-handler-name.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 function capitalizeFirstLetter(string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
 }

package/src/functions/get-block-actions.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { evaluate } from "./evaluate.js";
 import { getEventHandlerName } from "./event-handler-name.js";
 function getBlockActions(options) {

package/src/functions/get-block-component-options.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;

package/src/functions/get-block-properties.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;

package/src/functions/get-block-styles.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;

package/src/functions/get-block-tag.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { View } from "react-native";
 function getBlockTag(_block) {
   return View;

package/src/functions/get-builder-search-params/fn.test.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { convertSearchParamsToQueryObject, getBuilderSearchParams } from ".";
 const querystring = "someotherValue=jklsjfdal&abc=klfdjklgfds&builder.cachebust=true&builder.preview=page&builder.noCache=true&__builder_editing__=true&builder.overrides.page=037948e52eaf4743afed464f02c70da4&builder.overrides.037948e52eaf4743afed464f02c70da4=037948e52eaf4743afed464f02c70da4&builder.overrides.page%3A%2F=037948e52eaf4743afed464f02c70da4&preview_theme_id=128854393017";
 const url = new URL(`localhost:3000/about-us?${querystring}`);

package/src/functions/get-builder-search-params/index.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { isBrowser } from "../is-browser";
 const BUILDER_SEARCHPARAMS_PREFIX = "builder.";
 const convertSearchParamsToQueryObject = (searchParams) => {

package/src/functions/get-content/ab-testing.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const handleABTesting = (item, testGroups) => {
   if (item.variations && Object.keys(item.variations).length) {
     const testGroup = item.id ? testGroups[item.id] : void 0;

package/src/functions/get-content/fn.test.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { generateContentUrl } from ".";
 const testKey = "YJIGb4i01jvw0SRdL5Bt";
 const testModel = "page";

package/src/functions/get-content/index.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;

package/src/functions/get-content/types.js

@@ -1 +0,0 @@
-import * as React from 'react';

package/src/functions/get-fetch.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -25,9 +24,9 @@ function getFetch() {
     const globalFetch = getGlobalThis().fetch;
     if (typeof globalFetch === "undefined" && typeof global !== "undefined") {
       const nodeFetch = import("node-fetch").then((d) => d.default);
-      return nodeFetch;
+      return nodeFetch.default || nodeFetch;
     }
-    return globalFetch;
+    return globalFetch.default || globalFetch;
   });
 }
 export {

package/src/functions/get-global-this.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 function getGlobalThis() {
   if (typeof globalThis !== "undefined") {
     return globalThis;

package/src/functions/get-processed-block.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -40,13 +39,17 @@ const evaluateBindings = ({
   }
   return copied;
 };
-function getProcessedBlock(options) {
-  const { state, context } = options;
-  const block = transformBlock(options.block);
-  if (evaluateBindings) {
-    return evaluateBindings({ block, state, context });
+function getProcessedBlock({
+  block,
+  context,
+  shouldEvaluateBindings,
+  state
+}) {
+  const transformedBlock = transformBlock(block);
+  if (shouldEvaluateBindings) {
+    return evaluateBindings({ block: transformedBlock, state, context });
   } else {
-    return block;
+    return transformedBlock;
   }
 }
 export {

package/src/functions/get-processed-block.test.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { getProcessedBlock } from "./get-processed-block.js";
 test("Can process bindings", () => {
   var _a, _b, _c, _d, _e, _f;
@@ -22,7 +21,7 @@ test("Can process bindings", () => {
     block,
     context: {},
     state: { test: "hello" },
-    evaluateBindings: true
+    shouldEvaluateBindings: true
   });
   expect(processed).not.toEqual(block);
   expect((_a = processed.properties) == null ? void 0 : _a.foo).toEqual("baz");

package/src/functions/if-target.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { TARGET } from "../constants/target.js";
 function ifTarget({
   targets,

package/src/functions/is-browser.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 function isBrowser() {
   return typeof window !== "undefined" && typeof document !== "undefined";
 }

package/src/functions/is-editing.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { isIframe } from "./is-iframe.js";
 function isEditing() {
   return isIframe() && window.location.search.indexOf("builder.frameEditing=") !== -1;

package/src/functions/is-iframe.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { isBrowser } from "./is-browser.js";
 function isIframe() {
   return isBrowser() && window.self !== window.top;

package/src/functions/is-previewing.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { isBrowser } from "./is-browser.js";
 import { isEditing } from "./is-editing.js";
 function isPreviewing() {

package/src/functions/is-react-native.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 function isReactNative() {
   return true;
 }

package/src/functions/on-change.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const onChangeProxySymbol = Symbol("onChangeProxySymbol");
 function onChange(obj, cb) {
   return new Proxy(obj, {

package/src/functions/on-change.test.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { onChange } from "./on-change.js";
 test("onChange can observe a shallow change", () => {
   let changeHappend = false;

package/src/functions/register-component.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;

package/src/functions/register.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { isBrowser } from "./is-browser.js";
 const registry = {};
 function register(type, info) {

package/src/functions/sanitize-styles.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const propertiesThatMustBeNumber = new Set(["lineHeight"]);
 const displayValues = new Set(["flex", "none"]);
 const SHOW_WARNINGS = false;

package/src/functions/set-editor-settings.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { isBrowser } from "./is-browser.js";
 const settings = {};
 function setEditorSettings(newSettings) {

package/src/functions/set.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const set = (obj, _path, value) => {
   if (Object(obj) !== obj) {
     return obj;

package/src/functions/set.test.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { set } from "./set.js";
 test("can shallow set a property", () => {
   const obj = { foo: "bar" };

package/src/functions/track.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;

package/src/functions/transform-block.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;

package/src/helpers/cookie.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { isBrowser } from "../functions/is-browser";
 import { getTopLevelDomain } from "./url";
 const getCookie = ({

package/src/helpers/css.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { camelToKebabCase } from "../functions/camel-to-kebab-case";
 const convertStyleMaptoCSS = (style) => {
   const cssProps = Object.entries(style).map(([key, value]) => {

package/src/helpers/flatten.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;

package/src/helpers/localStorage.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { isBrowser } from "../functions/is-browser";
 const getLocalStorage = () => isBrowser() && typeof localStorage !== "undefined" ? localStorage : void 0;
 const getLocalStorageItem = ({

package/src/helpers/nullable.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const checkIsDefined = (maybeT) => maybeT !== null && maybeT !== void 0;
 export {
   checkIsDefined

package/src/helpers/sessionId.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { getCookie, setCookie } from "./cookie";
 import { checkIsDefined } from "./nullable";
 import { uuid } from "./uuid";

package/src/helpers/time.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const MINUTE_TO_MILLESECONDS_MULTIPLIER = 6e4;
 const getCurrentDatePlusMinutes = (minutes = 30) => new Date(Date.now() + minutes * MINUTE_TO_MILLESECONDS_MULTIPLIER);
 export {

package/src/helpers/url.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 const getTopLevelDomain = (host) => {
   const parts = host.split(".");
   if (parts.length > 2) {

package/src/helpers/url.test.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { getTopLevelDomain } from "./url.js";
 describe("getTopLevelDomain", () => {
   test("handles root domain", () => {

package/src/helpers/uuid.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 function uuidv4() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
     const r = Math.random() * 16 | 0, v = c == "x" ? r : r & 3 | 8;

package/src/helpers/visitorId.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { getLocalStorageItem, setLocalStorageItem } from "./localStorage";
 import { checkIsDefined } from "./nullable";
 import { uuid } from "./uuid";

package/src/index-helpers/blocks-exports.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { default as default2 } from "../blocks/columns/columns.js";
 import { default as default3 } from "../blocks/image/image.js";
 import { default as default4 } from "../blocks/text/text.js";

package/src/index-helpers/top-of-file.js

@@ -1,2 +1 @@
-import * as React from 'react';
 import "react-native-url-polyfill/auto";

package/src/index.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import "./index-helpers/top-of-file.js";
 import "./scripts/init-editing.js";
 export * from "./index-helpers/blocks-exports.js";

package/src/scripts/init-editing.js

@@ -1,7 +1,5 @@
-import * as React from 'react';
 import { TARGET } from "../constants/target.js";
 import { isBrowser } from "../functions/is-browser.js";
-import { isEditing } from "../functions/is-editing.js";
 import { register } from "../functions/register.js";
 const registerInsertMenu = () => {
   register("insertMenu", {
@@ -75,7 +73,7 @@ const setupBrowserForEditing = () => {
     });
   }
 };
-if (isEditing()) {
-  registerInsertMenu();
-  setupBrowserForEditing();
-}
+export {
+  registerInsertMenu,
+  setupBrowserForEditing
+};

package/src/types/builder-block.js

@@ -1 +0,0 @@
-import * as React from 'react';

package/src/types/builder-content.js

@@ -1 +0,0 @@
-import * as React from 'react';

package/src/types/can-track.js

@@ -1 +0,0 @@
-import * as React from 'react';

package/src/types/components.js

@@ -1 +0,0 @@
-import * as React from 'react';

package/src/types/deep-partial.js

@@ -1 +0,0 @@
-import * as React from 'react';

package/src/types/element.js

@@ -1 +0,0 @@
-import * as React from 'react';

package/src/types/targets.js

@@ -1 +0,0 @@
-import * as React from 'react';

package/src/types/typescript.js

@@ -1 +0,0 @@
-import * as React from 'react';