agora-appbuilder-core 4.0.0-spl.18 → 4.0.0-spl.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agora-appbuilder-core",
-  "version": "4.0.0-spl.18",
+  "version": "4.0.0-spl.20",
   "description": "React Native template for RTE app builder",
   "main": "index.js",
   "files": [

package/template/src/AppWrapper.tsx

@@ -21,6 +21,7 @@ import {
   StatusBar,
   Platform,
   View,
+  ViewProps,
 } from 'react-native';
 import ColorConfigure from './components/ColorConfigure';
 import {isValidReactComponent} from './utils/common';
@@ -39,6 +40,21 @@ interface AppWrapperProps {
   children: React.ReactNode;
 }
 
+const ConditionalSafeAreaView = ({children, ...props}: ViewProps) => {
+  if (!isSDK) {
+    return (
+      <SafeAreaView
+        // @ts-ignore textAlign not supported by TS definitions but is applied to web regardless
+        style={[{flex: 1}, Platform.select({web: {textAlign: 'left'}})]}
+        {...props}>
+        {children}
+      </SafeAreaView>
+    );
+  } else {
+    return <>{children}</>;
+  }
+};
+
 const ImageBackgroundComp = (props: {
   bg?: string;
   color?: string;
@@ -80,9 +96,7 @@ const AppWrapper = (props: AppWrapperProps) => {
   return (
     <AppRoot>
       <ImageBackgroundComp bg={$config.BG} color={$config.BACKGROUND_COLOR}>
-        <SafeAreaView
-          // @ts-ignore textAlign not supported by TS definitions but is applied to web regardless
-          style={[{flex: 1}, Platform.select({web: {textAlign: 'left'}})]}>
+        <ConditionalSafeAreaView>
           <StatusBar hidden={true} />
           <ToastProvider>
             <ToastContext.Consumer>
@@ -116,7 +130,7 @@ const AppWrapper = (props: AppWrapperProps) => {
               </GraphQLProvider>
             </StorageProvider>
           </ToastProvider>
-        </SafeAreaView>
+        </ConditionalSafeAreaView>
       </ImageBackgroundComp>
     </AppRoot>
   );

package/template/src/components/Precall.native.tsx

@@ -300,15 +300,16 @@ const Precall = (props: any) => {
 
   const FpePrecallComponent = useCustomization((data) => {
     // commented for v1 release
-    // if (
-    //   data?.components?.precall &&
-    //   typeof data?.components?.precall !== 'object'
-    // ) {
-    //   if (isValidReactComponent(data?.components?.precall)) {
-    //     return data?.components?.precall;
-    //   }
-    //   return undefined;
-    // }
+    if (
+      data?.components?.precall &&
+      typeof data?.components?.precall !== 'object' &&
+      isSDK
+    ) {
+      if (isValidReactComponent(data?.components?.precall)) {
+        return data?.components?.precall;
+      }
+      return undefined;
+    }
     return undefined;
   });