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

package/lib/node/typescript/components/blocks/blocks-wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"blocks-wrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/blocks/blocks-wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;IACnC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,aAAa,EAAE,GAAG,CAAC;IACnB;;;;;;;;;;;;;;OAcG;IACH,kBAAkB,EAAE,GAAG,CAAC;IACxB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAkG/C;AAMD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"blocks-wrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/blocks/blocks-wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;IACnC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,aAAa,EAAE,GAAG,CAAC;IACnB;;;;;;;;;;;;;;OAcG;IACH,kBAAkB,EAAE,GAAG,CAAC;IACxB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAkG/C;AAMD,eAAe,aAAa,CAAC"}

package/lib/node/typescript/components/blocks/blocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../../../../../src/components/blocks/blocks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,qBA0DjC;;AAED,wBAA4B"}
+{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../../../../../src/components/blocks/blocks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,qBA0DjC;;AAED,wBAA4B"}

package/lib/node/typescript/components/content/components/enable-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"enable-editor.d.ts","sourceRoot":"","sources":["../../../../../../src/components/content/components/enable-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,KAAK,kBAAkB,GAAG,IAAI,CAC5B,YAAY,EACV,kBAAkB,GAClB,YAAY,GACZ,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,eAAe,CAClB,GAAG;IACF,oBAAoB,EAAE,uBAAuB,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;IAC/C,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB,CAAC;AAuBF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAqBtE,OAAO,KAAK,EAEV,YAAY,EACb,MAAM,kBAAkB,CAAC;AAI1B,iBAAS,YAAY,CAAC,KAAK,EAAE,kBAAkB,qBA4c9C;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"enable-editor.d.ts","sourceRoot":"","sources":["../../../../../../src/components/content/components/enable-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,kBAAkB,GAAG,IAAI,CAC5B,YAAY,EACV,kBAAkB,GAClB,YAAY,GACZ,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,eAAe,CAClB,GAAG;IACF,oBAAoB,EAAE,uBAAuB,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC;IAC/C,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB,CAAC;AAuBF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAqBtE,OAAO,KAAK,EAEV,YAAY,EACb,MAAM,kBAAkB,CAAC;AAK1B,iBAAS,YAAY,CAAC,KAAK,EAAE,kBAAkB,qBA4d9C;AAED,eAAe,YAAY,CAAC"}

package/lib/node/typescript/components/content/components/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/content/components/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,UAAU,KAAM,SAAQ,gBAAgB;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGnD,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,qBAqBlC;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/content/components/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,KAAM,SAAQ,gBAAgB;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGnD,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,qBAqBlC;AAED,eAAe,aAAa,CAAC"}

package/lib/node/typescript/components/content/content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../src/components/content/content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,YAAY,qBAwJ5C;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../src/components/content/content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,YAAY,qBAwJ5C;AAED,eAAe,gBAAgB,CAAC"}

package/lib/node/typescript/components/content-variants/content-variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content-variants.d.ts","sourceRoot":"","sources":["../../../../../src/components/content-variants/content-variants.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,KAAK,qBAAqB,GAAG,mBAAmB,GAAG;IACjD;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAWF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAQpE,iBAAS,eAAe,CAAC,KAAK,EAAE,qBAAqB,qBAmIpD;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"content-variants.d.ts","sourceRoot":"","sources":["../../../../../src/components/content-variants/content-variants.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,qBAAqB,GAAG,mBAAmB,GAAG;IACjD;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAWF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAQpE,iBAAS,eAAe,CAAC,KAAK,EAAE,qBAAqB,qBAmIpD;AAED,eAAe,eAAe,CAAC"}

package/lib/node/typescript/components/dynamic-div.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-div.d.ts","sourceRoot":"","sources":["../../../../src/components/dynamic-div.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,UAAU,EAAE,GAAG,CAAC;IAChB,gBAAgB,EAAE,GAAG,CAAC;IACtB,iBAAiB,EAAE,GAAG,CAAC;IACvB,WAAW,EAAE,GAAG,CAAC;IACjB,eAAe,EAAE,GAAG,CAAC;IACrB,kBAAkB,EAAE,GAAG,CAAC;IACxB,mBAAmB,EAAE,GAAG,CAAC;IACzB,YAAY,EAAE,GAAG,CAAC;IAClB,GAAG,EAAE,GAAG,CAAC;CACV;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,qBAEzC;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"dynamic-div.d.ts","sourceRoot":"","sources":["../../../../src/components/dynamic-div.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,UAAU,EAAE,GAAG,CAAC;IAChB,gBAAgB,EAAE,GAAG,CAAC;IACtB,iBAAiB,EAAE,GAAG,CAAC;IACvB,WAAW,EAAE,GAAG,CAAC;IACjB,eAAe,EAAE,GAAG,CAAC;IACrB,kBAAkB,EAAE,GAAG,CAAC;IACxB,mBAAmB,EAAE,GAAG,CAAC;IACzB,YAAY,EAAE,GAAG,CAAC;IAClB,GAAG,EAAE,GAAG,CAAC;CACV;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,qBAEzC;AAED,eAAe,UAAU,CAAC"}

package/lib/node/typescript/components/dynamic-renderer/dynamic-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-renderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/dynamic-renderer/dynamic-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,OAAO,EAAE,GAAG,CAAC;IACb,UAAU,EAAE,GAAG,CAAC;IAChB,gBAAgB,EAAE,GAAG,CAAC;CACvB;AAKD,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAsBnD;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"dynamic-renderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/dynamic-renderer/dynamic-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,OAAO,EAAE,GAAG,CAAC;IACb,UAAU,EAAE,GAAG,CAAC;IAChB,gBAAgB,EAAE,GAAG,CAAC;CACvB;AAKD,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAsBnD;AAED,eAAe,eAAe,CAAC"}

package/lib/node/typescript/constants/sdk-version.d.ts

@@ -1,2 +1,2 @@
-export declare const SDK_VERSION = "4.2.1";
+export declare const SDK_VERSION = "4.2.2";
 //# sourceMappingURL=sdk-version.d.ts.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-native",
   "description": "Builder.io SDK for React Native",
-  "version": "4.2.1",
+  "version": "4.2.2",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/react-native",
   "repository": {
     "type": "git",

package/src/blocks/accordion/accordion.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, StyleSheet, Pressable } from "react-native";
 import { useState } from "react";
 import Blocks from "../../components/blocks/index";
 import { camelToKebabCase } from "../../functions/camel-to-kebab-case";

package/src/blocks/button/button.tsx

@@ -1,18 +1,6 @@
 import BaseText from "../../blocks/BaseText";
 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";
 import DynamicRenderer from "../../components/dynamic-renderer/dynamic-renderer";
 import { getClassPropName } from "../../functions/get-class-prop-name";
 import { filterAttrs } from "../helpers";

package/src/blocks/columns/columns.tsx

@@ -1,18 +1,6 @@
 import BaseText from "../../blocks/BaseText";
 import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-  Pressable,
-  TextInput,
-  TouchableOpacity,
-  Button,
-  Linking,
-} from "react-native";
+import { View, StyleSheet } from "react-native";
 
 type CSSVal = string | number;
 import Blocks from "../../components/blocks/blocks";

