v5.2.3

Author: jitvarpatil

examples/SampleApp/App.tsx

@@ -12,6 +12,7 @@ enableScreens();
 import {
   CometChatI18nProvider,
   CometChatIncomingCall,
+  CometChatTheme,
   CometChatThemeProvider,
   CometChatUIEventHandler,
   CometChatUIEvents,
@@ -25,6 +26,9 @@ import RootStackNavigator from './src/navigation/RootStackNavigator';
 import { AppConstants } from './src/utils/AppConstants';
 import { requestAndroidPermissions } from './src/utils/helper';
 import AsyncStorage from '@react-native-async-storage/async-storage';
+import { useConfig } from './src/config/store';
+import { DeepPartial } from '@cometchat/chat-uikit-react-native/src/shared/helper/types';
+import { createTypography } from './src/utils/themeTypography';
 
 // Listener ID for registering and removing CometChat listeners.
 const listenerId = 'app';
@@ -40,6 +44,26 @@ const App = (): React.ReactElement => {
   const [currentToken, setCurrentToken] = useState('');
   const [isTokenRegistered, setIsTokenRegistered] = useState(false);
   const [hasValidAppCredentials, setHasValidAppCredentials] = useState(false);
+  const styleConfig = useConfig(state => state?.settings?.style);
+
+  const theme : { light:  DeepPartial<CometChatTheme>; dark: DeepPartial<CometChatTheme> } = {
+  light: {
+    color: {
+      primary: styleConfig.color.brandColor,
+      textPrimary: styleConfig.color.primaryTextLight,
+      textSecondary: styleConfig.color.secondaryTextLight,
+    },
+    typography: createTypography(styleConfig.typography.font),
+  },
+  dark: {
+    color: {
+      primary: styleConfig.color.brandColor,
+      textPrimary: styleConfig.color.primaryTextDark,
+      textSecondary: styleConfig.color.secondaryTextDark,
+    },
+    typography: createTypography(styleConfig.typography.font),
+  },
+};
 
   /**
    * Initialize CometChat UIKit and configure Google Sign-In.
@@ -246,7 +270,7 @@ const App = (): React.ReactElement => {
   return (
     <SafeAreaProvider>
       <SafeAreaView edges={['top', 'bottom']} style={{ flex: 1 }}>
-        <CometChatThemeProvider>
+        <CometChatThemeProvider theme={theme}>
           <CometChatI18nProvider>
             {/* Render the incoming call UI if the user is logged in and a call is received */}
             {isLoggedIn && callReceived && incomingCall.current ? (

examples/SampleApp/android/app/build.gradle

@@ -83,7 +83,7 @@ android {
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
         versionCode 1
-        versionName "5.2.2"
+        versionName "5.2.3"
     }
     signingConfigs {
         debug {