Updated to version v4.3.4

Author: honey-cometchat

.bundle/config

@@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1

.eslintrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: '@react-native',
+};

.gitignore

@@ -21,6 +21,7 @@ DerivedData
 *.ipa
 *.xcuserstate
 project.xcworkspace
+.xcode.env.local
 
 # Android/IntelliJ
 #

.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  arrowParens: 'avoid',
+  bracketSameLine: true,
+  bracketSpacing: false,
+  singleQuote: true,
+  trailingComma: 'all',
+};

.watchmanconfig

@@ -0,0 +1 @@
+{}

App.tsx

@@ -1,6 +1,6 @@
 
 import React, { useEffect, useRef, useState } from 'react';
-import { PermissionsAndroid, Platform, SafeAreaView, StatusBar, StyleSheet, View } from 'react-native';
+import { ActivityIndicator, PermissionsAndroid, Platform, SafeAreaView, StatusBar, StyleSheet, View } from 'react-native';
 import { CometChat } from "@cometchat/chat-sdk-react-native";
 import { AppConstants } from './AppConstants';
 import { CometChatContextProvider, CometChatLocalize } from '@cometchat/chat-uikit-react-native';
@@ -26,7 +26,8 @@ const App = () => {
     }
   }
 
-  const [callRecevied, setCallReceived] = useState(false);
+  const [callReceived, setCallReceived] = useState(false);
+  const [isInitialized, setIsInitialized] = useState(false);
   const incomingCall = useRef(null);
 
   useEffect(() => {
@@ -42,6 +43,7 @@ const App = () => {
         if (CometChat.setSource) {
           CometChat.setSource('ui-kit', Platform.OS, 'react-native');
         }
+        setIsInitialized(true);
       })
       .catch(() => {
         return null;
@@ -81,32 +83,37 @@ const App = () => {
 
   return (
     <View style={styles.container}>
-      <SafeAreaView style={{ flex: 1 }}>
-        <StatusBar backgroundColor={"white"} barStyle={"dark-content"} />
-        {
-          callRecevied &&
-          <CometChatIncomingCall
-            call={incomingCall.current}
-            onDecline={(call) => {
-              setCallReceived(false)
-            }}
-            incomingCallStyle={{
-              backgroundColor: 'white',
-              titleColor: 'black',
-              subtitleColor: 'gray',
-              titleFont: {
-                fontSize: 20,
-                fontWeight: 'bold'
-              }
-            }}
-          />
-        }
-        <UserContextProvider>
-          <CometChatContextProvider theme={new CometChatTheme({})}>
-            <StackNavigator />
-          </CometChatContextProvider>
-        </UserContextProvider>
-      </SafeAreaView>
+      {isInitialized ? (
+        <SafeAreaView style={{ flex: 1 }}>
+          <StatusBar backgroundColor={"white"} barStyle={"dark-content"} />
+          {callReceived && (
+            <CometChatIncomingCall
+              call={incomingCall.current}
+              onDecline={(call) => {
+                setCallReceived(false);
+              }}
+              incomingCallStyle={{
+                backgroundColor: "white",
+                titleColor: "black",
+                subtitleColor: "gray",
+                titleFont: {
+                  fontSize: 20,
+                  fontWeight: "bold",
+                },
+              }}
+            />
+          )}
+          <UserContextProvider>
+            <CometChatContextProvider theme={new CometChatTheme({})}>
+              <StackNavigator />
+            </CometChatContextProvider>
+          </UserContextProvider>
+        </SafeAreaView>
+      ) : (
+        <View style={[styles.container, {justifyContent: "center"}]}>
+          <ActivityIndicator />
+        </View>
+      )}
     </View>
   );
 };

Gemfile

@@ -3,4 +3,7 @@ source 'https://rubygems.org'
 # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
 ruby ">= 2.6.10"
 
-gem 'cocoapods', '~> 1.12'
+# Cocoapods 1.15 introduced a bug which break the build. We will remove the upper
+# bound in the template on Cocoapods with next React Native release.
+gem 'cocoapods', '>= 1.13', '< 1.15'
+gem 'activesupport', '>= 6.1.7.5', '< 7.1.0'

Gemfile.lock

@@ -6,7 +6,7 @@ import 'react-native';
 import React from 'react';
 import App from '../App';
 
-// Note: import explicitly to use the types shiped with jest.
+// Note: import explicitly to use the types shipped with jest.
 import {it} from '@jest/globals';
 
 // Note: test renderer must be required after react-native.

__tests__/App.test.tsx

@@ -1,4 +1,5 @@
 apply plugin: "com.android.application"
+apply plugin: "org.jetbrains.kotlin.android"
 apply plugin: "com.facebook.react"
 
 /**
@@ -70,8 +71,8 @@ def jscFlavor = 'org.webkit:android-jsc:+'
 
 android {
     ndkVersion rootProject.ext.ndkVersion
-
-    compileSdkVersion rootProject.ext.compileSdkVersion
+    buildToolsVersion rootProject.ext.buildToolsVersion
+    compileSdk rootProject.ext.compileSdkVersion
 
     namespace "com.demosampleapp"
     defaultConfig {
@@ -106,13 +107,8 @@ android {
 dependencies {
     // The version of react-native is set by the React Native Gradle Plugin
     implementation("com.facebook.react:react-android")
+    implementation("com.facebook.react:flipper-integration")
 
-    debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}")
-    debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") {
-        exclude group:'com.squareup.okhttp3', module:'okhttp'
-    }
-
-    debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}")
     if (hermesEnabled.toBoolean()) {
         implementation("com.facebook.react:hermes-android")
     } else {