package/src/blocks/custom-code/custom-code.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 } from "react-native";
 import { useState, useRef, useEffect } from "react";
 
 export interface CustomCodeProps {

package/src/blocks/embed/embed.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 } from "react-native";
 import { useState, useRef, useEffect } from "react";
 
 export interface EmbedProps {

package/src/blocks/form/form/form.tsx

@@ -1,18 +1,6 @@
 import * as React from "react";
 import BaseText from "../../blocks/BaseText";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-  Pressable,
-  TextInput,
-  TouchableOpacity,
-  Button,
-  Linking,
-} from "react-native";
+import { View, StyleSheet, Text } from "react-native";
 import { useState, useRef } from "react";
 
 /**
@@ -88,6 +76,10 @@ function FormComponent(props: FormProps) {
     return (isEditing() && props.previewState) || formState;
   }
 
+  function errorResponse(response: any) {
+    return JSON.stringify(response, null, 2);
+  }
+
   function onSubmit(event: any) {
     const sendWithJsProp =
       props.sendWithJs || props.sendSubmissionsTo === "email";
@@ -322,7 +314,7 @@ function FormComponent(props: FormProps) {
       ) : null}
       {submissionState() === "error" && responseData ? (
         <View style={styles.view1}>
-          <BaseText>{JSON.stringify(responseData, null, 2)}</BaseText>
+          <BaseText>{errorResponse(responseData)}</BaseText>
         </View>
       ) : null}
       {submissionState() === "success" ? (

package/src/blocks/form/input/input.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 { TextInput } from "react-native";
 
 /**
  * This import is used by the Svelte SDK. Do not remove.

package/src/blocks/form/select/select.tsx

@@ -1,18 +1,6 @@
 import * as React from "react";
 import BaseText from "../../blocks/BaseText";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-  Pressable,
-  TextInput,
-  TouchableOpacity,
-  Button,
-  Linking,
-} from "react-native";
+import { View, Text } from "react-native";
 
 /**
  * This import is used by the Svelte SDK. Do not remove.

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

@@ -1,18 +1,6 @@
 import * as React from "react";
 import BaseText from "../../blocks/BaseText";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-  Pressable,
-  TextInput,
-  TouchableOpacity,
-  Button,
-  Linking,
-} from "react-native";
+import { View, Text, Button } from "react-native";
 
 /**
  * This import is used by the Svelte SDK. Do not remove.

package/src/blocks/form/textarea/textarea.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 } from "react-native";
 
 /**
  * This import is used by the Svelte SDK. Do not remove.

package/src/blocks/fragment/fragment.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";
 import type { FragmentProps } from "./fragment.types";
 
 function FragmentComponent(props: FragmentProps) {

package/src/blocks/img/img.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, Image } from "react-native";
 
 /**
  * This import is used by the Svelte SDK. Do not remove.

package/src/blocks/personalization-container/personalization-container.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 } from "react-native";
 import { useState, useRef, useEffect } from "react";
 import Blocks from "../../components/blocks/blocks";
 import InlinedScript from "../../components/inlined-script";

package/src/blocks/section/section.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, StyleSheet, Text } from "react-native";
 import { filterAttrs } from "../helpers";
 import type { SectionProps } from "./section.types";
 import { setAttrs } from "../helpers";

package/src/blocks/slot/slot.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, StyleSheet } from "react-native";
 
 export type DropzoneProps = BuilderDataProps &
   BuilderComponentsProp & {

package/src/blocks/symbol/symbol.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 } from "react-native";
 import { useState, useEffect } from "react";
 import ContentVariants from "../../components/content-variants/index";
 import type { BuilderContent } from "../../types/builder-content";
@@ -32,6 +20,10 @@ function Symbol(props: SymbolProps) {
     return View;
   }
 
+  function customComponents() {
+    return Object.values(props.builderComponents);
+  }
+
   function className() {
     return [
       ...[],
@@ -86,7 +78,7 @@ function Symbol(props: SymbolProps) {
           ...props.builderContext.context,
           symbolId: props.builderBlock?.id,
         }}
-        customComponents={Object.values(props.builderComponents)}
+        customComponents={customComponents()}
         data={{
           ...props.symbol?.data,
           ...props.builderContext.localState,

package/src/blocks/symbol/symbol.types.ts

@@ -1,6 +1,6 @@
 import type { BuilderContent } from '../../types/builder-content';
 import type { BuilderComponentsProp, BuilderDataProps, BuilderLinkComponentProp } from '../../types/builder-props';
-interface SymbolInfo {
+export interface SymbolInfo {
   model?: string;
   entry?: string;
   data?: any;

package/src/blocks/tabs/tabs.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, StyleSheet, Pressable } from "react-native";
 import { useState } from "react";
 import Blocks from "../../components/blocks/blocks";
 import type { BuilderBlock } from "../../types/builder-block";
@@ -26,6 +14,10 @@ function Tabs(props: TabsProps) {
     return props.tabs && props.tabs[active].content;
   }
 
+  function getTabStyle(index: number) {
+    return index === activeTab ? props.activeTabStyle : {};
+  }
+
   function onClick(index: number) {
     if (index === activeTab && props.collapsible) {
       setActiveTab(-1);
@@ -47,9 +39,7 @@ function Tabs(props: TabsProps) {
         {props.tabs?.map((tab, index) => (
           <Pressable
             key={index}
-            style={{
-              ...(activeTab === index ? props.activeTabStyle : {}),
-            }}
+            style={getTabStyle(index)}
             onPress={(event) => onClick(index)}
           >
             <Blocks

package/src/components/awaiter.tsx

@@ -1,31 +1,7 @@
 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";
 import { useEffect } from "react";
-
-/**
- * Placeholder component to be overridden by specific SDKs.
- * Allows to dynamically import components.
- */
-
-type AwaiterProps = {
-  load: () => Promise<any>;
-  props?: any;
-  attributes?: any;
-  fallback?: any;
-  children?: any;
-};
+import type { AwaiterProps } from "./awaiter.types";
 
 function Awaiter(props: AwaiterProps) {
   useEffect(() => {}, []);

package/src/components/awaiter.types.ts

@@ -0,0 +1,7 @@
+export type AwaiterProps = {
+  load: () => Promise<any>;
+  props?: any;
+  attributes?: any;
+  fallback?: any;
+  children?: any;
+}

package/src/components/block/block.tsx

@@ -1,18 +1,6 @@
 import BaseText from "../../blocks/BaseText";
 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";
 
 export type BlockProps = {
@@ -48,6 +36,7 @@ import type { ComponentProps } from "./components/component-ref/component-ref.he
 import ComponentRef from "./components/component-ref/component-ref";
 import RepeatedBlock from "./components/repeated-block";
 import { memo } from "react";
+import { View } from "react-native";
 
 function Block(props: BlockProps) {
   function repeatItem() {

package/src/components/block/components/block-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";
 
 export type BlockStylesProps = {
   block: BuilderBlock;

package/src/components/block/components/block-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 { Text } from "react-native";
 
 type BlockWrapperProps = {
   Wrapper: string;

package/src/components/block/components/component-ref/component-ref.tsx

@@ -1,18 +1,6 @@
 import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-  Pressable,
-  TextInput,
-  TouchableOpacity,
-  Button,
-  Linking,
-} from "react-native";
-import { useState, useContext, useEffect } from "react";
+import {} from "react-native";
+import { useState, useContext } from "react";
 import { wrapComponentRef } from "../../../content/wrap-component-ref";
 import Block from "../../block";
 import InteractiveElement from "../interactive-element";
@@ -27,8 +15,6 @@ function ComponentRef(props: ComponentProps) {
     props.isInteractive ? InteractiveElement : props.componentRef
   );
 
-  useEffect(() => {}, [props.componentOptions, props.blockChildren]);
-
   return (
     <BuilderContext.Provider
       value={{
@@ -55,15 +41,19 @@ function ComponentRef(props: ComponentProps) {
             contextValue: props.context,
           })}
         >
-          {props.blockChildren?.map((child) => (
-            <Block
-              key={child.id}
-              block={child}
-              context={props.context}
-              registeredComponents={props.registeredComponents}
-              linkComponent={props.linkComponent}
-            />
-          ))}
+          {props.componentRef ? (
+            <>
+              {props.blockChildren?.map((child) => (
+                <Block
+                  key={child.id}
+                  block={child}
+                  context={props.context}
+                  registeredComponents={props.registeredComponents}
+                  linkComponent={props.linkComponent}
+                />
+              ))}
+            </>
+          ) : null}
         </Wrapper>
       ) : null}
     </BuilderContext.Provider>

package/src/components/block/components/interactive-element.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";
 import { useState, useEffect } from "react";
 
 export type InteractiveElementProps = {