@builder.io/sdk-react-native 4.2.1 → 4.2.2

package/src/components/block/components/repeated-block.tsx

@@ -1,17 +1,5 @@
 import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-  Pressable,
-  TextInput,
-  TouchableOpacity,
-  Button,
-  Linking,
-} from "react-native";
+import {} from "react-native";
 import { useState, useContext, useEffect } from "react";
 
 type Props = Omit<BlockProps, "context"> & {

package/src/components/blocks/blocks-wrapper.tsx

@@ -1,17 +1,5 @@
 import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-  Pressable,
-  TextInput,
-  TouchableOpacity,
-  Button,
-  Linking,
-} from "react-native";
+import { StyleSheet, Text } from "react-native";
 import { useState, useRef, useEffect } from "react";
 
 export type BlocksWrapperProps = {

package/src/components/blocks/blocks.tsx

@@ -1,17 +1,5 @@
 import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-  Pressable,
-  TextInput,
-  TouchableOpacity,
-  Button,
-  Linking,
-} from "react-native";
+import { FlatList, Text } from "react-native";
 import { useContext } from "react";
 import BuilderContext from "../../context/builder.context";
 import ComponentsContext from "../../context/components.context";

package/src/components/content/components/enable-editor.tsx

@@ -1,17 +1,5 @@
 import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-  Pressable,
-  TextInput,
-  TouchableOpacity,
-  Button,
-  Linking,
-} from "react-native";
+import { StyleSheet, Text } from "react-native";
 import { useState, useContext, useRef, useEffect } from "react";
 
 type BuilderEditorProps = Omit<
@@ -76,11 +64,16 @@ import type {
 } from "../content.types";
 import { needsElementRefDivForEditing } from "./enable-editor.helpers";
 import { getWrapperClassName } from "./styles.helpers";
+import { ScrollView } from "react-native";
 
 function EnableEditor(props: BuilderEditorProps) {
   const elementRef = useRef<HTMLDivElement>(null);
   const [hasExecuted, setHasExecuted] = useState<boolean>(() => false);
 
+  const [prevData, setPrevData] = useState(() => null);
+
+  const [prevLocale, setPrevLocale] = useState(() => "");
+
   function mergeNewRootState(newData: Dictionary<any>) {
     const combinedState = {
       ...props.builderContextSignal.rootState,
@@ -236,11 +229,15 @@ function EnableEditor(props: BuilderEditorProps) {
               method: "GET",
             };
         logFetch(JSON.stringify(fetchRequestObj));
-        fetch(fetchRequestObj.url, {
+        const fetchOptions = {
           method: fetchRequestObj.method,
           headers: fetchRequestObj.headers,
           body: fetchRequestObj.body,
-        })
+        };
+        if (fetchRequestObj.method === "GET") {
+          delete fetchOptions.body;
+        }
+        fetch(fetchRequestObj.url, fetchOptions)
           .then((response) => response.json())
           .then((json) => {
             mergeNewRootState({
@@ -485,14 +482,22 @@ function EnableEditor(props: BuilderEditorProps) {
   }, [props.builderContextSignal.rootState]);
   useEffect(() => {
     if (props.data) {
+      if (prevData === props.data) {
+        return;
+      }
       mergeNewRootState(props.data);
+      setPrevData(props.data);
     }
   }, [props.data]);
   useEffect(() => {
     if (props.locale) {
+      if (prevLocale === props.locale) {
+        return;
+      }
       mergeNewRootState({
         locale: props.locale,
       });
+      setPrevLocale(props.locale);
     }
   }, [props.locale]);
   useEffect(() => {

package/src/components/content/components/styles.tsx

@@ -1,17 +1,5 @@
 import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-  Pressable,
-  TextInput,
-  TouchableOpacity,
-  Button,
-  Linking,
-} from "react-native";
+import {} from "react-native";
 import { useState } from "react";
 
 interface Props extends BuilderNonceProp {

package/src/components/content/content.tsx

@@ -1,17 +1,5 @@
 import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-  Pressable,
-  TextInput,
-  TouchableOpacity,
-  Button,
-  Linking,
-} from "react-native";
+import {} from "react-native";
 import { useState, useContext, useRef } from "react";
 import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components";
 import { TARGET } from "../../constants/target";
@@ -38,6 +26,7 @@ import {
 } from "./content.helpers";
 import type { ContentProps } from "./content.types";
 import { wrapComponentRef } from "./wrap-component-ref";
+import { ScrollView } from "react-native";
 
 function ContentComponent(props: ContentProps) {
   const [scriptStr, setScriptStr] = useState(() =>

package/src/components/content-variants/content-variants.tsx

@@ -1,17 +1,5 @@
 import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-  Pressable,
-  TextInput,
-  TouchableOpacity,
-  Button,
-  Linking,
-} from "react-native";
+import {} from "react-native";
 import { useState, useEffect } from "react";
 
 type VariantsProviderProps = ContentVariantsPrps & {

package/src/components/dynamic-div.tsx

@@ -1,17 +1,5 @@
 import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-  Pressable,
-  TextInput,
-  TouchableOpacity,
-  Button,
-  Linking,
-} from "react-native";
+import { View, Text } from "react-native";
 
 export interface DynamicDivProps {
   children?: any;

package/src/components/dynamic-renderer/dynamic-renderer.tsx

@@ -1,17 +1,5 @@
 import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-  Pressable,
-  TextInput,
-  TouchableOpacity,
-  Button,
-  Linking,
-} from "react-native";
+import { Text } from "react-native";
 
 export interface DynamicRendererProps {
   children?: any;

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "4.2.1"
+export const SDK_VERSION = "4.2.2"