[
{
"path": ".gitignore",
"content": "# OSX\n#\n.DS_Store\n\n# Xcode\n#\nbuild/\n*.pbxuser\n!default.pbxuser\n*.mode1v3\n!default.mode1v3\n*.mode2v3\n!default.mode2v3\n*.perspectivev3\n!default.perspectivev3\nxcuserdata\n*.xccheckout\n*.moved-aside\nDerivedData\n*.hmap\n*.ipa\n*.xcuserstate\n**/.xcode.env.local\n\n# Android/IntelliJ\n#\nbuild/\n.idea\n.gradle\nlocal.properties\n*.iml\n*.hprof\n.cxx/\n*.keystore\n!debug.keystore\n\n\n# node.js\n#\nnode_modules/\nnpm-debug.log\nyarn-error.log\n\n# fastlane\n#\n# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the\n# screenshots whenever they are needed.\n# For more information about the recommended setup visit:\n# https://docs.fastlane.tools/best-practices/source-control/\n\n**/fastlane/report.xml\n**/fastlane/Preview.html\n**/fastlane/screenshots\n**/fastlane/test_output\n\n# Bundle artifact\n*.jsbundle\n\n# Ruby / CocoaPods\n**/Pods/\n/vendor/bundle/\n\n# Temporary files created by Metro to check the health of the file watcher\n.metro-health-check*\n\n# testing\n/coverage\n\n# Yarn\n.yarn/*\n!.yarn/patches\n!.yarn/plugins\n!.yarn/releases\n!.yarn/sdks\n!.yarn/versions\n\n# Ignore android and ios folders in SampleAppExpo\nexamples/SampleAppExpo/android/\nexamples/SampleAppExpo/ios/"
},
{
"path": "README.md",
"content": "\n
\n\n# CometChat React Native UI Kit\n\nCometChat React Native UIKit provides a pre-built user interface kit that developers can use to quickly integrate a reliable & fully-featured chat experience into an existing or a new mobile app.\n
\n
(\n null,\n );\n const [isInitializing, setIsInitializing] = useState(true);\n const [isLoggedIn, setIsLoggedIn] = useState(false);\n const [userLoggedIn, setUserLoggedIn] = useState(false);\n const [currentToken, setCurrentToken] = useState('');\n const [isTokenRegistered, setIsTokenRegistered] = useState(false);\n const [hasValidAppCredentials, setHasValidAppCredentials] = useState(false);\n const styleConfig = useConfig(state => state?.settings?.style);\n\n const theme : { light: DeepPartial; dark: DeepPartial } = {\n light: {\n color: {\n primary: styleConfig.color.brandColor,\n textPrimary: styleConfig.color.primaryTextLight,\n textSecondary: styleConfig.color.secondaryTextLight,\n },\n typography: createTypography(styleConfig.typography.font),\n },\n dark: {\n color: {\n primary: styleConfig.color.brandColor,\n textPrimary: styleConfig.color.primaryTextDark,\n textSecondary: styleConfig.color.secondaryTextDark,\n },\n typography: createTypography(styleConfig.typography.font),\n },\n};\n\n /**\n * Initialize CometChat UIKit and configure Google Sign-In.\n * Retrieves credentials from AsyncStorage and uses fallback constants if needed.\n */\n useEffect(() => {\n async function init() {\n try {\n // Retrieve stored app credentials or default to an empty object.\n const AppData = (await AsyncStorage.getItem('appCredentials')) || '{}';\n const storedCredentials = JSON.parse(AppData);\n\n // Determine the final credentials (from AsyncStorage or AppConstants).\n const finalAppId = storedCredentials.appId || AppConstants.appId;\n const finalAuthKey = storedCredentials.authKey || AppConstants.authKey;\n const finalRegion = storedCredentials.region || AppConstants.region;\n\n // Set hasValidAppCredentials based on whether all values are available.\n if (finalAppId && finalAuthKey && finalRegion) {\n setHasValidAppCredentials(true);\n } else {\n setHasValidAppCredentials(false);\n }\n\n await CometChatUIKit.init({\n appId: finalAppId,\n authKey: finalAuthKey,\n region: finalRegion,\n subscriptionType: CometChat.AppSettings\n .SUBSCRIPTION_TYPE_ALL_USERS as UIKitSettings['subscriptionType'],\n });\n\n // If a user is already logged in, update the state.\n const loggedInUser = CometChatUIKit.loggedInUser;\n if (loggedInUser) {\n setIsLoggedIn(true);\n }\n } catch (error) {\n console.log('Error during initialization', error);\n } finally {\n // Mark initialization as complete.\n setIsInitializing(false);\n }\n }\n init();\n }, []);\n\n /**\n * Monitor app state changes to verify the logged-in status and clear notifications.\n * When the app becomes active, it cancels Android notifications and checks the login status.\n */\n useEffect(() => {\n if (Platform.OS === 'android') {\n // Request required Android permissions for notifications.\n requestAndroidPermissions();\n }\n const handleAppStateChange = async (nextState: AppStateStatus) => {\n if (nextState === 'active') {\n try {\n // Verify if there is a valid logged-in user.\n const chatUser = await CometChat.getLoggedinUser();\n setIsLoggedIn(!!chatUser);\n } catch (error) {\n console.log('Error verifying CometChat user on resume:', error);\n }\n }\n };\n const subscription = AppState.addEventListener(\n 'change',\n handleAppStateChange,\n );\n return () => subscription.remove();\n }, []);\n\n /**\n * Attach CometChat login listener to handle login and logout events.\n * Updates user login status accordingly.\n */\n useEffect(() => {\n CometChat.addLoginListener(\n listenerId,\n new CometChat.LoginListener({\n loginSuccess: () => {\n setUserLoggedIn(true);\n },\n loginFailure: (e: CometChat.CometChatException) => {\n console.log('LoginListener :: loginFailure', e.message);\n },\n logoutSuccess: () => {\n setUserLoggedIn(false);\n },\n logoutFailure: (e: CometChat.CometChatException) => {\n console.log('LoginListener :: logoutFailure', e.message);\n },\n }),\n );\n\n // Clean up the login listener on component unmount.\n return () => {\n CometChat.removeLoginListener(listenerId);\n };\n }, []);\n\n /**\n * Attach CometChat call listeners to handle incoming, outgoing, and cancelled call events.\n * Also handles UI events for call end.\n */\n useEffect(() => {\n // Listener for call events.\n CometChat.addCallListener(\n listenerId,\n new CometChat.CallListener({\n onIncomingCallReceived: (call: CometChat.Call) => {\n // Check if there's already an active call\n try {\n const activeCall = CometChat.getActiveCall();\n if (activeCall) {\n // If there's an active call, reject the incoming call with busy status\n setTimeout(() => {\n CometChat.rejectCall(\n call.getSessionId(),\n CometChat.CALL_STATUS.BUSY,\n )\n .then(() => {\n console.log('Incoming call rejected due to active call');\n })\n .catch(error => {\n console.error(\n 'Error rejecting call with busy status:',\n error,\n );\n });\n }, 2000);\n } else {\n // No active call, proceed with normal incoming call handling\n // Hide any bottom sheet UI before showing the incoming call screen.\n CometChatUIEventHandler.emitUIEvent(\n CometChatUIEvents.ccToggleBottomSheet,\n {\n isBottomSheetVisible: false,\n },\n );\n // Store the incoming call and update state.\n incomingCall.current = call;\n setCallReceived(true);\n }\n } catch (error) {\n console.error('Error getting active call:', error);\n // If error getting active call, proceed with normal handling\n CometChatUIEventHandler.emitUIEvent(\n CometChatUIEvents.ccToggleBottomSheet,\n {\n isBottomSheetVisible: false,\n },\n );\n incomingCall.current = call;\n setCallReceived(true);\n }\n },\n onOutgoingCallRejected: () => {\n // Clear the call state if outgoing call is rejected.\n incomingCall.current = null;\n setCallReceived(false);\n },\n onIncomingCallCancelled: () => {\n // Clear the call state if the incoming call is cancelled.\n incomingCall.current = null;\n setCallReceived(false);\n },\n }),\n );\n\n // Additional listener to handle call end events.\n CometChatUIEventHandler.addCallListener(listenerId, {\n ccCallEnded: () => {\n incomingCall.current = null;\n setCallReceived(false);\n },\n });\n\n // Remove call listeners on cleanup.\n return () => {\n CometChatUIEventHandler.removeCallListener(listenerId);\n CometChat.removeCallListener(listenerId);\n };\n }, [userLoggedIn]);\n\n // Show a blank/splash screen while the app is initializing.\n if (isInitializing) {\n return (\n \n \n {/* Render the incoming call UI if the user is logged in and a call is received */}\n \n \n {isLoggedIn && callReceived && incomingCall.current ? (\n {\n // Handle call decline by clearing the incoming call state.\n incomingCall.current = null;\n setCallReceived(false);\n }}\n />\n ) : null}\n \n {/* Render the main navigation stack, passing the login status as a prop */}\n \n \n \n \n \n );\n};\n\nexport default App;\n"
},
{
"path": "examples/SampleApp/AppErrorBoundary.tsx",
"content": "import React from 'react';\nimport { View, Text, StyleSheet, Appearance, Button } from 'react-native';\n\ninterface State {\n hasError: boolean;\n error: Error | null;\n colorScheme: 'light' | 'dark' | null;\n}\n\ninterface Props {\n children: React.ReactNode;\n}\n\nclass AppErrorBoundary extends React.Component {\n constructor(props: Props) {\n super(props);\n const colorScheme = Appearance.getColorScheme() ?? null;\n this.state = { hasError: false, error: null, colorScheme };\n }\n\n static getDerivedStateFromError(error: Error) {\n // Update state so the next render shows the fallback UI.\n return { hasError: true, error };\n }\n\n componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n // Log error to an error reporting service here if needed.\n console.log('ErrorBoundary caught an error', error, errorInfo);\n }\n\n componentDidMount() {\n // Listen for changes in color scheme.\n Appearance.addChangeListener(({ colorScheme }) => {\n this.setState({ colorScheme: colorScheme ?? null });\n });\n }\n\n // Reset error state to allow retrying\n handleRetry = () => {\n this.setState({ hasError: false, error: null });\n };\n\n render() {\n if (this.state.hasError) {\n const styles = createStyles(this.state.colorScheme);\n return (\n \n \n Something went wrong \n {/* Uncomment the next line to show the error message */}\n {/* \n {this.state.error ? this.state.error.toString() : 'Unknown error'}\n */}\n \n \n \n \n );\n }\n\n return this.props.children;\n }\n}\n\nconst createStyles = (colorScheme: 'light' | 'dark' | null) => {\n const isDark = colorScheme === 'dark';\n return StyleSheet.create({\n container: {\n flex: 1,\n backgroundColor: isDark ? '#121212' : '#f2f2f2',\n justifyContent: 'center',\n alignItems: 'center',\n padding: 16,\n },\n card: {\n backgroundColor: isDark ? '#1e1e1e' : '#ffffff',\n padding: 24,\n borderRadius: 12,\n alignItems: 'center',\n shadowColor: isDark ? '#000000' : '#aaa',\n shadowOffset: { width: 0, height: 2 },\n shadowOpacity: 0.3,\n shadowRadius: 4,\n elevation: 5,\n width: '100%',\n maxWidth: 400,\n },\n title: {\n fontSize: 20,\n fontWeight: '700',\n marginBottom: 12,\n color: isDark ? '#ffffff' : '#333333',\n },\n errorText: {\n fontSize: 16,\n textAlign: 'center',\n color: isDark ? '#cccccc' : '#666666',\n marginBottom: 20,\n },\n buttonContainer: {\n width: '100%',\n },\n });\n};\n\nexport default AppErrorBoundary;\n"
},
{
"path": "examples/SampleApp/Gemfile",
"content": "source 'https://rubygems.org'\n\n# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version\nruby \">= 2.6.10\"\n\n# Exclude problematic versions of cocoapods and activesupport that causes build failures.\ngem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'\ngem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'\ngem 'xcodeproj', '< 1.26.0'\ngem 'concurrent-ruby', '< 1.3.4'\n\n# Ruby 3.4.0 has removed some libraries from the standard library.\ngem 'bigdecimal'\ngem 'logger'\ngem 'benchmark'\ngem 'mutex_m'\n"
},
{
"path": "examples/SampleApp/README.md",
"content": "\n\n
\n\n# React Native Sample App by CometChat\n\nThis is a reference application showcasing the integration of [CometChat's React Native UI Kit](https://www.cometchat.com/docs/ui-kit/react-native/5.0/overview) in a React Native project. It demonstrates how to implement real-time messaging and voice/video calling features with ease.\n\n\n
\n
\n\n \n \n \n \n \n \n \n \n"
},
{
"path": "examples/SampleApp/android/app/src/main/java/com/sampleapp/MainActivity.kt",
"content": "package com.cometchat.sampleapp.reactnative.android\nimport android.os.Bundle\n\nimport com.facebook.react.ReactActivity\nimport com.facebook.react.ReactActivityDelegate\nimport com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled\nimport com.facebook.react.defaults.DefaultReactActivityDelegate\n\nclass MainActivity : ReactActivity() {\n\n override fun onCreate(savedInstanceState: Bundle?) {\n // REQUIRED for react-native-screens\n super.onCreate(null)\n }\n\n\n /**\n * Returns the name of the main component registered from JavaScript. This is used to schedule\n * rendering of the component.\n */\n override fun getMainComponentName(): String = \"sampleapp\"\n\n /**\n * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]\n * which allows you to enable New Architecture with a single boolean flags [fabricEnabled]\n */\n override fun createReactActivityDelegate(): ReactActivityDelegate =\n DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled)\n}\n"
},
{
"path": "examples/SampleApp/android/app/src/main/java/com/sampleapp/MainApplication.kt",
"content": "package com.cometchat.sampleapp.reactnative.android\n\nimport android.app.Application\nimport com.facebook.react.PackageList\nimport com.facebook.react.ReactApplication\nimport com.facebook.react.ReactHost\nimport com.facebook.react.ReactNativeApplicationEntryPoint.loadReactNative\nimport com.facebook.react.ReactNativeHost\nimport com.facebook.react.ReactPackage\nimport com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost\nimport com.facebook.react.defaults.DefaultReactNativeHost\n\nclass MainApplication : Application(), ReactApplication {\n\n override val reactNativeHost: ReactNativeHost =\n object : DefaultReactNativeHost(this) {\n override fun getPackages(): List =\n PackageList(this).packages.apply {\n // Packages that cannot be autolinked yet can be added manually here, for example:\n // add(MyReactNativePackage())\n }\n\n override fun getJSMainModuleName(): String = \"index\"\n\n override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG\n\n override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED\n override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED\n }\n\n override val reactHost: ReactHost\n get() = getDefaultReactHost(applicationContext, reactNativeHost)\n\n override fun onCreate() {\n super.onCreate()\n loadReactNative(this)\n }\n}\n"
},
{
"path": "examples/SampleApp/android/app/src/main/res/drawable/rn_edit_text_material.xml",
"content": "\n\n\n\n \n \n - \n
- \n
\n\n \n"
},
{
"path": "examples/SampleApp/android/app/src/main/res/values/colors.xml",
"content": "\n \n #FFFFFF \n \n"
},
{
"path": "examples/SampleApp/android/app/src/main/res/values/strings.xml",
"content": "\n sampleapp \n \n"
},
{
"path": "examples/SampleApp/android/app/src/main/res/values/styles.xml",
"content": "\n\n \n \n\n \n"
},
{
"path": "examples/SampleApp/android/build.gradle",
"content": "buildscript {\n ext {\n buildToolsVersion = \"36.0.0\"\n minSdkVersion = 24\n compileSdkVersion = 36\n targetSdkVersion = 36\n ndkVersion = \"27.1.12297006\"\n kotlinVersion = \"2.1.20\"\n version = \"V5.3.4\"\n }\n repositories {\n google()\n mavenCentral()\n }\n dependencies {\n classpath(\"com.android.tools.build:gradle\")\n classpath(\"com.facebook.react:react-native-gradle-plugin\")\n classpath(\"org.jetbrains.kotlin:kotlin-gradle-plugin\")\n }\n}\n\napply plugin: \"com.facebook.react.rootproject\"\n"
},
{
"path": "examples/SampleApp/android/gradle/wrapper/gradle-wrapper.properties",
"content": "distributionBase=GRADLE_USER_HOME\ndistributionPath=wrapper/dists\ndistributionUrl=https\\://services.gradle.org/distributions/gradle-8.14.3-bin.zip\nnetworkTimeout=10000\nvalidateDistributionUrl=true\nzipStoreBase=GRADLE_USER_HOME\nzipStorePath=wrapper/dists\n"
},
{
"path": "examples/SampleApp/android/gradle.properties",
"content": "# Project-wide Gradle settings.\n\n# IDE (e.g. Android Studio) users:\n# Gradle settings configured through the IDE *will override*\n# any settings specified in this file.\n\n# For more details on how to configure your build environment visit\n# http://www.gradle.org/docs/current/userguide/build_environment.html\n\n# Specifies the JVM arguments used for the daemon process.\n# The setting is particularly useful for tweaking memory settings.\n# Default value: -Xmx512m -XX:MaxMetaspaceSize=256m\norg.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m\n\n# When configured, Gradle will run in incubating parallel mode.\n# This option should only be used with decoupled projects. More details, visit\n# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects\n# org.gradle.parallel=true\n\n# AndroidX package structure to make it clearer which packages are bundled with the\n# Android operating system, and which are packaged with your app's APK\n# https://developer.android.com/topic/libraries/support-library/androidx-rn\nandroid.useAndroidX=true\n\n# Use this property to specify which architecture you want to build.\n# You can also override it from the CLI using\n# ./gradlew -PreactNativeArchitectures=x86_64\nreactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64\n\n# Use this property to enable support to the new architecture.\n# This will allow you to use TurboModules and the Fabric render in\n# your application. You should enable this flag either if you want\n# to write custom TurboModules/Fabric components OR use libraries that\n# are providing them.\nnewArchEnabled=true\n\n# Use this property to enable or disable the Hermes JS engine.\n# If set to false, you will be using JSC instead.\nhermesEnabled=true\n\n# Use this property to enable edge-to-edge display support.\n# This allows your app to draw behind system bars for an immersive UI.\n# Note: Only works with ReactActivity and should not be used with custom Activity.\nedgeToEdgeEnabled=false\n"
},
{
"path": "examples/SampleApp/android/gradlew",
"content": "#!/bin/sh\n\n#\n# Copyright © 2015-2021 the original authors.\n#\n# Licensed under the Apache License, Version 2.0 (the \"License\");\n# you may not use this file except in compliance with the License.\n# You may obtain a copy of the License at\n#\n# https://www.apache.org/licenses/LICENSE-2.0\n#\n# Unless required by applicable law or agreed to in writing, software\n# distributed under the License is distributed on an \"AS IS\" BASIS,\n# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n# See the License for the specific language governing permissions and\n# limitations under the License.\n#\n# SPDX-License-Identifier: Apache-2.0\n#\n\n##############################################################################\n#\n# Gradle start up script for POSIX generated by Gradle.\n#\n# Important for running:\n#\n# (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is\n# noncompliant, but you have some other compliant shell such as ksh or\n# bash, then to run this script, type that shell name before the whole\n# command line, like:\n#\n# ksh Gradle\n#\n# Busybox and similar reduced shells will NOT work, because this script\n# requires all of these POSIX shell features:\n# * functions;\n# * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,\n# «${var#prefix}», «${var%suffix}», and «$( cmd )»;\n# * compound commands having a testable exit status, especially «case»;\n# * various built-in commands including «command», «set», and «ulimit».\n#\n# Important for patching:\n#\n# (2) This script targets any POSIX shell, so it avoids extensions provided\n# by Bash, Ksh, etc; in particular arrays are avoided.\n#\n# The \"traditional\" practice of packing multiple parameters into a\n# space-separated string is a well documented source of bugs and security\n# problems, so this is (mostly) avoided, by progressively accumulating\n# options in \"$@\", and eventually passing that to Java.\n#\n# Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,\n# and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;\n# see the in-line comments for details.\n#\n# There are tweaks for specific operating systems such as AIX, CygWin,\n# Darwin, MinGW, and NonStop.\n#\n# (3) This script is generated from the Groovy template\n# https://github.com/gradle/gradle/blob/HEAD/platforms/jvm/plugins-application/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt\n# within the Gradle project.\n#\n# You can find Gradle at https://github.com/gradle/gradle/.\n#\n##############################################################################\n\n# Attempt to set APP_HOME\n\n# Resolve links: $0 may be a link\napp_path=$0\n\n# Need this for daisy-chained symlinks.\nwhile\n APP_HOME=${app_path%\"${app_path##*/}\"} # leaves a trailing /; empty if no leading path\n [ -h \"$app_path\" ]\ndo\n ls=$( ls -ld \"$app_path\" )\n link=${ls#*' -> '}\n case $link in #(\n /*) app_path=$link ;; #(\n *) app_path=$APP_HOME$link ;;\n esac\ndone\n\n# This is normally unused\n# shellcheck disable=SC2034\nAPP_BASE_NAME=${0##*/}\n# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)\nAPP_HOME=$( cd -P \"${APP_HOME:-./}\" > /dev/null && printf '%s\\n' \"$PWD\" ) || exit\n\n# Use the maximum available, or set MAX_FD != -1 to use that value.\nMAX_FD=maximum\n\nwarn () {\n echo \"$*\"\n} >&2\n\ndie () {\n echo\n echo \"$*\"\n echo\n exit 1\n} >&2\n\n# OS specific support (must be 'true' or 'false').\ncygwin=false\nmsys=false\ndarwin=false\nnonstop=false\ncase \"$( uname )\" in #(\n CYGWIN* ) cygwin=true ;; #(\n Darwin* ) darwin=true ;; #(\n MSYS* | MINGW* ) msys=true ;; #(\n NONSTOP* ) nonstop=true ;;\nesac\n\nCLASSPATH=\"\\\\\\\"\\\\\\\"\"\n\n\n# Determine the Java command to use to start the JVM.\nif [ -n \"$JAVA_HOME\" ] ; then\n if [ -x \"$JAVA_HOME/jre/sh/java\" ] ; then\n # IBM's JDK on AIX uses strange locations for the executables\n JAVACMD=$JAVA_HOME/jre/sh/java\n else\n JAVACMD=$JAVA_HOME/bin/java\n fi\n if [ ! -x \"$JAVACMD\" ] ; then\n die \"ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME\n\nPlease set the JAVA_HOME variable in your environment to match the\nlocation of your Java installation.\"\n fi\nelse\n JAVACMD=java\n if ! command -v java >/dev/null 2>&1\n then\n die \"ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.\n\nPlease set the JAVA_HOME variable in your environment to match the\nlocation of your Java installation.\"\n fi\nfi\n\n# Increase the maximum file descriptors if we can.\nif ! \"$cygwin\" && ! \"$darwin\" && ! \"$nonstop\" ; then\n case $MAX_FD in #(\n max*)\n # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.\n # shellcheck disable=SC2039,SC3045\n MAX_FD=$( ulimit -H -n ) ||\n warn \"Could not query maximum file descriptor limit\"\n esac\n case $MAX_FD in #(\n '' | soft) :;; #(\n *)\n # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.\n # shellcheck disable=SC2039,SC3045\n ulimit -n \"$MAX_FD\" ||\n warn \"Could not set maximum file descriptor limit to $MAX_FD\"\n esac\nfi\n\n# Collect all arguments for the java command, stacking in reverse order:\n# * args from the command line\n# * the main class name\n# * -classpath\n# * -D...appname settings\n# * --module-path (only if needed)\n# * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.\n\n# For Cygwin or MSYS, switch paths to Windows format before running java\nif \"$cygwin\" || \"$msys\" ; then\n APP_HOME=$( cygpath --path --mixed \"$APP_HOME\" )\n CLASSPATH=$( cygpath --path --mixed \"$CLASSPATH\" )\n\n JAVACMD=$( cygpath --unix \"$JAVACMD\" )\n\n # Now convert the arguments - kludge to limit ourselves to /bin/sh\n for arg do\n if\n case $arg in #(\n -*) false ;; # don't mess with options #(\n /?*) t=${arg#/} t=/${t%%/*} # looks like a POSIX filepath\n [ -e \"$t\" ] ;; #(\n *) false ;;\n esac\n then\n arg=$( cygpath --path --ignore --mixed \"$arg\" )\n fi\n # Roll the args list around exactly as many times as the number of\n # args, so each arg winds up back in the position where it started, but\n # possibly modified.\n #\n # NB: a `for` loop captures its iteration list before it begins, so\n # changing the positional parameters here affects neither the number of\n # iterations, nor the values presented in `arg`.\n shift # remove old arg\n set -- \"$@\" \"$arg\" # push replacement arg\n done\nfi\n\n\n# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.\nDEFAULT_JVM_OPTS='\"-Xmx64m\" \"-Xms64m\"'\n\n# Collect all arguments for the java command:\n# * DEFAULT_JVM_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,\n# and any embedded shellness will be escaped.\n# * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be\n# treated as '${Hostname}' itself on the command line.\n\nset -- \\\n \"-Dorg.gradle.appname=$APP_BASE_NAME\" \\\n -classpath \"$CLASSPATH\" \\\n -jar \"$APP_HOME/gradle/wrapper/gradle-wrapper.jar\" \\\n \"$@\"\n\n# Stop when \"xargs\" is not available.\nif ! command -v xargs >/dev/null 2>&1\nthen\n die \"xargs is not available\"\nfi\n\n# Use \"xargs\" to parse quoted args.\n#\n# With -n1 it outputs one arg per line, with the quotes and backslashes removed.\n#\n# In Bash we could simply go:\n#\n# readarray ARGS < <( xargs -n1 <<<\"$var\" ) &&\n# set -- \"${ARGS[@]}\" \"$@\"\n#\n# but POSIX shell has neither arrays nor command substitution, so instead we\n# post-process each arg (as a line of input to sed) to backslash-escape any\n# character that might be a shell metacharacter, then use eval to reverse\n# that process (while maintaining the separation between arguments), and wrap\n# the whole thing up as a single \"set\" statement.\n#\n# This will of course break if any of these variables contains a newline or\n# an unmatched quote.\n#\n\neval \"set -- $(\n printf '%s\\n' \"$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS\" |\n xargs -n1 |\n sed ' s~[^-[:alnum:]+,./:=@_]~\\\\&~g; ' |\n tr '\\n' ' '\n )\" '\"$@\"'\n\nexec \"$JAVACMD\" \"$@\"\n"
},
{
"path": "examples/SampleApp/android/gradlew.bat",
"content": "@REM Copyright (c) Meta Platforms, Inc. and affiliates.\n@REM\n@REM This source code is licensed under the MIT license found in the\n@REM LICENSE file in the root directory of this source tree.\n\n@rem\n@rem Copyright 2015 the original author or authors.\n@rem\n@rem Licensed under the Apache License, Version 2.0 (the \"License\");\n@rem you may not use this file except in compliance with the License.\n@rem You may obtain a copy of the License at\n@rem\n@rem https://www.apache.org/licenses/LICENSE-2.0\n@rem\n@rem Unless required by applicable law or agreed to in writing, software\n@rem distributed under the License is distributed on an \"AS IS\" BASIS,\n@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n@rem See the License for the specific language governing permissions and\n@rem limitations under the License.\n@rem\n@rem SPDX-License-Identifier: Apache-2.0\n@rem\n\n@if \"%DEBUG%\"==\"\" @echo off\n@rem ##########################################################################\n@rem\n@rem Gradle startup script for Windows\n@rem\n@rem ##########################################################################\n\n@rem Set local scope for the variables with windows NT shell\nif \"%OS%\"==\"Windows_NT\" setlocal\n\nset DIRNAME=%~dp0\nif \"%DIRNAME%\"==\"\" set DIRNAME=.\n@rem This is normally unused\nset APP_BASE_NAME=%~n0\nset APP_HOME=%DIRNAME%\n\n@rem Resolve any \".\" and \"..\" in APP_HOME to make it shorter.\nfor %%i in (\"%APP_HOME%\") do set APP_HOME=%%~fi\n\n@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.\nset DEFAULT_JVM_OPTS=\"-Xmx64m\" \"-Xms64m\"\n\n@rem Find java.exe\nif defined JAVA_HOME goto findJavaFromJavaHome\n\nset JAVA_EXE=java.exe\n%JAVA_EXE% -version >NUL 2>&1\nif %ERRORLEVEL% equ 0 goto execute\n\necho. 1>&2\necho ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2\necho. 1>&2\necho Please set the JAVA_HOME variable in your environment to match the 1>&2\necho location of your Java installation. 1>&2\n\ngoto fail\n\n:findJavaFromJavaHome\nset JAVA_HOME=%JAVA_HOME:\"=%\nset JAVA_EXE=%JAVA_HOME%/bin/java.exe\n\nif exist \"%JAVA_EXE%\" goto execute\n\necho. 1>&2\necho ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2\necho. 1>&2\necho Please set the JAVA_HOME variable in your environment to match the 1>&2\necho location of your Java installation. 1>&2\n\ngoto fail\n\n:execute\n@rem Setup the command line\n\nset CLASSPATH=\n\n\n@rem Execute Gradle\n\"%JAVA_EXE%\" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% \"-Dorg.gradle.appname=%APP_BASE_NAME%\" -classpath \"%CLASSPATH%\" -jar \"%APP_HOME%\\gradle\\wrapper\\gradle-wrapper.jar\" %*\n\n:end\n@rem End local scope for the variables with windows NT shell\nif %ERRORLEVEL% equ 0 goto mainEnd\n\n:fail\nrem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of\nrem the _cmd.exe /c_ return code!\nset EXIT_CODE=%ERRORLEVEL%\nif %EXIT_CODE% equ 0 set EXIT_CODE=1\nif not \"\"==\"%GRADLE_EXIT_CONSOLE%\" exit %EXIT_CODE%\nexit /b %EXIT_CODE%\n\n:mainEnd\nif \"%OS%\"==\"Windows_NT\" endlocal\n\n:omega\n"
},
{
"path": "examples/SampleApp/android/settings.gradle",
"content": "pluginManagement { includeBuild(\"../node_modules/@react-native/gradle-plugin\") }\nplugins { id(\"com.facebook.react.settings\") }\nextensions.configure(com.facebook.react.ReactSettingsExtension){ ex -> ex.autolinkLibrariesFromCommand() }\nrootProject.name = 'SampleApp'\ninclude ':app'\nincludeBuild('../node_modules/@react-native/gradle-plugin')\n"
},
{
"path": "examples/SampleApp/app.json",
"content": "{\n \"name\": \"sampleapp\",\n \"displayName\": \"sampleapp\"\n}\n"
},
{
"path": "examples/SampleApp/babel.config.js",
"content": "module.exports = {\n presets: ['module:@react-native/babel-preset'],\n};\n"
},
{
"path": "examples/SampleApp/gesture-handler.js",
"content": ""
},
{
"path": "examples/SampleApp/gesture-handler.native.js",
"content": "// Only import react-native-gesture-handler on native platforms\nimport 'react-native-gesture-handler';"
},
{
"path": "examples/SampleApp/index.js",
"content": "import {AppRegistry} from 'react-native';\nimport App from './App';\nimport {name as appName} from './app.json';\nimport AppErrorBoundary from './AppErrorBoundary';\nimport {ActiveChatProvider} from './src/utils/ActiveChatContext';\n\nif (global?.ErrorUtils) {\n const defaultHandler = global.ErrorUtils.getGlobalHandler();\n\n function globalErrorHandler(error, isFatal) {\n console.log(\n '[GlobalErrorHandler]:',\n isFatal ? 'Fatal:' : 'Non-Fatal:',\n error,\n );\n defaultHandler?.(error, isFatal);\n }\n\n global.ErrorUtils.setGlobalHandler(globalErrorHandler);\n}\n\nif (typeof process === 'object' && process.on) {\n process.on('unhandledRejection', (reason, promise) => {\n console.log('[Unhandled Promise Rejection]:', reason);\n });\n}\n\nconst Root = () => (\n \n \n \n \n);\n\nAppRegistry.registerComponent(appName, () => Root);\n"
},
{
"path": "examples/SampleApp/ios/.xcode.env",
"content": "# This `.xcode.env` file is versioned and is used to source the environment\n# used when running script phases inside Xcode.\n# To customize your local environment, you can create an `.xcode.env.local`\n# file that is not versioned.\n\n# NODE_BINARY variable contains the PATH to the node executable.\n#\n# Customize the NODE_BINARY variable here.\n# For example, to use nvm with brew, add the following line\n# . \"$(brew --prefix nvm)/nvm.sh\" --no-use\nexport NODE_BINARY=$(command -v node)\n"
},
{
"path": "examples/SampleApp/ios/Podfile",
"content": "# Resolve react_native_pods.rb with node to allow for hoisting\nrequire Pod::Executable.execute_command('node', ['-p',\n 'require.resolve(\n \"react-native/scripts/react_native_pods.rb\",\n {paths: [process.argv[1]]},\n )', __dir__]).strip\n\nplatform :ios, min_ios_version_supported\nprepare_react_native_project!\n\nuse_frameworks! :linkage => :static\n\ntarget 'SampleApp' do\n config = use_native_modules!\n\n pod 'SPTPersistentCache', :modular_headers => true\n pod 'DVAssetLoaderDelegate', :modular_headers => true\n\n use_react_native!(\n :path => config[:reactNativePath],\n # An absolute path to your application root.\n :app_path => \"#{Pod::Config.instance.installation_root}/..\"\n )\n\n post_install do |installer|\n # https://github.com/facebook/react-native/blob/main/packages/react-native/scripts/react_native_pods.rb#L197-L202\n react_native_post_install(\n installer,\n config[:reactNativePath],\n :mac_catalyst_enabled => false,\n # :ccache_enabled => true\n )\n\n # Fix fmt consteval compilation error with Xcode 26+\n # https://github.com/expo/expo/issues/44229\n fmt_base = File.join(installer.sandbox.pod_dir('fmt'), 'include', 'fmt', 'base.h')\n if File.exist?(fmt_base)\n content = File.read(fmt_base)\n patched = content.gsub(/^#\\s*define FMT_USE_CONSTEVAL 1$/, '# define FMT_USE_CONSTEVAL 0')\n if patched != content\n File.chmod(0644, fmt_base)\n File.write(fmt_base, patched)\n end\n end\n end\nend\n"
},
{
"path": "examples/SampleApp/ios/SampleApp/AppDelegate.swift",
"content": "import UIKit\nimport React\nimport React_RCTAppDelegate\nimport ReactAppDependencyProvider\n\n@main\nclass AppDelegate: UIResponder, UIApplicationDelegate {\n var window: UIWindow?\n\n var reactNativeDelegate: ReactNativeDelegate?\n var reactNativeFactory: RCTReactNativeFactory?\n\n func application(\n _ application: UIApplication,\n didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? = nil\n ) -> Bool {\n let delegate = ReactNativeDelegate()\n let factory = RCTReactNativeFactory(delegate: delegate)\n delegate.dependencyProvider = RCTAppDependencyProvider()\n\n reactNativeDelegate = delegate\n reactNativeFactory = factory\n\n window = UIWindow(frame: UIScreen.main.bounds)\n\n factory.startReactNative(\n withModuleName: \"sampleapp\",\n in: window,\n launchOptions: launchOptions\n )\n\n return true\n }\n}\n\nclass ReactNativeDelegate: RCTDefaultReactNativeFactoryDelegate {\n override func sourceURL(for bridge: RCTBridge) -> URL? {\n self.bundleURL()\n }\n\n override func bundleURL() -> URL? {\n#if DEBUG\n RCTBundleURLProvider.sharedSettings().jsBundleURL(forBundleRoot: \"index\")\n#else\n Bundle.main.url(forResource: \"main\", withExtension: \"jsbundle\")\n#endif\n }\n}\n"
},
{
"path": "examples/SampleApp/ios/SampleApp/Images.xcassets/AppIcon.appiconset/Contents.json",
"content": "{\n \"images\" : [\n {\n \"filename\" : \"CometChat_React_Native_40x40.png\",\n \"idiom\" : \"iphone\",\n \"scale\" : \"2x\",\n \"size\" : \"20x20\"\n },\n {\n \"filename\" : \"CometChat_React_Native_60x60.png\",\n \"idiom\" : \"iphone\",\n \"scale\" : \"3x\",\n \"size\" : \"20x20\"\n },\n {\n \"filename\" : \"CometChat_React_Native_58x58.png\",\n \"idiom\" : \"iphone\",\n \"scale\" : \"2x\",\n \"size\" : \"29x29\"\n },\n {\n \"filename\" : \"CometChat_React_Native_87x87.png\",\n \"idiom\" : \"iphone\",\n \"scale\" : \"3x\",\n \"size\" : \"29x29\"\n },\n {\n \"filename\" : \"CometChat_React_Native_80x80.png\",\n \"idiom\" : \"iphone\",\n \"scale\" : \"2x\",\n \"size\" : \"40x40\"\n },\n {\n \"filename\" : \"CometChat_React_Native_120x120 1.png\",\n \"idiom\" : \"iphone\",\n \"scale\" : \"3x\",\n \"size\" : \"40x40\"\n },\n {\n \"filename\" : \"CometChat_React_Native_120x120.png\",\n \"idiom\" : \"iphone\",\n \"scale\" : \"2x\",\n \"size\" : \"60x60\"\n },\n {\n \"filename\" : \"CometChat_React_Native_180x180.png\",\n \"idiom\" : \"iphone\",\n \"scale\" : \"3x\",\n \"size\" : \"60x60\"\n },\n {\n \"filename\" : \"CometChat React native.png\",\n \"idiom\" : \"ios-marketing\",\n \"scale\" : \"1x\",\n \"size\" : \"1024x1024\"\n }\n ],\n \"info\" : {\n \"author\" : \"xcode\",\n \"version\" : 1\n }\n}\n"
},
{
"path": "examples/SampleApp/ios/SampleApp/Images.xcassets/Contents.json",
"content": "{\n \"info\" : {\n \"version\" : 1,\n \"author\" : \"xcode\"\n }\n}\n"
},
{
"path": "examples/SampleApp/ios/SampleApp/Info.plist",
"content": "\n\n\n\n\tCFBundleDevelopmentRegion \n\ten \n\tCFBundleDisplayName \n\tsampleapp \n\tCFBundleExecutable \n\t$(EXECUTABLE_NAME) \n\tCFBundleIdentifier \n\t$(PRODUCT_BUNDLE_IDENTIFIER) \n\tCFBundleInfoDictionaryVersion \n\t6.0 \n\tCFBundleName \n\t$(PRODUCT_NAME) \n\tCFBundlePackageType \n\tAPPL \n\tCFBundleShortVersionString \n\t$(MARKETING_VERSION) \n\tCFBundleSignature \n\t???? \n\tCFBundleVersion \n\t$(CURRENT_PROJECT_VERSION) \n\tLSRequiresIPhoneOS \n\tNSAppTransportSecurity \n\t\n\tNSAllowsArbitraryLoads \n\tNSAllowsLocalNetworking \n\t \n\tNSCameraUsageDescription \n\tThis is for Camera permission \n\tNSLocationWhenInUseUsageDescription \n\tNSMicrophoneUsageDescription \n\tThis is for Mic permission \n\tRCTNewArchEnabled \n\tUILaunchStoryboardName \n\tLaunchScreen \n\tUIRequiredDeviceCapabilities \n\t\n\t\tarm64 \n\t \n\tUISupportedInterfaceOrientations \n\t\n\t\tUIInterfaceOrientationPortrait \n\t\tUIInterfaceOrientationLandscapeLeft \n\t\tUIInterfaceOrientationLandscapeRight \n\t \n\tUISupportedInterfaceOrientations~ipad \n\t\n\t\tUIInterfaceOrientationPortrait \n\t\tUIInterfaceOrientationLandscapeLeft \n\t\tUIInterfaceOrientationLandscapeRight \n\t \n\tUIViewControllerBasedStatusBarAppearance \n\tUIAppFonts \n \t\n\t\tinter_regular.ttf \n \t\tinter_medium.ttf \n \t\tinter_bold.ttf \n \t\troboto_regular.ttf \n \t\troboto_medium.ttf \n \t\troboto_bold.ttf \n \t\ttimes_new_roman_regular.ttf \n \t\ttimes_new_roman_medium.otf \n \t\ttimes_new_roman_bold.ttf \n \t \n \n \n"
},
{
"path": "examples/SampleApp/ios/SampleApp/LaunchScreen.storyboard",
"content": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n"
},
{
"path": "examples/SampleApp/ios/SampleApp/PrivacyInfo.xcprivacy",
"content": "\n\n\n\n\tNSPrivacyAccessedAPITypes \n\t\n\t\t\n\t\t\tNSPrivacyAccessedAPIType \n\t\t\tNSPrivacyAccessedAPICategoryFileTimestamp \n\t\t\tNSPrivacyAccessedAPITypeReasons \n\t\t\t\n\t\t\t\tC617.1 \n\t\t\t \n\t\t \n\t\t\n\t\t\tNSPrivacyAccessedAPIType \n\t\t\tNSPrivacyAccessedAPICategoryUserDefaults \n\t\t\tNSPrivacyAccessedAPITypeReasons \n\t\t\t\n\t\t\t\tCA92.1 \n\t\t\t \n\t\t \n\t\t\n\t\t\tNSPrivacyAccessedAPIType \n\t\t\tNSPrivacyAccessedAPICategorySystemBootTime \n\t\t\tNSPrivacyAccessedAPITypeReasons \n\t\t\t\n\t\t\t\t35F9.1 \n\t\t\t \n\t\t \n\t \n\tNSPrivacyCollectedDataTypes \n\tNSPrivacyTracking \n\t \n \n"
},
{
"path": "examples/SampleApp/ios/SampleApp.xcodeproj/project.pbxproj",
"content": "// !$*UTF8*$!\n{\n\tarchiveVersion = 1;\n\tclasses = {\n\t};\n\tobjectVersion = 54;\n\tobjects = {\n\n/* Begin PBXBuildFile section */\n\t\t13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };\n\t\t295B57B00587C81464D7BEFE /* Pods_SampleApp.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 5D33CE56D95E35081CB0ADFD /* Pods_SampleApp.framework */; };\n\t\t761780ED2CA45674006654EE /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 761780EC2CA45674006654EE /* AppDelegate.swift */; };\n\t\t81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };\n\t\tBDCB18E08DA1EE3CCF31234A /* PrivacyInfo.xcprivacy in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */; };\n/* End PBXBuildFile section */\n\n/* Begin PBXFileReference section */\n\t\t1080499FF01EB6C0E2E655F6 /* Pods-SampleApp.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = \"Pods-SampleApp.debug.xcconfig\"; path = \"Target Support Files/Pods-SampleApp/Pods-SampleApp.debug.xcconfig\"; sourceTree = \"\"; };\n\t\t13B07F961A680F5B00A75B9A /* SampleApp.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = SampleApp.app; sourceTree = BUILT_PRODUCTS_DIR; };\n\t\t13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = SampleApp/Images.xcassets; sourceTree = \"\"; };\n\t\t13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = SampleApp/Info.plist; sourceTree = \"\"; };\n\t\t13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = PrivacyInfo.xcprivacy; path = SampleApp/PrivacyInfo.xcprivacy; sourceTree = \"\"; };\n\t\t24B03C26D609B5A540B05A65 /* Pods-SampleApp.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = \"Pods-SampleApp.release.xcconfig\"; path = \"Target Support Files/Pods-SampleApp/Pods-SampleApp.release.xcconfig\"; sourceTree = \"\"; };\n\t\t5D33CE56D95E35081CB0ADFD /* Pods_SampleApp.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_SampleApp.framework; sourceTree = BUILT_PRODUCTS_DIR; };\n\t\t761780EC2CA45674006654EE /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = AppDelegate.swift; path = SampleApp/AppDelegate.swift; sourceTree = \"\"; };\n\t\t81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = SampleApp/LaunchScreen.storyboard; sourceTree = \"\"; };\n\t\tED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };\n/* End PBXFileReference section */\n\n/* Begin PBXFrameworksBuildPhase section */\n\t\t13B07F8C1A680F5B00A75B9A /* Frameworks */ = {\n\t\t\tisa = PBXFrameworksBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\t295B57B00587C81464D7BEFE /* Pods_SampleApp.framework in Frameworks */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n/* End PBXFrameworksBuildPhase section */\n\n/* Begin PBXGroup section */\n\t\t13B07FAE1A68108700A75B9A /* SampleApp */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t13B07FB51A68108700A75B9A /* Images.xcassets */,\n\t\t\t\t761780EC2CA45674006654EE /* AppDelegate.swift */,\n\t\t\t\t13B07FB61A68108700A75B9A /* Info.plist */,\n\t\t\t\t81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */,\n\t\t\t\t13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */,\n\t\t\t);\n\t\t\tname = SampleApp;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t2D16E6871FA4F8E400B85C8A /* Frameworks */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\tED297162215061F000B7C4FE /* JavaScriptCore.framework */,\n\t\t\t\t5D33CE56D95E35081CB0ADFD /* Pods_SampleApp.framework */,\n\t\t\t);\n\t\t\tname = Frameworks;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t832341AE1AAA6A7D00B99B32 /* Libraries */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t);\n\t\t\tname = Libraries;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t83CBB9F61A601CBA00E9B192 = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t13B07FAE1A68108700A75B9A /* SampleApp */,\n\t\t\t\t832341AE1AAA6A7D00B99B32 /* Libraries */,\n\t\t\t\t83CBBA001A601CBA00E9B192 /* Products */,\n\t\t\t\t2D16E6871FA4F8E400B85C8A /* Frameworks */,\n\t\t\t\tBBD78D7AC51CEA395F1C20DB /* Pods */,\n\t\t\t);\n\t\t\tindentWidth = 2;\n\t\t\tsourceTree = \"\";\n\t\t\ttabWidth = 2;\n\t\t\tusesTabs = 0;\n\t\t};\n\t\t83CBBA001A601CBA00E9B192 /* Products */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t13B07F961A680F5B00A75B9A /* SampleApp.app */,\n\t\t\t);\n\t\t\tname = Products;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\tBBD78D7AC51CEA395F1C20DB /* Pods */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t1080499FF01EB6C0E2E655F6 /* Pods-SampleApp.debug.xcconfig */,\n\t\t\t\t24B03C26D609B5A540B05A65 /* Pods-SampleApp.release.xcconfig */,\n\t\t\t);\n\t\t\tpath = Pods;\n\t\t\tsourceTree = \"\";\n\t\t};\n/* End PBXGroup section */\n\n/* Begin PBXNativeTarget section */\n\t\t13B07F861A680F5B00A75B9A /* SampleApp */ = {\n\t\t\tisa = PBXNativeTarget;\n\t\t\tbuildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget \"SampleApp\" */;\n\t\t\tbuildPhases = (\n\t\t\t\t93A7E3EE15C66A560927690C /* [CP] Check Pods Manifest.lock */,\n\t\t\t\t13B07F871A680F5B00A75B9A /* Sources */,\n\t\t\t\t13B07F8C1A680F5B00A75B9A /* Frameworks */,\n\t\t\t\t13B07F8E1A680F5B00A75B9A /* Resources */,\n\t\t\t\t00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,\n\t\t\t\tB26D7914AEF39D3B5D13EA59 /* [CP] Embed Pods Frameworks */,\n\t\t\t\t313738ECC7D8394BE4D3F3F3 /* [CP] Copy Pods Resources */,\n\t\t\t);\n\t\t\tbuildRules = (\n\t\t\t);\n\t\t\tdependencies = (\n\t\t\t);\n\t\t\tname = SampleApp;\n\t\t\tproductName = SampleApp;\n\t\t\tproductReference = 13B07F961A680F5B00A75B9A /* SampleApp.app */;\n\t\t\tproductType = \"com.apple.product-type.application\";\n\t\t};\n/* End PBXNativeTarget section */\n\n/* Begin PBXProject section */\n\t\t83CBB9F71A601CBA00E9B192 /* Project object */ = {\n\t\t\tisa = PBXProject;\n\t\t\tattributes = {\n\t\t\t\tLastUpgradeCheck = 1210;\n\t\t\t\tTargetAttributes = {\n\t\t\t\t\t13B07F861A680F5B00A75B9A = {\n\t\t\t\t\t\tLastSwiftMigration = 1120;\n\t\t\t\t\t};\n\t\t\t\t};\n\t\t\t};\n\t\t\tbuildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject \"SampleApp\" */;\n\t\t\tcompatibilityVersion = \"Xcode 12.0\";\n\t\t\tdevelopmentRegion = en;\n\t\t\thasScannedForEncodings = 0;\n\t\t\tknownRegions = (\n\t\t\t\ten,\n\t\t\t\tBase,\n\t\t\t);\n\t\t\tmainGroup = 83CBB9F61A601CBA00E9B192;\n\t\t\tproductRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;\n\t\t\tprojectDirPath = \"\";\n\t\t\tprojectRoot = \"\";\n\t\t\ttargets = (\n\t\t\t\t13B07F861A680F5B00A75B9A /* SampleApp */,\n\t\t\t);\n\t\t};\n/* End PBXProject section */\n\n/* Begin PBXResourcesBuildPhase section */\n\t\t13B07F8E1A680F5B00A75B9A /* Resources */ = {\n\t\t\tisa = PBXResourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\t81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */,\n\t\t\t\t13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,\n\t\t\t\tBDCB18E08DA1EE3CCF31234A /* PrivacyInfo.xcprivacy in Resources */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n/* End PBXResourcesBuildPhase section */\n\n/* Begin PBXShellScriptBuildPhase section */\n\t\t00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = {\n\t\t\tisa = PBXShellScriptBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\tinputPaths = (\n\t\t\t\t\"$(SRCROOT)/.xcode.env.local\",\n\t\t\t\t\"$(SRCROOT)/.xcode.env\",\n\t\t\t);\n\t\t\tname = \"Bundle React Native code and images\";\n\t\t\toutputPaths = (\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t\tshellPath = /bin/sh;\n\t\t\tshellScript = \"set -e\\n\\nWITH_ENVIRONMENT=\\\"$REACT_NATIVE_PATH/scripts/xcode/with-environment.sh\\\"\\nREACT_NATIVE_XCODE=\\\"$REACT_NATIVE_PATH/scripts/react-native-xcode.sh\\\"\\n\\n/bin/sh -c \\\"$WITH_ENVIRONMENT $REACT_NATIVE_XCODE\\\"\\n\";\n\t\t};\n\t\t313738ECC7D8394BE4D3F3F3 /* [CP] Copy Pods Resources */ = {\n\t\t\tisa = PBXShellScriptBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\tinputFileListPaths = (\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-SampleApp/Pods-SampleApp-resources-${CONFIGURATION}-input-files.xcfilelist\",\n\t\t\t);\n\t\t\tname = \"[CP] Copy Pods Resources\";\n\t\t\toutputFileListPaths = (\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-SampleApp/Pods-SampleApp-resources-${CONFIGURATION}-output-files.xcfilelist\",\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t\tshellPath = /bin/sh;\n\t\t\tshellScript = \"\\\"${PODS_ROOT}/Target Support Files/Pods-SampleApp/Pods-SampleApp-resources.sh\\\"\\n\";\n\t\t\tshowEnvVarsInLog = 0;\n\t\t};\n\t\t93A7E3EE15C66A560927690C /* [CP] Check Pods Manifest.lock */ = {\n\t\t\tisa = PBXShellScriptBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\tinputFileListPaths = (\n\t\t\t);\n\t\t\tinputPaths = (\n\t\t\t\t\"${PODS_PODFILE_DIR_PATH}/Podfile.lock\",\n\t\t\t\t\"${PODS_ROOT}/Manifest.lock\",\n\t\t\t);\n\t\t\tname = \"[CP] Check Pods Manifest.lock\";\n\t\t\toutputFileListPaths = (\n\t\t\t);\n\t\t\toutputPaths = (\n\t\t\t\t\"$(DERIVED_FILE_DIR)/Pods-SampleApp-checkManifestLockResult.txt\",\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t\tshellPath = /bin/sh;\n\t\t\tshellScript = \"diff \\\"${PODS_PODFILE_DIR_PATH}/Podfile.lock\\\" \\\"${PODS_ROOT}/Manifest.lock\\\" > /dev/null\\nif [ $? != 0 ] ; then\\n # print error to STDERR\\n echo \\\"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\\\" >&2\\n exit 1\\nfi\\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\\necho \\\"SUCCESS\\\" > \\\"${SCRIPT_OUTPUT_FILE_0}\\\"\\n\";\n\t\t\tshowEnvVarsInLog = 0;\n\t\t};\n\t\tB26D7914AEF39D3B5D13EA59 /* [CP] Embed Pods Frameworks */ = {\n\t\t\tisa = PBXShellScriptBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\tinputFileListPaths = (\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-SampleApp/Pods-SampleApp-frameworks-${CONFIGURATION}-input-files.xcfilelist\",\n\t\t\t);\n\t\t\tname = \"[CP] Embed Pods Frameworks\";\n\t\t\toutputFileListPaths = (\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-SampleApp/Pods-SampleApp-frameworks-${CONFIGURATION}-output-files.xcfilelist\",\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t\tshellPath = /bin/sh;\n\t\t\tshellScript = \"\\\"${PODS_ROOT}/Target Support Files/Pods-SampleApp/Pods-SampleApp-frameworks.sh\\\"\\n\";\n\t\t\tshowEnvVarsInLog = 0;\n\t\t};\n/* End PBXShellScriptBuildPhase section */\n\n/* Begin PBXSourcesBuildPhase section */\n\t\t13B07F871A680F5B00A75B9A /* Sources */ = {\n\t\t\tisa = PBXSourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\t761780ED2CA45674006654EE /* AppDelegate.swift in Sources */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n/* End PBXSourcesBuildPhase section */\n\n/* Begin XCBuildConfiguration section */\n\t\t13B07F941A680F5B00A75B9A /* Debug */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbaseConfigurationReference = 1080499FF01EB6C0E2E655F6 /* Pods-SampleApp.debug.xcconfig */;\n\t\t\tbuildSettings = {\n\t\t\t\tASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;\n\t\t\t\tCLANG_ENABLE_MODULES = YES;\n\t\t\t\tCURRENT_PROJECT_VERSION = 1;\n\t\t\t\tDEVELOPMENT_TEAM = T9F7QDSC2S;\n\t\t\t\tENABLE_BITCODE = NO;\n\t\t\t\tINFOPLIST_FILE = SampleApp/Info.plist;\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 15.1;\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"@executable_path/Frameworks\",\n\t\t\t\t);\n\t\t\t\tMARKETING_VERSION = v5.3.4;\n\t\t\t\tOTHER_LDFLAGS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"-ObjC\",\n\t\t\t\t\t\"-lc++\",\n\t\t\t\t);\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = com.cometchat.internal.reactnative.ios;\n\t\t\t\tPRODUCT_NAME = SampleApp;\n\t\t\t\tSWIFT_OPTIMIZATION_LEVEL = \"-Onone\";\n\t\t\t\tSWIFT_VERSION = 5.0;\n\t\t\t\tVERSIONING_SYSTEM = \"apple-generic\";\n\t\t\t};\n\t\t\tname = Debug;\n\t\t};\n\t\t13B07F951A680F5B00A75B9A /* Release */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbaseConfigurationReference = 24B03C26D609B5A540B05A65 /* Pods-SampleApp.release.xcconfig */;\n\t\t\tbuildSettings = {\n\t\t\t\tASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;\n\t\t\t\tCLANG_ENABLE_MODULES = YES;\n\t\t\t\tCURRENT_PROJECT_VERSION = 1;\n\t\t\t\tDEVELOPMENT_TEAM = T9F7QDSC2S;\n\t\t\t\tINFOPLIST_FILE = SampleApp/Info.plist;\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 15.1;\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"@executable_path/Frameworks\",\n\t\t\t\t);\n\t\t\t\tMARKETING_VERSION = v5.3.4;\n\t\t\t\tOTHER_LDFLAGS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"-ObjC\",\n\t\t\t\t\t\"-lc++\",\n\t\t\t\t);\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = com.cometchat.internal.reactnative.ios;\n\t\t\t\tPRODUCT_NAME = SampleApp;\n\t\t\t\tSWIFT_VERSION = 5.0;\n\t\t\t\tVERSIONING_SYSTEM = \"apple-generic\";\n\t\t\t};\n\t\t\tname = Release;\n\t\t};\n\t\t83CBBA201A601CBA00E9B192 /* Debug */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tALWAYS_SEARCH_USER_PATHS = NO;\n\t\t\t\tCLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;\n\t\t\t\tCLANG_CXX_LANGUAGE_STANDARD = \"c++20\";\n\t\t\t\tCLANG_CXX_LIBRARY = \"libc++\";\n\t\t\t\tCLANG_ENABLE_MODULES = YES;\n\t\t\t\tCLANG_ENABLE_OBJC_ARC = YES;\n\t\t\t\tCLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;\n\t\t\t\tCLANG_WARN_BOOL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_COMMA = YES;\n\t\t\t\tCLANG_WARN_CONSTANT_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;\n\t\t\t\tCLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;\n\t\t\t\tCLANG_WARN_EMPTY_BODY = YES;\n\t\t\t\tCLANG_WARN_ENUM_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_INFINITE_RECURSION = YES;\n\t\t\t\tCLANG_WARN_INT_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;\n\t\t\t\tCLANG_WARN_OBJC_LITERAL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;\n\t\t\t\tCLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;\n\t\t\t\tCLANG_WARN_RANGE_LOOP_ANALYSIS = YES;\n\t\t\t\tCLANG_WARN_STRICT_PROTOTYPES = YES;\n\t\t\t\tCLANG_WARN_SUSPICIOUS_MOVE = YES;\n\t\t\t\tCLANG_WARN_UNREACHABLE_CODE = YES;\n\t\t\t\tCLANG_WARN__DUPLICATE_METHOD_MATCH = YES;\n\t\t\t\t\"CODE_SIGN_IDENTITY[sdk=iphoneos*]\" = \"iPhone Developer\";\n\t\t\t\tCOPY_PHASE_STRIP = NO;\n\t\t\t\tENABLE_STRICT_OBJC_MSGSEND = YES;\n\t\t\t\tENABLE_TESTABILITY = YES;\n\t\t\t\t\"EXCLUDED_ARCHS[sdk=iphonesimulator*]\" = \"\";\n\t\t\t\tGCC_C_LANGUAGE_STANDARD = gnu99;\n\t\t\t\tGCC_DYNAMIC_NO_PIC = NO;\n\t\t\t\tGCC_NO_COMMON_BLOCKS = YES;\n\t\t\t\tGCC_OPTIMIZATION_LEVEL = 0;\n\t\t\t\tGCC_PREPROCESSOR_DEFINITIONS = (\n\t\t\t\t\t\"DEBUG=1\",\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t);\n\t\t\t\tGCC_SYMBOLS_PRIVATE_EXTERN = NO;\n\t\t\t\tGCC_WARN_64_TO_32_BIT_CONVERSION = YES;\n\t\t\t\tGCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;\n\t\t\t\tGCC_WARN_UNDECLARED_SELECTOR = YES;\n\t\t\t\tGCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;\n\t\t\t\tGCC_WARN_UNUSED_FUNCTION = YES;\n\t\t\t\tGCC_WARN_UNUSED_VARIABLE = YES;\n\t\t\t\tHEADER_SEARCH_PATHS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-runtimeexecutor/React_runtimeexecutor.framework/Headers\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-runtimeexecutor/React_runtimeexecutor.framework/Headers/platform/ios\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon-Samples/ReactCommon_Samples.framework/Headers\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon-Samples/ReactCommon_Samples.framework/Headers/platform/ios\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-NativeModulesApple/React_NativeModulesApple.framework/Headers\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios\",\n\t\t\t\t);\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 15.1;\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\n\t\t\t\t\t/usr/lib/swift,\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t);\n\t\t\t\tLIBRARY_SEARCH_PATHS = (\n\t\t\t\t\t\"\\\"$(SDKROOT)/usr/lib/swift\\\"\",\n\t\t\t\t\t\"\\\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\\\"\",\n\t\t\t\t\t\"\\\"$(inherited)\\\"\",\n\t\t\t\t);\n\t\t\t\tMTL_ENABLE_DEBUG_INFO = YES;\n\t\t\t\tONLY_ACTIVE_ARCH = YES;\n\t\t\t\tOTHER_CPLUSPLUSFLAGS = (\n\t\t\t\t\t\"$(OTHER_CFLAGS)\",\n\t\t\t\t\t\"-DFOLLY_NO_CONFIG\",\n\t\t\t\t\t\"-DFOLLY_MOBILE=1\",\n\t\t\t\t\t\"-DFOLLY_USE_LIBCPP=1\",\n\t\t\t\t\t\"-DFOLLY_CFG_NO_COROUTINES=1\",\n\t\t\t\t\t\"-DFOLLY_HAVE_CLOCK_GETTIME=1\",\n\t\t\t\t);\n\t\t\t\tREACT_NATIVE_PATH = \"${PODS_ROOT}/../../node_modules/react-native\";\n\t\t\t\tSDKROOT = iphoneos;\n\t\t\t\tSWIFT_ACTIVE_COMPILATION_CONDITIONS = \"$(inherited) DEBUG\";\n\t\t\t\tUSE_HERMES = true;\n\t\t\t};\n\t\t\tname = Debug;\n\t\t};\n\t\t83CBBA211A601CBA00E9B192 /* Release */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tALWAYS_SEARCH_USER_PATHS = NO;\n\t\t\t\tCLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;\n\t\t\t\tCLANG_CXX_LANGUAGE_STANDARD = \"c++20\";\n\t\t\t\tCLANG_CXX_LIBRARY = \"libc++\";\n\t\t\t\tCLANG_ENABLE_MODULES = YES;\n\t\t\t\tCLANG_ENABLE_OBJC_ARC = YES;\n\t\t\t\tCLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;\n\t\t\t\tCLANG_WARN_BOOL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_COMMA = YES;\n\t\t\t\tCLANG_WARN_CONSTANT_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;\n\t\t\t\tCLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;\n\t\t\t\tCLANG_WARN_EMPTY_BODY = YES;\n\t\t\t\tCLANG_WARN_ENUM_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_INFINITE_RECURSION = YES;\n\t\t\t\tCLANG_WARN_INT_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;\n\t\t\t\tCLANG_WARN_OBJC_LITERAL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;\n\t\t\t\tCLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;\n\t\t\t\tCLANG_WARN_RANGE_LOOP_ANALYSIS = YES;\n\t\t\t\tCLANG_WARN_STRICT_PROTOTYPES = YES;\n\t\t\t\tCLANG_WARN_SUSPICIOUS_MOVE = YES;\n\t\t\t\tCLANG_WARN_UNREACHABLE_CODE = YES;\n\t\t\t\tCLANG_WARN__DUPLICATE_METHOD_MATCH = YES;\n\t\t\t\t\"CODE_SIGN_IDENTITY[sdk=iphoneos*]\" = \"iPhone Developer\";\n\t\t\t\tCOPY_PHASE_STRIP = YES;\n\t\t\t\tENABLE_NS_ASSERTIONS = NO;\n\t\t\t\tENABLE_STRICT_OBJC_MSGSEND = YES;\n\t\t\t\t\"EXCLUDED_ARCHS[sdk=iphonesimulator*]\" = \"\";\n\t\t\t\tGCC_C_LANGUAGE_STANDARD = gnu99;\n\t\t\t\tGCC_NO_COMMON_BLOCKS = YES;\n\t\t\t\tGCC_WARN_64_TO_32_BIT_CONVERSION = YES;\n\t\t\t\tGCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;\n\t\t\t\tGCC_WARN_UNDECLARED_SELECTOR = YES;\n\t\t\t\tGCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;\n\t\t\t\tGCC_WARN_UNUSED_FUNCTION = YES;\n\t\t\t\tGCC_WARN_UNUSED_VARIABLE = YES;\n\t\t\t\tHEADER_SEARCH_PATHS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-runtimeexecutor/React_runtimeexecutor.framework/Headers\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-runtimeexecutor/React_runtimeexecutor.framework/Headers/platform/ios\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon-Samples/ReactCommon_Samples.framework/Headers\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon-Samples/ReactCommon_Samples.framework/Headers/platform/ios\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-NativeModulesApple/React_NativeModulesApple.framework/Headers\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios\",\n\t\t\t\t);\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 15.1;\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\n\t\t\t\t\t/usr/lib/swift,\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t);\n\t\t\t\tLIBRARY_SEARCH_PATHS = (\n\t\t\t\t\t\"\\\"$(SDKROOT)/usr/lib/swift\\\"\",\n\t\t\t\t\t\"\\\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\\\"\",\n\t\t\t\t\t\"\\\"$(inherited)\\\"\",\n\t\t\t\t);\n\t\t\t\tMTL_ENABLE_DEBUG_INFO = NO;\n\t\t\t\tOTHER_CPLUSPLUSFLAGS = (\n\t\t\t\t\t\"$(OTHER_CFLAGS)\",\n\t\t\t\t\t\"-DFOLLY_NO_CONFIG\",\n\t\t\t\t\t\"-DFOLLY_MOBILE=1\",\n\t\t\t\t\t\"-DFOLLY_USE_LIBCPP=1\",\n\t\t\t\t\t\"-DFOLLY_CFG_NO_COROUTINES=1\",\n\t\t\t\t\t\"-DFOLLY_HAVE_CLOCK_GETTIME=1\",\n\t\t\t\t);\n\t\t\t\tREACT_NATIVE_PATH = \"${PODS_ROOT}/../../node_modules/react-native\";\n\t\t\t\tSDKROOT = iphoneos;\n\t\t\t\tUSE_HERMES = true;\n\t\t\t\tVALIDATE_PRODUCT = YES;\n\t\t\t};\n\t\t\tname = Release;\n\t\t};\n/* End XCBuildConfiguration section */\n\n/* Begin XCConfigurationList section */\n\t\t13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget \"SampleApp\" */ = {\n\t\t\tisa = XCConfigurationList;\n\t\t\tbuildConfigurations = (\n\t\t\t\t13B07F941A680F5B00A75B9A /* Debug */,\n\t\t\t\t13B07F951A680F5B00A75B9A /* Release */,\n\t\t\t);\n\t\t\tdefaultConfigurationIsVisible = 0;\n\t\t\tdefaultConfigurationName = Release;\n\t\t};\n\t\t83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject \"SampleApp\" */ = {\n\t\t\tisa = XCConfigurationList;\n\t\t\tbuildConfigurations = (\n\t\t\t\t83CBBA201A601CBA00E9B192 /* Debug */,\n\t\t\t\t83CBBA211A601CBA00E9B192 /* Release */,\n\t\t\t);\n\t\t\tdefaultConfigurationIsVisible = 0;\n\t\t\tdefaultConfigurationName = Release;\n\t\t};\n/* End XCConfigurationList section */\n\t};\n\trootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;\n}\n"
},
{
"path": "examples/SampleApp/ios/SampleApp.xcodeproj/xcshareddata/xcschemes/SampleApp.xcscheme",
"content": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n"
},
{
"path": "examples/SampleApp/ios/SampleApp.xcworkspace/contents.xcworkspacedata",
"content": "\n\n \n \n \n \n\n"
},
{
"path": "examples/SampleApp/ios/SampleApp.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings",
"content": "\n\n\n \n"
},
{
"path": "examples/SampleApp/jest.config.js",
"content": "module.exports = {\n preset: 'react-native',\n};\n"
},
{
"path": "examples/SampleApp/metro.config.js",
"content": "const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');\n\n/**\n * Metro configuration\n * https://reactnative.dev/docs/metro\n *\n * @type {import('@react-native/metro-config').MetroConfig}\n */\nconst config = {};\n\nmodule.exports = mergeConfig(getDefaultConfig(__dirname), config);\n"
},
{
"path": "examples/SampleApp/package.json",
"content": "{\n \"name\": \"sample-app\",\n \"version\": \"5.3.4\",\n \"private\": true,\n \"scripts\": {\n \"android\": \"react-native run-android\",\n \"ios\": \"react-native run-ios\",\n \"lint\": \"eslint .\",\n \"start\": \"react-native start\",\n \"test\": \"jest\"\n },\n \"dependencies\": {\n \"@cometchat/calls-sdk-react-native\": \"^4.4.0\",\n \"@cometchat/chat-sdk-react-native\": \"^4.0.21\",\n \"@cometchat/chat-uikit-react-native\": \"^5.3.4\",\n \"@react-native-async-storage/async-storage\": \"^2.2.0\",\n \"@react-native-clipboard/clipboard\": \"^1.16.3\",\n \"@react-native-community/datetimepicker\": \"^8.4.5\",\n \"@react-native-community/netinfo\": \"^11.4.1\",\n \"@react-native/new-app-screen\": \"0.81.4\",\n \"@react-navigation/bottom-tabs\": \"^7.4.7\",\n \"@react-navigation/native\": \"^7.1.17\",\n \"@react-navigation/native-stack\": \"^7.14.12\",\n \"@react-navigation/stack\": \"^7.4.8\",\n \"dayjs\": \"^1.11.18\",\n \"react\": \"19.1.0\",\n \"react-native\": \"0.81.4\",\n \"react-native-background-timer\": \"^2.4.1\",\n \"react-native-callstats\": \"^3.73.22\",\n \"react-native-gesture-handler\": \"^2.28.0\",\n \"react-native-localize\": \"^3.5.2\",\n \"react-native-safe-area-context\": \"^5.5.2\",\n \"react-native-screens\": \"^4.16.0\",\n \"react-native-svg\": \"^15.13.0\",\n \"react-native-video\": \"^6.16.1\",\n \"react-native-vision-camera\": \"^4.7.2\",\n \"react-native-webrtc\": \"^124.0.7\",\n \"zustand\": \"^5.0.8\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.25.2\",\n \"@babel/preset-env\": \"^7.25.3\",\n \"@babel/runtime\": \"^7.25.0\",\n \"@react-native-community/cli\": \"20.0.0\",\n \"@react-native-community/cli-platform-android\": \"20.0.0\",\n \"@react-native-community/cli-platform-ios\": \"20.0.0\",\n \"@react-native/babel-preset\": \"0.81.4\",\n \"@react-native/eslint-config\": \"0.81.4\",\n \"@react-native/metro-config\": \"0.81.4\",\n \"@react-native/typescript-config\": \"0.81.4\",\n \"@types/jest\": \"^29.5.13\",\n \"@types/react\": \"^19.1.0\",\n \"@types/react-test-renderer\": \"^19.1.0\",\n \"eslint\": \"^8.19.0\",\n \"jest\": \"^29.6.3\",\n \"prettier\": \"2.8.8\",\n \"react-test-renderer\": \"19.1.0\",\n \"typescript\": \"^5.8.3\"\n },\n \"engines\": {\n \"node\": \">=20\"\n }\n}\n"
},
{
"path": "examples/SampleApp/src/assets/icons/AccountCircle.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/AddComment.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/AiIcon.tsx",
"content": "import Svg, { Path, Defs, LinearGradient, Stop } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\n\nconst AiIcon = ({ width = 24, height = 24 }: SvgProps) => (\n \n \n \n \n \n \n);\n\nexport default AiIcon;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/ArrowBack.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/Block.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/Builder.tsx",
"content": "import React from \"react\";\nimport Svg, { Path, SvgProps } from \"react-native-svg\";\n\n\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\n\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/Call.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/CallFill.tsx",
"content": "import Svg, { Mask, Path, G } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n \n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/Chat.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/Chatfill.tsx",
"content": "import Svg, { Mask, Path, G } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n \n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/CheckFill.tsx",
"content": "import Svg, { Mask, Path, G } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n \n \n \n);\nexport default SvgComponent;"
},
{
"path": "examples/SampleApp/src/assets/icons/Close.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/Delete.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/Flash.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\n\nconst SvgComponent = ({ width = 24, height = 24, color }: SvgProps) => (\n \n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/GroupAdd.tsx",
"content": "import type { SvgProps } from \"react-native-svg\";\nimport Svg, { Path } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/GroupFill.tsx",
"content": "import Svg, { Mask, Path, G } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n \n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/Info.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/InfoIcon.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/Logout.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/Person.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/PersonAdd.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/PersonFill.tsx",
"content": "import Svg, { Mask, Path, G } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n \n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/PersonOff.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n \n \n \n \n \n);\n\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/assets/icons/VideoCam.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/components/AIAgent/AIAgents.tsx",
"content": "import {CometChat} from '@cometchat/chat-sdk-react-native';\nimport {CometChatUsers, useTheme} from '@cometchat/chat-uikit-react-native';\nimport React, {useCallback, useLayoutEffect} from 'react';\nimport {SafeAreaView} from 'react-native';\nimport {useFocusEffect, useNavigation} from '@react-navigation/native';\nimport {RootStackParamList} from '../../navigation/types';\nimport {StackNavigationProp} from '@react-navigation/stack';\n\ntype AIAgentNavigationProp = StackNavigationProp;\n\nconst AIAgents: React.FC = () => {\n const theme = useTheme();\n const navigation = useNavigation();\n const [shouldHide, setShouldHide] = React.useState(false);\n\n // Focus effect to manage component visibility\n useFocusEffect(\n useCallback(() => {\n setShouldHide(false);\n return () => {\n setShouldHide(true);\n };\n }, []),\n );\n\n // Configure header with back button\n useLayoutEffect(() => {\n navigation.setOptions({\n headerShown: false,\n title: 'AI Assistants',\n headerStyle: {\n backgroundColor: theme.color.background1,\n },\n headerTitleStyle: {\n color: theme.color.textPrimary,\n },\n });\n }, [navigation, theme]);\n\n const handleUserPress = (user: CometChat.User) => {\n navigation.navigate('Messages', { user });\n };\n\n return shouldHide ? null : (\n \n navigation.goBack()}\n usersRequestBuilder={new CometChat.UsersRequestBuilder()\n .setLimit(30)\n .hideBlockedUsers(false)\n .setRoles(['@agentic'])\n .friendsOnly(false)\n .setStatus('')\n .setTags([])\n .sortBy('name')\n .setUIDs([])}\n />\n \n );\n};\n\nexport default AIAgents;"
},
{
"path": "examples/SampleApp/src/components/calls/CallDetailHelper.tsx",
"content": "import {CometChatTheme, CometChatUIKit} from '@cometchat/chat-uikit-react-native';\nimport {CallMade, CallMissedOutgoingFill, CallReceived} from './icons';\nimport {JSX} from 'react';\nimport { getCometChatTranslation } from '@cometchat/chat-uikit-react-native';\nconst t = getCometChatTranslation();\n\ntype CallDirection = 'incoming' | 'outgoing';\n\nexport type CallStatus =\n | 'incoming'\n | 'outgoing'\n | 'incomingCallEnded'\n | 'outgoingCallEnded'\n | 'cancelledByMe'\n | 'cancelledByThem'\n | 'incomingRejected'\n | 'outgoingRejected'\n | 'incomingBusy'\n | 'outgoingBusy'\n | 'unansweredByMe'\n | 'unansweredByThem';\n\nexport class CallDetailHelper {\n static getFormattedInitiatedAt = (call: any): string => {\n const date = new Date(call.getInitiatedAt() * 1000);\n const now = new Date();\n\n // Extracting parts\n const day = date.getDate();\n const month = new Intl.DateTimeFormat('en-US', {month: 'long'}).format(\n date,\n );\n const year = date.getFullYear();\n const time = date.toLocaleTimeString('en-US', {\n hour: 'numeric',\n minute: '2-digit',\n hour12: true,\n });\n\n // Determine if the year should be included\n const includeYear = now.getFullYear() !== year;\n\n return `${day} ${month}${includeYear ? `, ${year}` : ''}, ${time}`;\n };\n\n /** Returns the UI-facing callStatus plus the direction */\n static getCallType = (\n call: any,\n ): {type: CallDirection; callStatus: CallStatus} => {\n const myUid = CometChatUIKit.loggedInUser?.getUid();\n const type: CallDirection =\n call.getInitiator().getUid() === myUid ? 'outgoing' : 'incoming';\n\n const statusMap: Record<\n string,\n {incoming: CallStatus; outgoing: CallStatus}\n > = {\n ended: {\n incoming: 'incomingCallEnded',\n outgoing: 'outgoingCallEnded',\n },\n rejected: {\n incoming: 'incomingRejected',\n outgoing: 'outgoingRejected',\n },\n cancelled: {\n incoming: 'unansweredByMe',\n outgoing: 'cancelledByMe',\n },\n unanswered: {\n incoming: 'unansweredByMe',\n outgoing: 'unansweredByThem',\n },\n initiated: {\n incoming: 'incoming',\n outgoing: 'outgoing',\n },\n busy: {\n incoming: 'incomingBusy',\n outgoing: 'outgoingBusy',\n },\n };\n\n return {\n type,\n callStatus:\n statusMap[call.getStatus() as keyof typeof statusMap]?.[type] ??\n (type === 'incoming' ? 'incoming' : 'outgoing'),\n };\n };\n\n /** Which SVG to render for a given callStatus */\n static getCallStatusDisplayIcon = (\n callStatus: CallStatus,\n theme: CometChatTheme,\n ): JSX.Element | undefined => {\n const icons: Record = {\n outgoing: = {\n outgoing: t('OUTGOING_CALL'),\n outgoingCallEnded: t('OUTGOING_CALL'),\n cancelledByMe: t('OUTGOING_CALL'),\n outgoingRejected: t('OUTGOING_CALL'),\n outgoingBusy: t('OUTGOING_CALL'),\n unansweredByThem: t('OUTGOING_CALL'),\n\n incoming: t('INCOMING_CALL'),\n incomingCallEnded: t('INCOMING_CALL'),\n cancelledByThem: t('MISSED_CALL'),\n incomingRejected: t('INCOMING_CALL'),\n incomingBusy: t('MISSED_CALL'),\n unansweredByMe: t('MISSED_CALL'),\n };\n\n return labels[callStatus];\n };\n}\n"
},
{
"path": "examples/SampleApp/src/components/calls/CallDetails.tsx",
"content": "import React, {\n JSX,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport {View, TouchableOpacity, Text, TextStyle, ViewStyle} from 'react-native';\nimport {CometChat} from '@cometchat/chat-sdk-react-native';\nimport {\n CometChatListItem,\n useCometChatTranslation,\n useTheme,\n useLocalizedDate,\n LocalizedDateHelper\n} from '@cometchat/chat-uikit-react-native';\nimport {CallHistory} from './CallHistory';\nimport {CallLogDetailHeader} from './CallLogDetailHeader';\nimport {Icon} from '@cometchat/chat-uikit-react-native';\nimport {CallParticipants} from './CallParticipants';\nimport {CallDetailHelper, CallStatus} from './CallDetailHelper';\nimport {CallRecordings} from './CallRecordings';\nimport {StackScreenProps} from '@react-navigation/stack';\nimport {ICONS} from '@cometchat/chat-uikit-react-native/src/shared/icons/icon-mapping';\nimport {RootStackParamList} from '../../navigation/types';\n\n\nconst listenerId = 'userListener_' + new Date().getTime();\nconst TABS = {\n DETAILS: 'Details',\n PARTICIPANTS: 'Participants',\n RECORDINGS: 'Recordings',\n HISTORY: 'History',\n};\n\ntype Props = StackScreenProps;\n\nexport const CallDetails: React.FC = ({route, navigation}) => {\n const {call} = route.params;\n\n const theme = useTheme();\n const {t, language} = useCometChatTranslation()\n const {formatDate}= useLocalizedDate()\n const [group, setGroup] = useState(null);\n const [user, setUser] = useState(null);\n const loggedInUser = useRef(null);\n const [selectedTab, setSelectedTab] = useState(TABS.PARTICIPANTS);\n const [tabStyle, setTableStyle] = useState<{\n containerStyle: ViewStyle;\n itemStyle: ViewStyle;\n selectedItemStyle: ViewStyle;\n itemEmojiStyle: TextStyle;\n selectedItemEmojiStyle: TextStyle;\n itemTextStyle: TextStyle;\n selectedItemTextStyle: TextStyle;\n }>();\n const BackIcon = ICONS['arrow-back'];\n const [toastMessage, setToastMessage] = useState(null);\n\n useEffect(() => {\n console.log('CALL RECEIVER: ', call);\n CometChat.getLoggedinUser().then((loggedUser: CometChat.User | any) => {\n loggedInUser.current = loggedUser;\n let user =\n call?.getReceiverType() == 'user'\n ? loggedInUser.current?.getUid() === call?.getInitiator()?.getUid()\n ? call.getReceiver()\n : call?.getInitiator()\n : undefined;\n let group =\n call?.getReceiverType() == 'group'\n ? loggedInUser.current?.getUid() === call?.getInitiator()?.getUid()\n ? call.getReceiver()\n : call?.getInitiator()\n : undefined;\n if (user) {\n CometChat.getUser(user.getUid()).then((userObject: CometChat.User) => {\n setUser(userObject);\n });\n return;\n }\n\n CometChat.getGroup(group.getGuid()).then(\n (groupObject: CometChat.Group) => {\n setGroup(groupObject);\n },\n );\n });\n }, [call]);\n\n useEffect(() => {\n CometChat.addUserListener(\n listenerId,\n new CometChat.UserListener({\n onUserOnline: (userDetails: any) => {\n if (user?.getUid() === userDetails?.getUid()) {\n setUser(userDetails);\n }\n },\n onUserOffline: (userDetails: any) => {\n if (user?.getUid() === userDetails?.getUid()) {\n setUser(userDetails);\n }\n },\n }),\n );\n return () => {\n CometChat.removeUserListener(listenerId);\n };\n }, [user]);\n\n useEffect(() => {\n setTableStyle({\n containerStyle: {\n //flex: 1,\n backgroundColor: theme.color.background1,\n flexDirection: 'row',\n //justifyContent: 'space-evenly', // ✅ Ensures even spacing\n alignItems: 'center', // Optional, ensures vertical alignment\n width: '100%', // ✅ Ensures full width for proper spacing\n borderBottomWidth: 1,\n borderColor: theme.color.borderDefault,\n justifyContent: 'space-evenly',\n },\n itemStyle: {\n // paddingHorizontal: theme.spacing.padding.p4,\n paddingVertical: theme.spacing.padding.p2,\n flexDirection: 'row',\n borderBottomWidth: theme.spacing.spacing.s0_5,\n borderBottomColor: 'transparent',\n alignItems: 'center',\n justifyContent: 'center',\n flex: 1,\n },\n selectedItemStyle: {\n // paddingHorizontal: theme.spacing.padding.p4,\n paddingVertical: theme.spacing.padding.p2,\n flexDirection: 'row',\n borderBottomWidth: theme.spacing.spacing.s0_5,\n borderBottomColor: theme.color.primary,\n alignItems: 'center',\n justifyContent: 'center',\n flex: 1,\n },\n itemEmojiStyle: {\n color: theme.color.textSecondary,\n borderColor: 'transparent',\n ...theme.typography.body.medium,\n },\n selectedItemEmojiStyle: {\n color: theme.color.textSecondary,\n borderColor: 'transparent',\n ...theme.typography.body.medium,\n },\n itemTextStyle: {\n color: theme.color.textSecondary,\n marginLeft: theme.spacing.margin.m1,\n ...theme.typography.body.medium,\n },\n selectedItemTextStyle: {\n color: theme.color.primary,\n marginLeft: theme.spacing.margin.m1,\n ...theme.typography.body.medium,\n },\n });\n }, [theme]);\n\n const getUserToFetchHistory = useCallback(() => {\n if (call?.getInitiator().getUid() === loggedInUser.current.getUid()) {\n return call?.getReceiver();\n }\n call?.getInitiator();\n }, [call]);\n\n \n const callTypeAndStatus = useMemo(\n (): {\n type: 'incoming' | 'outgoing';\n callStatus: CallStatus;\n } => CallDetailHelper.getCallType(call),\n [call],\n );\n\n /** Busy call toast: only when attempting a call and target is busy */\n useEffect(() => {\n const callListener = new CometChat.CallListener({\n onOutgoingCallRejected: (rejectedCall: any) => {\n try {\n const status = rejectedCall?.getStatus?.() || rejectedCall?.status;\n if (\n status &&\n status.toLowerCase() === CometChat.CALL_STATUS.BUSY.toLowerCase()\n ) {\n setToastMessage(t('CALL_BUSY'));\n setTimeout(() => setToastMessage(null), 3000);\n }\n } catch {}\n },\n });\n CometChat.addCallListener(listenerId, callListener);\n return () => {\n CometChat.removeCallListener(listenerId);\n };\n }, [t]);\n\n const _style = useMemo(() => {\n return {\n headerContainerStyle: {\n alignItems: 'flex-start',\n justifyContent: 'center',\n width: '100%',\n borderRadius: 0,\n paddingHorizontal: 0,\n },\n titleSeparatorStyle: {\n borderBottomWidth: 1,\n borderBottomColor: theme.color.borderLight,\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n width: '100%',\n },\n containerStyle: {\n backgroundColor: theme.color.background2,\n flex: 1,\n },\n itemStyle: {\n containerStyle: {\n flexDirection: 'row' as const,\n paddingRight: theme.spacing.padding.p4,\n paddingLeft: theme.spacing.padding.p2,\n paddingVertical: theme.spacing.padding.p2,\n gap: theme.spacing.spacing.s3,\n flex: 1,\n },\n titleStyle: {\n color: theme.color.textPrimary,\n ...theme.typography.heading4.bold,\n },\n subtitleStyle: {\n color: theme.color.textSecondary,\n ...theme.typography.caption1.regular,\n },\n tailViewTextStyle: {\n color: theme.color.textPrimary,\n ...theme.typography.caption1.bold,\n },\n avatarStyle: {\n containerStyle: {},\n textStyle: {},\n imageStyle: {\n height: 48,\n width: 48,\n },\n },\n },\n };\n }, [theme]);\n\n const convertMinutesToTime = useCallback((decimalMinutes: number) => {\n const totalSeconds = Math.round(decimalMinutes * 60); // Convert to seconds\n const minutes = Math.floor(totalSeconds / 60); // Get whole minutes\n const seconds = totalSeconds % 60; // Get remaining seconds\n return `${minutes} min ${seconds} sec`;\n }, []);\n\n const getFormattedInitiatedAt = useCallback(() => {\n if (!call || !call.getInitiatedAt()) return '';\n\n return formatDate(\n call.getInitiatedAt() * 1000,\n LocalizedDateHelper.patterns.dayDateTimeFormat\n );\n }, [call]);\n\n const callStatusDisplayString = useMemo(() => {\n return CallDetailHelper.getCallStatusDisplayText(\n callTypeAndStatus.callStatus,\n );\n }, [callTypeAndStatus]);\n\n const CallStatusIcon = useMemo(\n () =>\n CallDetailHelper.getCallStatusDisplayIcon(\n callTypeAndStatus.callStatus,\n theme,\n ),\n [callTypeAndStatus, theme],\n );\n\n /** Local toast view component (shows only when toastMessage set; auto hides after 3s from effect) */\n const ToastView = () => {\n if (!toastMessage) return null;\n return (\n \n \n {toastMessage}\n \n \n );\n }\n\n return (\n \n \n \n navigation.goBack()}>\n \n }\n />\n \n \n {t('CALL_DETAILS')}\n \n \n\n {(user || group) && (\n \n \n \n \n \n {getFormattedInitiatedAt()}\n \n }\n TrailingView={\n \n {convertMinutesToTime(call.getTotalDurationInMinutes())}\n \n }\n />\n \n\n \n {[\n { key: TABS.PARTICIPANTS, title: t('PARTICIPANT') },\n { key: TABS.RECORDINGS, title: t('RECORDING') },\n { key: TABS.HISTORY, title: t('HISTORY') }\n ].map((tab) => (\n setSelectedTab(tab.key)}>\n \n {tab.title}\n \n \n ))}\n \n {selectedTab === TABS.PARTICIPANTS && (\n \n )}\n {selectedTab === TABS.HISTORY && (\n \n \n \n );\n};\n\n"
},
{
"path": "examples/SampleApp/src/components/calls/CallHistory.tsx",
"content": "import { CometChat } from '@cometchat/chat-sdk-react-native';\nimport {\n CallingPackage,\n CometChatListItem,\n useTheme,\n useCometChatTranslation,\n useLocalizedDate,\n LocalizedDateHelper\n} from '@cometchat/chat-uikit-react-native';\nimport React, { JSX, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { ActivityIndicator, FlatList, Text, View } from 'react-native';\nimport { CallDetailHelper } from './CallDetailHelper';\nimport { Icon } from '@cometchat/chat-uikit-react-native';\n\nconst CometChatCalls = CallingPackage.CometChatCalls;\n\nexport const CallHistory = (props: { user?: any; group?: any }) => {\n const { user, group } = props;\n\n const theme = useTheme();\n const { language, t } = useCometChatTranslation();\n const { formatDate } = useLocalizedDate();\n\n const [list, setList] = useState([]);\n const [loading, setLoading] = useState(true);\n const [isFetchingMore, setIsFetchingMore] = useState(false);\n\n const loggedInUser = useRef(null);\n const callRequestBuilderRef = useRef(null);\n\n function setRequestBuilder() {\n callRequestBuilderRef.current;\n let builder = new CometChatCalls.CallLogRequestBuilder()\n .setLimit(30)\n .setAuthToken(loggedInUser.current?.getAuthToken() || '')\n .setCallCategory('call');\n if (user) {\n builder = builder.setUid(user?.getUid());\n } else if (group) {\n builder = builder.setGuid(group?.getGuid());\n }\n callRequestBuilderRef.current = builder.build();\n }\n\n const fetchCallLogHistory = () => {\n if (!callRequestBuilderRef.current || isFetchingMore) {\n return;\n }\n setIsFetchingMore(true);\n callRequestBuilderRef.current\n .fetchNext()\n .then((CallLogHistory: any) => {\n if (CallLogHistory.length > 0) {\n setList(prev => [...prev, ...CallLogHistory]);\n }\n })\n .catch((err: any) => {\n // onError && onError(err);\n })\n .finally(() => {\n setLoading(false);\n setIsFetchingMore(false);\n });\n };\n\n useEffect(() => {\n CometChat.getLoggedinUser()\n .then((u: any) => {\n loggedInUser.current = u;\n setRequestBuilder();\n fetchCallLogHistory();\n })\n .catch((e: any) => {\n // onError && onError(e);\n setLoading(false);\n });\n }, []);\n\n const _style = useMemo(() => {\n return {\n headerContainerStyle: {\n alignItems: 'flex-start',\n justifyContent: 'center',\n width: '100%',\n borderRadius: 0,\n paddingHorizontal: 0,\n },\n titleSeparatorStyle: {\n borderBottomWidth: 1,\n borderBottomColor: theme.color.borderLight,\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n width: '100%',\n },\n containerStyle: {\n backgroundColor: theme.color.background1,\n flex: 1,\n },\n itemStyle: {\n containerStyle: {\n flexDirection: 'row' as const,\n marginHorizontal: theme.spacing.margin.m4,\n paddingVertical: theme.spacing.padding.p2,\n gap: theme.spacing.spacing.s3,\n flex: 1,\n },\n titleStyle: {\n color: theme.color.textPrimary,\n flex: 1,\n ...theme.typography.heading4.bold,\n },\n subtitleStyle: {\n color: theme.color.textSecondary,\n ...theme.typography.caption1.regular,\n },\n tailViewTextStyle: {\n color: theme.color.textPrimary,\n ...theme.typography.caption1.bold,\n },\n avatarStyle: {\n containerStyle: {},\n textStyle: {},\n imageStyle: {\n height: 48,\n width: 48,\n },\n },\n },\n };\n }, [theme]);\n\n // Updated to use proper localization\n const getFormattedInitiatedAt = useCallback((call: any) => {\n if (!call || !call.getInitiatedAt()) return '';\n\n // Use localizedDateHelper to format the date with proper localization\n return formatDate(\n call.getInitiatedAt() * 1000,\n LocalizedDateHelper.patterns.dayDateTimeFormat\n );\n }, [formatDate]);\n\n const getCallType = useCallback((call: any) => {\n return CallDetailHelper.getCallType(call);\n }, []);\n\n const getCallStatusIcon = useCallback((item: any): JSX.Element => {\n const CallStatusIcon = CallDetailHelper.getCallStatusDisplayIcon(\n getCallType(item).callStatus,\n theme,\n );\n return CallStatusIcon || = {\n outgoing: 'OUTGOING_CALL',\n outgoingCallEnded: 'OUTGOING_CALL',\n cancelledByMe: 'OUTGOING_CALL',\n outgoingRejected: 'OUTGOING_CALL',\n outgoingBusy: 'OUTGOING_CALL',\n unansweredByThem: 'OUTGOING_CALL',\n incoming: 'INCOMING_CALL',\n incomingCallEnded: 'INCOMING_CALL',\n cancelledByThem: 'MISSED_CALL',\n incomingRejected: 'INCOMING_CALL',\n incomingBusy: 'MISSED_CALL',\n unansweredByMe: 'MISSED_CALL',\n };\n\n const key = translationKeys[callStatus] || 'UNKNOWN_CALL';\n return t(key);\n }, [t]);\n\n const _render = ({ item, index }: any) => {\n return (\n \n \n \n \n {getFormattedInitiatedAt(item)}\n \n }\n TrailingView={\n \n {convertMinutesToTime(item.getTotalDurationInMinutes())}\n \n }\n />\n \n \n );\n };\n\n return (\n item.sessionId + '_' + index}\n renderItem={_render}\n onEndReached={fetchCallLogHistory}\n onEndReachedThreshold={0.5}\n ListEmptyComponent={\n loading ? (\n \n \n \n );\n }, [user, groupObj, statusIndicatorType]);\n\n const SubtitleViewFnc = () => {\n const statusTytle =\n receiverTypeRef.current === CometChat.RECEIVER_TYPE.GROUP &&\n (groupObj?.['membersCount'] || groupObj?.['membersCount'] === 0)\n ? `${groupObj['membersCount']} ${t('MEMBERS')}`\n : receiverTypeRef.current === CometChat.RECEIVER_TYPE.USER\n ? userStatus === UserStatusConstants.online\n ? t('ONLINE')\n : userStatus === UserStatusConstants.offline\n ? t('OFFLINE')\n : ''\n : '';\n\n if(!statusTytle) return <>;\n return (\n \n {statusTytle}\n \n );\n };\n\n return (\n \n \n \n \n {user ? user.getName() : groupObj ? groupObj.getName() : ''}\n \n { \n \n \n \n \n );\n};\n"
},
{
"path": "examples/SampleApp/src/components/calls/CallParticipants.tsx",
"content": "import { CometChatListItem, useTheme, useCometChatTranslation, localizedDateHelperInstance, useLocalizedDate, LocalizedDateHelper } from '@cometchat/chat-uikit-react-native';\nimport React, { useCallback, useMemo } from 'react';\nimport { View, FlatList, Text } from 'react-native';\nimport { CallDetailHelper } from './CallDetailHelper';\n\nexport const CallParticipants = (props: {\n /**\n * Participant list\n */\n data: any[];\n call: any;\n}) => {\n const { call, data } = props;\n\n const theme = useTheme();\n const { language, t } = useCometChatTranslation();\n const { formatDate } = useLocalizedDate();\n\n const getCallDetails = (item: any) => {\n return {\n title: item['name'],\n avatarUrl: item['avatar'],\n };\n };\n\n // Updated to use proper localization\n const formattedInitiatedAt = useMemo(() => {\n if (!call || !call.getInitiatedAt()) return '';\n\n // Use formatDate for proper localization of date/time\n return formatDate(\n call.getInitiatedAt() * 1000,\n LocalizedDateHelper.patterns.dayDateTimeFormat\n );\n }, [call, formatDate]);\n\n const _style = useMemo(() => {\n return {\n headerContainerStyle: {\n alignItems: 'flex-start',\n justifyContent: 'center',\n width: '100%',\n borderRadius: 0,\n paddingHorizontal: 0,\n },\n titleSeparatorStyle: {\n borderBottomWidth: 1,\n borderBottomColor: theme.color.borderLight,\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n width: '100%',\n },\n containerStyle: {\n backgroundColor: theme.color.background1,\n flex: 1,\n },\n itemStyle: {\n containerStyle: {\n flexDirection: 'row' as const,\n paddingHorizontal: theme.spacing.padding.p4,\n paddingVertical: theme.spacing.padding.p2,\n gap: theme.spacing.spacing.s3,\n },\n titleStyle: {\n color: theme.color.textPrimary,\n flex: 1,\n ...theme.typography.heading4.medium,\n },\n subtitleStyle: {\n color: theme.color.textSecondary,\n ...theme.typography.body.regular,\n },\n tailViewTextStyle: {\n color: theme.color.textPrimary,\n ...theme.typography.caption1.medium,\n },\n avatarStyle: {\n containerStyle: {},\n textStyle: {},\n imageStyle: {\n height: 48,\n width: 48,\n },\n },\n },\n };\n }, [theme]);\n \n const convertMinutesToTime = useCallback((decimalMinutes: number) => {\n const totalSeconds = Math.round(decimalMinutes * 60); // Convert to seconds\n const minutes = Math.floor(totalSeconds / 60); // Get whole minutes\n const seconds = totalSeconds % 60; // Get remaining seconds\n\n return `${minutes} min ${seconds} sec`;\n }, []);\n\n \n\n const _render = ({ item, index }: any) => {\n const { title, avatarUrl } = getCallDetails(item);\n\n return (\n \n \n {formattedInitiatedAt}\n \n }\n // avatarName={title}\n title={title}\n // subtitle={'8 August, 8:14 pm'}\n avatarURL={avatarUrl}\n TrailingView={\n \n {convertMinutesToTime(item.getTotalDurationInMinutes())}\n \n }\n />\n \n );\n };\n\n return (\n \n {data.length && (\n item.sessionId + '_' + index}\n renderItem={_render}\n />\n )}\n \n );\n};"
},
{
"path": "examples/SampleApp/src/components/calls/CallRecordings.tsx",
"content": "import {CometChat} from '@cometchat/chat-sdk-react-native';\nimport {useTheme, CometChatListItem} from '@cometchat/chat-uikit-react-native';\nimport React, {useRef, useEffect, useMemo, useState} from 'react';\nimport {\n View,\n FlatList,\n Text,\n Pressable,\n NativeEventEmitter,\n NativeModules,\n Platform,\n} from 'react-native';\nimport {PlayArrow} from './icons';\nimport {Icon} from '@cometchat/chat-uikit-react-native';\nimport {CallDetailHelper} from './CallDetailHelper';\n\nconst {FileManager} = NativeModules;\nconst eventEmitter = new NativeEventEmitter(FileManager);\n\nexport const CallRecordings = (props: {call: any}) => {\n const {call} = props;\n const [data, setData] = useState(call.getRecordings());\n\n const theme = useTheme();\n\n const loggedInUser = useRef(null);\n const downloadIdRef = useRef(0);\n const [processing, setProcessing] = React.useState(false);\n const [fileExists, setFileExists] = React.useState(false); // State to track if the file exists\n let listener: any = useRef(undefined);\n const [fileUrl, setFileUrl] = useState();\n const [reOpenCount, setReopenCount] = useState(0);\n\n useEffect(() => {\n CometChat.getLoggedinUser()\n .then((u: any) => {\n loggedInUser.current = u;\n })\n .catch((e: any) => {\n // onError && onError(e);\n });\n }, []);\n\n useEffect(() => {\n if (Platform.OS == 'android') {\n listener.current = eventEmitter.addListener(\n 'downloadComplete',\n (data: {downloadId: number}) => {\n if (\n data.downloadId &&\n downloadIdRef.current &&\n data.downloadId == downloadIdRef.current\n ) {\n setProcessing(false);\n setFileExists(true);\n openFile(fileUrl);\n }\n },\n );\n }\n return () => {\n if (Platform.OS == 'android') {\n listener.current.remove();\n }\n };\n }, []);\n\n useEffect(() => {\n if (!fileUrl) return;\n\n const fileName = getFileName(fileUrl);\n setProcessing(true);\n FileManager.doesFileExist(fileName, (result: string) => {\n setProcessing(false);\n if (JSON.parse(result).exists) {\n setFileExists(true);\n openFile(fileUrl);\n } else {\n downloadFile(fileUrl);\n }\n });\n }, [fileUrl, reOpenCount]);\n\n const downloadFile = (fileUrl: any) => {\n if (processing || fileExists) return; // Do not process if file already exists\n\n if (!fileUrl) return;\n\n setProcessing(true);\n FileManager.checkAndDownload(\n fileUrl,\n getFileName(fileUrl),\n (result: string) => {\n if (Platform.OS == 'ios') {\n let parsedResult = JSON.parse(result);\n if (parsedResult.success == true) {\n setProcessing(false);\n setFileExists(true);\n }\n openFile(fileUrl);\n } else if (Platform.OS == 'android') {\n downloadIdRef.current = JSON.parse(result).downloadId;\n }\n },\n );\n };\n\n const openFile = (fileUrl: any) => {\n if (processing) return;\n\n if (!fileUrl) return;\n\n setProcessing(true);\n FileManager.openFileWithOption(getFileName(fileUrl), (isOpened: string) => {\n setProcessing(false);\n });\n };\n\n const getFileName = (fileUrl: any) => {\n return fileUrl.substring(fileUrl.lastIndexOf('/') + 1).replace(' ', '_');\n };\n\n const _style = useMemo(() => {\n return {\n headerContainerStyle: {\n alignItems: 'flex-start',\n justifyContent: 'center',\n width: '100%',\n borderRadius: 0,\n paddingHorizontal: 0,\n },\n titleSeparatorStyle: {\n borderBottomWidth: 1,\n borderBottomColor: theme.color.borderLight,\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n width: '100%',\n },\n containerStyle: {\n backgroundColor: theme.color.background1,\n flex: 1,\n },\n itemStyle: {\n containerStyle: {\n flexDirection: 'row' as const,\n paddingHorizontal: theme.spacing.padding.p4,\n paddingVertical: theme.spacing.padding.p2,\n gap: theme.spacing.spacing.s3,\n minHeight: 72,\n },\n titleStyle: {\n color: theme.color.textPrimary,\n flex: 1,\n ...theme.typography.heading4.medium,\n },\n subtitleStyle: {\n color: theme.color.textSecondary,\n ...theme.typography.body.regular,\n },\n tailViewTextStyle: {\n color: theme.color.textPrimary,\n ...theme.typography.caption1.medium,\n },\n avatarStyle: {\n containerStyle: {},\n textStyle: {},\n imageStyle: {\n height: 48,\n width: 48,\n },\n },\n },\n };\n }, [theme]);\n\n const formattedInitiatedAt = useMemo(() => {\n return CallDetailHelper.getFormattedInitiatedAt(call);\n }, [call]);\n\n const _render = ({item, index}: any) => {\n const title = item['rid'];\n\n return (\n \n \n {formattedInitiatedAt}\n \n }\n titleStyle={_style.itemStyle.titleStyle}\n containerStyle={_style.itemStyle.containerStyle}\n trailingViewContainerStyle={{\n alignSelf: 'center',\n }}\n TrailingView={\n {\n setFileUrl(item.getRecordingURL());\n setReopenCount(reOpenCount + 1);\n }}>\n \n }\n containerStyle={{marginLeft: theme.spacing.margin.m4}}>\n \n }\n />\n \n );\n };\n\n return (\n \n {data.length && (\n item.sessionId + '_' + index}\n renderItem={_render}\n />\n )}\n \n );\n};\n"
},
{
"path": "examples/SampleApp/src/components/calls/Calls.tsx",
"content": "import {CometChatCallLogs, useTheme, Icon} from '@cometchat/chat-uikit-react-native';\nimport {useFocusEffect, useNavigation} from '@react-navigation/native';\nimport React, {useCallback} from 'react';\nimport {View, TouchableOpacity} from 'react-native';\nimport {StackNavigationProp} from '@react-navigation/stack';\nimport {RootStackParamList} from '../../navigation/types';\nimport { useConfig } from '../../config/store';\n\ntype CallNavigationProp = StackNavigationProp;\n\nconst Calls: React.FC = () => {\n const [shouldHide, setShouldHide] = React.useState(false);\n const navigation = useNavigation();\n\n const oneOnOneVoiceCalling = useConfig(\n (state) => state.settings.callFeatures.voiceAndVideoCalling.oneOnOneVoiceCalling\n );\n const oneOnOneVideoCalling = useConfig(\n (state) => state.settings.callFeatures.voiceAndVideoCalling.oneOnOneVideoCalling\n );\n const groupVideoConference = useConfig(\n (state) => state.settings.callFeatures.voiceAndVideoCalling.groupVideoConference\n );\n const groupVoiceConference = useConfig(\n (state) => state.settings.callFeatures.voiceAndVideoCalling.groupVoiceConference\n );\n\n useFocusEffect(\n useCallback(() => {\n setShouldHide(false);\n return () => {\n setShouldHide(true);\n };\n }, []),\n );\n\n const theme = useTheme();\n const onItemPress = (item: any) => {\n navigation.navigate('CallDetails', {\n call: item,\n });\n };\n // Create TrailingView that respects visibility configuration\n const TrailingView = useCallback((call?: any, onPress?: (call: any) => void) => {\n if (!call || !onPress) return (<>);\n const receiverType = call?.getReceiverType?.();\n const callType = call?.getType?.();\n const isUser = receiverType === 'user';\n const isAudio = callType === 'audio';\n\n // Check if button should be hidden based on configuration\n const shouldHide =\n (isUser && isAudio && !oneOnOneVoiceCalling) ||\n (isUser && !isAudio && !oneOnOneVideoCalling) ||\n (!isUser && isAudio && !groupVoiceConference) ||\n (!isUser && !isAudio && !groupVideoConference);\n\n if (shouldHide) {\n return onPress(call)}\n style={{\n marginLeft: \"auto\",\n }}\n >\n \n {!shouldHide && (\n \n );\n};\n\nexport default Calls;\n"
},
{
"path": "examples/SampleApp/src/components/calls/icons/call-end-fill.tsx",
"content": "import Svg, { Mask, Path, G } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n \n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/components/calls/icons/call-end.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/components/calls/icons/call-fill.tsx",
"content": "import Svg, { Mask, Path, G } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n \n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/components/calls/icons/call-log-fill.tsx",
"content": "import Svg, { Mask, Path, G } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n \n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/components/calls/icons/call-log.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/components/calls/icons/call-made-fill.tsx",
"content": "import Svg, { Mask, Path, G } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n \n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/components/calls/icons/call-made.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/components/calls/icons/call-missed-fill.tsx",
"content": "import Svg, { Mask, Path, G } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n \n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/components/calls/icons/call-missed-outgoing-fill.tsx",
"content": "import Svg, { Mask, Path, G } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n \n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/components/calls/icons/call-missed-outgoing.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/components/calls/icons/call-missed.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/components/calls/icons/call-received-fill.tsx",
"content": "import Svg, { Mask, Path, G } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n \n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/components/calls/icons/call-received.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/components/calls/icons/call.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/components/calls/icons/cancel-fill.tsx",
"content": "import Svg, { Mask, Path, G } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n \n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/components/calls/icons/index.tsx",
"content": "export {default as Call} from './call';\nexport {default as CallEnd} from './call-end';\nexport {default as CallEndFill} from './call-end-fill';\nexport {default as CallFill} from './call-fill';\nexport {default as CallLog} from './call-log';\nexport {default as CallLogFill} from './call-log-fill';\nexport {default as CallMade} from './call-made';\nexport {default as CallMadeFill} from './call-made-fill';\nexport {default as CallMissed} from './call-missed';\nexport {default as CallMissedFill} from './call-missed-fill';\nexport {default as CallMissedOutgoing} from './call-missed-outgoing';\nexport {default as CallMissedOutgoingFill} from './call-missed-outgoing-fill';\nexport {default as CallReceived} from './call-received';\nexport {default as CallReceivedFill} from './call-received-fill';\nexport {default as CancelFill} from './cancel-fill';\nexport {default as PlayArrow} from './play-arrow';\n"
},
{
"path": "examples/SampleApp/src/components/calls/icons/play-arrow.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleApp/src/components/conversations/helper/GroupListeners.ts",
"content": "import {CometChat} from '@cometchat/chat-sdk-react-native';\nimport {CometChatUIKit} from '@cometchat/chat-uikit-react-native';\n\nexport const listners = {\n addListener: {\n groupListener: ({groupListenerId, handleGroupListener}: any) =>\n CometChat.addGroupListener(\n groupListenerId,\n new CometChat.GroupListener({\n onGroupMemberKicked: (\n message: any,\n kickedUser: any,\n kickedBy: any,\n kickedFrom: any,\n ) => {\n handleGroupListener(kickedFrom);\n },\n onGroupMemberBanned: (\n message: any,\n bannedUser: any,\n bannedBy: any,\n bannedFrom: any,\n ) => {\n handleGroupListener(bannedFrom);\n },\n onMemberAddedToGroup: (\n message: any,\n userAdded: any,\n userAddedBy: any,\n userAddedIn: any,\n ) => {\n handleGroupListener(userAddedIn);\n },\n onGroupMemberLeft: (message: any, leavingUser: any, group: any) => {\n handleGroupListener(group);\n },\n onGroupMemberScopeChanged: (\n message: any,\n changedUser: CometChat.User,\n newScope: any,\n oldScope: any,\n changedGroup: CometChat.Group,\n ) => {\n console.log('changedGroup: ', message, changedGroup);\n if (changedUser.getUid() == CometChatUIKit.loggedInUser!.getUid()) {\n changedGroup.setScope(newScope);\n handleGroupListener(changedGroup);\n }\n },\n }),\n ),\n },\n removeListner: {\n removeUserListener: ({userStatusListenerId}: any) =>\n CometChat.removeUserListener(userStatusListenerId),\n\n removeGroupListener: ({groupListenerId}: any) =>\n CometChat.removeGroupListener(groupListenerId),\n },\n};\n"
},
{
"path": "examples/SampleApp/src/components/conversations/screens/AddMember.tsx",
"content": "import { CometChat } from '@cometchat/chat-sdk-react-native';\nimport React, {\n useCallback,\n useEffect,\n useLayoutEffect,\n useRef,\n useState,\n} from 'react';\nimport {\n View,\n Text,\n TouchableOpacity,\n NativeModules,\n Platform,\n KeyboardAvoidingView,\n BackHandler,\n} from 'react-native';\nimport {\n CometChatGroupsEvents,\n CometChatUIEventHandler,\n CometChatUIKit,\n CometChatUiKitConstants,\n CometChatUsers,\n CometChatUsersActionsInterface,\n useCometChatTranslation,\n useTheme,\n} from '@cometchat/chat-uikit-react-native';\nimport { Icon } from '@cometchat/chat-uikit-react-native';\nimport {\n useRoute,\n useNavigation,\n RouteProp,\n useFocusEffect,\n} from '@react-navigation/native';\nimport { styles } from './AddMemberStyles';\nimport { commonVars } from '@cometchat/chat-uikit-react-native/src/shared/base/vars';\nimport ArrowBack from '../../../assets/icons/ArrowBack';\nimport { RootStackParamList } from '../../../navigation/types';\nimport { useConfig } from '../../../config/store';\nconst { CommonUtil } = NativeModules;\n\nconst AddMember: React.FC = () => {\n const route = useRoute>();\n const navigation = useNavigation();\n const { group } = route.params;\n const theme = useTheme();\n const { t } = useCometChatTranslation();\n const userRef = useRef(null);\n const [selectedUsers, setSelectedUsers] = useState([]);\n const [errorToastVisible, setErrorToastVisible] = useState(false);\n const [errorToastMessage, setErrorToastMessage] = useState('');\n const errorTimeoutRef = useRef | null>(null);\n const [kbOffset, setKbOffset] = React.useState(900);\n const userAndFriendsPresence = useConfig(\n (state) => state.settings.chatFeatures.coreMessagingExperience.userAndFriendsPresence\n );\n\n useEffect(() => {\n return () => {\n if (errorTimeoutRef.current) {\n clearTimeout(errorTimeoutRef.current);\n }\n };\n }, []);\n\n useFocusEffect(\n React.useCallback(() => {\n const onBackPress = () => {\n // Navigate back to message screen (same as your onPress handler)\n navigation.goBack();\n return true; // Prevent default back behavior\n };\n\n const subscription = BackHandler.addEventListener(\n 'hardwareBackPress',\n onBackPress,\n );\n\n return () => subscription.remove();\n }, [navigation]),\n );\n\n useLayoutEffect(() => {\n if (Platform.OS === 'ios') {\n if (Number.isInteger(commonVars.safeAreaInsets.top)) {\n setKbOffset(commonVars.safeAreaInsets.top ?? 0);\n return;\n }\n\n CommonUtil.getSafeAreaInsets().then((res: any) => {\n if (Number.isInteger(res.top)) {\n commonVars.safeAreaInsets.top = res.top;\n commonVars.safeAreaInsets.bottom = res.bottom;\n setKbOffset(res.top);\n }\n });\n }\n }, []);\n\n const addMembersToGroup = useCallback(\n async (users: Array) => {\n try {\n const membersList = users.map((item: CometChat.User) => {\n const groupMember = new CometChat.GroupMember(\n item.getUid(),\n CometChat.GROUP_MEMBER_SCOPE.PARTICIPANT,\n );\n groupMember.setName(item.getName());\n return groupMember;\n });\n\n const guid = group.getGuid();\n const response = await CometChat.addMembersToGroup(\n guid,\n membersList,\n [],\n );\n\n const addedUIDs = Object.entries(response)\n .filter(([_, status]) => status === 'success')\n .map(([uid]) => uid);\n\n const addedMembers = membersList.filter(member =>\n addedUIDs.includes(member.getUid()),\n );\n\n if (addedUIDs.length > 0) {\n navigation.goBack();\n } else {\n setErrorToastMessage('Error, Unable to add members');\n setErrorToastVisible(true);\n errorTimeoutRef.current = setTimeout(() => {\n setErrorToastVisible(false);\n }, 3000);\n }\n\n // If all succeeded, emit individual events for each member\n if (addedMembers.length > 0) {\n const groupInfo = await CometChat.getGroup(group.getGuid());\n group.setMembersCount(groupInfo.getMembersCount());\n // Create separate action for each added member\n addedMembers.forEach(member => {\n const action: CometChat.Action = new CometChat.Action(\n guid,\n CometChatUiKitConstants.MessageTypeConstants.groupMember,\n CometChat.RECEIVER_TYPE.GROUP,\n CometChat.CATEGORY_ACTION as CometChat.MessageCategory,\n );\n action.setConversationId(guid);\n action.setActionBy(CometChatUIKit.loggedInUser!);\n action.setActionFor(group);\n action.setSender(CometChatUIKit.loggedInUser!);\n // Initialize data to prevent crash when SDK accesses getData().metadata during render\n action.setData({ metadata: {} });\n\n // Emit individual event for each member added\n CometChatUIEventHandler.emitGroupEvent(\n CometChatGroupsEvents.ccGroupMemberAdded,\n {\n addedBy: CometChatUIKit.loggedInUser,\n message: action,\n usersAdded: [member],\n userAddedIn: group,\n },\n );\n });\n }\n } catch (error) {\n console.error('Something went wrong', error);\n setErrorToastMessage('Error, Unable to add members');\n setErrorToastVisible(true);\n errorTimeoutRef.current = setTimeout(() => {\n setErrorToastVisible(false);\n }, 2000);\n }\n },\n [group, navigation],\n );\n\n const handleUserSelection = useCallback((users: CometChat.User[]) => {\n setSelectedUsers(users);\n }, []);\n\n return (\n \n {/* Header */}\n \n \n navigation.goBack()}\n >\n \n {t('ADD_MEMBERS')}\n \n \n\n {/* Users List */}\n navigation.goBack()}\n usersStatusVisibility={userAndFriendsPresence}\n />\n\n {/* Add Members Button */}\n addMembersToGroup(selectedUsers)}\n style={styles.addMembersButton}\n >\n \n \n {t('ADD_MEMBERS')}\n \n \n \n\n {/* Error Toast */}\n {errorToastVisible && (\n \n {errorToastMessage} \n \n )}\n \n \n );\n};\n\nexport default AddMember;\n"
},
{
"path": "examples/SampleApp/src/components/conversations/screens/AddMemberStyles.tsx",
"content": "import { StyleSheet } from \"react-native\";\n\nexport const styles = StyleSheet.create({\n toastTextStyle: {\n color: '#fff',\n fontSize: 16,\n },\n toastContainer: {\n position: 'absolute',\n bottom: 20,\n left: 20,\n right: 20,\n paddingVertical: 10,\n borderRadius: 5,\n alignItems: 'center',\n },\n addMemberContainer: {\n paddingTop: 15,\n paddingLeft: 10,\n flexDirection: 'row',\n paddingBottom: 15,\n borderBottomWidth: 1,\n },\n addMemberText: {\n paddingLeft: 10,\n },\n iconContainer: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n addMembersButton: {\n alignContent: 'center',\n justifyContent: 'center',\n paddingVertical: 1,\n height: 50,\n width: '100%',\n alignSelf: 'center',\n },\n addMembersButtonContainer: {\n marginHorizontal: 20,\n alignSelf: 'center',\n justifyContent: 'center',\n borderRadius: 6,\n height: '75%',\n width: '95%',\n },\n });\n "
},
{
"path": "examples/SampleApp/src/components/conversations/screens/BannedMember.tsx",
"content": "import React, { useCallback, useRef, useState } from 'react';\nimport {\n View,\n Text,\n TouchableOpacity,\n Modal,\n TouchableWithoutFeedback,\n BackHandler,\n} from 'react-native';\nimport {\n CometChatConfirmDialog,\n CometChatList,\n CometChatListActionsInterface,\n} from '@cometchat/chat-uikit-react-native/src/shared';\nimport { Skeleton } from '@cometchat/chat-uikit-react-native/src/CometChatUsers/Skeleton';\nimport {\n Icon,\n useCometChatTranslation,\n} from '@cometchat/chat-uikit-react-native';\nimport { CometChat } from '@cometchat/chat-sdk-react-native';\nimport {\n CometChatGroupsEvents,\n CometChatUIEventHandler,\n CometChatUIKit,\n CometChatUiKitConstants,\n useTheme,\n} from '@cometchat/chat-uikit-react-native';\nimport { ErrorEmptyView } from '@cometchat/chat-uikit-react-native/src/shared/views/ErrorEmptyView/ErrorEmptyView';\nimport { RouteProp, useFocusEffect } from '@react-navigation/native';\nimport { RootStackParamList } from '../../../navigation/types';\nimport { StackNavigationProp } from '@react-navigation/stack';\nimport {\n getBannedMemberStyleLight,\n styles,\n getBannedMemberStyleDark,\n} from './BannedMemberStyles';\nimport UserEmptyIcon from '../../../assets/icons/UserEmptyIcon';\nimport Close from '../../../assets/icons/Close';\nimport Block from '../../../assets/icons/Block';\n\ntype BannedMembersRouteProp = {\n route: RouteProp;\n navigation: StackNavigationProp;\n};\n\nconst BannedMember: React.FC = ({\n route,\n navigation,\n}) => {\n const { group } = route.params;\n const theme = useTheme();\n const { t } = useCometChatTranslation();\n const bannedListRef = useRef(null);\n\n const [isModalVisible, setModalVisible] = useState(false);\n const [selectedUser, setSelectedUser] = useState(null);\n\n useFocusEffect(\n React.useCallback(() => {\n const onBackPress = () => {\n // Navigate back to message screen (same as your onPress handler)\n navigation.goBack();\n return true; // Prevent default back behavior\n };\n\n const subscription = BackHandler.addEventListener(\n 'hardwareBackPress',\n onBackPress,\n );\n\n return () => subscription.remove();\n }, [navigation]),\n );\n\n /**\n * --- Callbacks / Handlers ---\n */\n\n const openUnbanModal = (user: CometChat.User) => {\n setSelectedUser(user);\n setModalVisible(true);\n };\n\n const closeUnbanModal = () => {\n setModalVisible(false);\n setSelectedUser(null);\n };\n\n const handleUnbanUser = async () => {\n if (!group || !selectedUser) return;\n try {\n const guid = group.getGuid();\n const uid = selectedUser.getUid();\n\n // Unban the user\n await CometChat.unbanGroupMember(guid, uid);\n\n // Create and dispatch an Action message for the unban event\n const actionMessage = new CometChat.Action(\n guid,\n CometChatUiKitConstants.MessageTypeConstants.groupMember,\n CometChat.RECEIVER_TYPE.GROUP,\n CometChat.CATEGORY_ACTION as CometChat.MessageCategory,\n );\n actionMessage.setConversationId(guid);\n actionMessage.setActionFor(group);\n actionMessage.setActionOn(selectedUser);\n actionMessage.setActionBy(CometChatUIKit.loggedInUser!);\n actionMessage.setSender(CometChatUIKit.loggedInUser!);\n // Initialize data to prevent crash when SDK accesses getData().metadata during render\n actionMessage.setData({ metadata: {} });\n actionMessage.setMessage(\n `${CometChatUIKit.loggedInUser?.getName()} ${t(\n 'UNBANNED',\n )} ${selectedUser.getName()}`,\n );\n CometChatUIEventHandler.emitGroupEvent(\n CometChatGroupsEvents.ccGroupMemberUnBanned,\n {\n unbannedBy: CometChatUIKit.loggedInUser,\n userUnbanned: selectedUser,\n group,\n message: actionMessage,\n },\n );\n\n // Remove from the banned list\n bannedListRef.current?.removeItemFromList(uid);\n\n // Close modal\n closeUnbanModal();\n } catch (error) {\n console.error('Error unbanning user:', error);\n }\n };\n\n /**\n * --- Render Helpers ---\n */\n\n const renderEmptyView = useCallback(() => {\n return (\n \n \n );\n }, [theme]);\n\n const renderLoadingView = () => openUnbanModal(user)}>\n \n );\n\n const renderUnbanModal = () => {\n if (!selectedUser) return null;\n\n return (\n \n navigation.goBack()}\n listItemKey=\"uid\"\n hideBackButton={false}\n LoadingView={renderLoadingView}\n EmptyView={renderEmptyView}\n TrailingView={renderTailView}\n listStyle={\n theme.mode === 'light'\n ? getBannedMemberStyleLight(theme)\n : getBannedMemberStyleDark(theme)\n }\n requestBuilder={new CometChat.BannedMembersRequestBuilder(\n group.getGuid(),\n ).setLimit(30)}\n />\n \n {renderUnbanModal()}\n \n );\n};\n\nexport default BannedMember;\n"
},
{
"path": "examples/SampleApp/src/components/conversations/screens/BannedMemberStyles.tsx",
"content": "import {StyleSheet} from 'react-native';\nimport {\n CometChatListStylesInterface,\n CometChatTheme,\n} from '@cometchat/chat-uikit-react-native';\nimport {deepMerge} from '@cometchat/chat-uikit-react-native/src/shared/helper/helperFunctions';\nimport {DeepPartial} from '@cometchat/chat-uikit-react-native/src/shared/helper/types';\nimport {ColorValue, ViewStyle} from 'react-native';\n\nexport const styles = StyleSheet.create({\n flexContainer: {\n flex: 1,\n },\n emptyViewContainer: {\n flex: 1,\n justifyContent: 'center',\n alignItems: 'center',\n paddingHorizontal: '10%',\n },\n\n /* Modal Styles */\n modalOverlay: {\n flex: 1,\n backgroundColor: 'rgba(0, 0, 0, 0.5)',\n },\n modalContainer: {\n position: 'absolute',\n top: '30%',\n left: '2%',\n right: '2%',\n borderRadius: 10,\n padding: 20,\n elevation: 5,\n },\n modalIconContainer: {\n alignSelf: 'center',\n marginBottom: 10,\n width: 64,\n height: 64,\n borderRadius: 32,\n justifyContent: 'center',\n alignItems: 'center',\n },\n modalContentContainer: {\n alignItems: 'center',\n },\n modalTitle: {\n marginBottom: 15,\n },\n modalDesc: {\n textAlign: 'center',\n marginBottom: 20,\n },\n buttonContainer: {\n flexDirection: 'row',\n },\n cancelButton: {\n flex: 1,\n paddingVertical: 10,\n marginHorizontal: 5,\n borderRadius: 5,\n borderWidth: 1,\n alignItems: 'center',\n },\n unbanButton: {\n flex: 1,\n paddingVertical: 10,\n marginHorizontal: 5,\n borderRadius: 5,\n alignItems: 'center',\n },\n});\n\nexport type BannedMemberStyle = CometChatListStylesInterface & {\n skeletonStyle: {\n backgroundColor: ColorValue;\n linearGradientColors: [string, string];\n shimmerBackgroundColor: ColorValue;\n shimmerOpacity: number;\n speed: number;\n };\n headerContainerStyle: ViewStyle;\n};\n\nexport const getBannedMemberStyleLight = (\n theme: CometChatTheme,\n): DeepPartial => {\n const {color, spacing, typography} = theme;\n return {\n headerContainerStyle: {\n alignItems: 'flex-start',\n justifyContent: 'center',\n width: '100%',\n borderRadius: 0,\n paddingHorizontal: 0,\n },\n titleSeparatorStyle: {\n borderBottomWidth: 1,\n borderBottomColor: color.borderLight,\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n width: '100%',\n },\n containerStyle: {\n backgroundColor: color.background1,\n flex: 1,\n },\n itemStyle: {\n containerStyle: {\n flexDirection: 'row',\n paddingHorizontal: spacing.padding.p4,\n paddingVertical: spacing.padding.p2,\n gap: spacing.spacing.s3,\n },\n titleStyle: {\n color: color.textPrimary,\n ...typography.heading4.medium,\n },\n subtitleStyle: {\n color: color.textSecondary,\n ...typography.body.regular,\n },\n statusIndicatorStyle: {},\n avatarStyle: {\n containerStyle: {},\n textStyle: {},\n imageStyle: {},\n },\n headViewContainerStyle: {},\n titleSubtitleContainerStyle: {\n alignSelf: 'center',\n },\n trailingViewContainerStyle: {\n alignSelf: 'center',\n },\n },\n confirmSelectionStyle: {},\n selectionCancelStyle: {},\n loadingIconTint: color.primary,\n sectionHeaderTextStyle: {\n marginHorizontal: spacing.spacing.s5,\n color: color.primary,\n ...typography.heading4.medium,\n },\n onlineStatusColor: color.success,\n titleViewStyle: {\n paddingVertical: spacing.spacing.s3,\n paddingLeft: spacing.spacing.s3,\n margin: spacing.spacing.s0,\n },\n titleStyle: {\n color: color.textPrimary,\n ...typography.heading1.bold,\n },\n backButtonIconStyle: {\n tintColor: color.iconPrimary,\n height: spacing.spacing.s6,\n width: spacing.spacing.s6,\n },\n searchStyle: {\n textStyle: {\n color: color.textPrimary,\n ...typography.heading4.regular,\n textAlignVertical: 'center',\n paddingVertical: 0,\n height: spacing.spacing.s7,\n },\n containerStyle: {\n backgroundColor: color.background3,\n paddingVertical: spacing.spacing.s3,\n marginTop: spacing.spacing.s3,\n width: '95%',\n gap: spacing.spacing.s1,\n alignContent: 'space-around',\n alignSelf: 'center',\n flexDirection: 'row',\n alignItems: 'center',\n },\n icon: undefined,\n iconStyle: {\n tintColor: color.iconSecondary,\n },\n placehodlerTextStyle: {\n color: color.textTertiary,\n },\n },\n emptyStateStyle: {\n titleStyle: {\n color: color.textPrimary,\n ...typography.heading3.bold,\n marginBottom: spacing.margin.m1,\n },\n subTitleStyle: {\n color: color.textSecondary,\n textAlign: 'center' as const,\n ...typography.body.regular,\n },\n containerStyle: {\n justifyContent: 'center',\n display: 'none',\n alignItems: 'center',\n padding: spacing.padding.p3,\n },\n },\n errorStateStyle: {\n titleStyle: {\n color: color.textPrimary,\n ...typography.heading3.bold,\n marginBottom: spacing.margin.m1,\n },\n subTitleStyle: {\n color: color.textSecondary,\n textAlign: 'center' as const,\n ...typography.body.regular,\n },\n containerStyle: {\n justifyContent: 'center',\n alignItems: 'center',\n padding: spacing.padding.p3,\n },\n },\n skeletonStyle: {\n backgroundColor: color.background3,\n linearGradientColors: ['#E8E8E8', '#F5F5F5'] as [string, string],\n shimmerBackgroundColor: color.staticBlack,\n shimmerOpacity: 0.01,\n speed: 1,\n },\n };\n};\n\nexport const getBannedMemberStyleDark = (\n theme: CometChatTheme,\n): DeepPartial => {\n const {color, spacing, typography} = theme;\n return deepMerge(getBannedMemberStyleLight(theme), {\n skeletonStyle: {\n backgroundColor: color.background3,\n linearGradientColors: ['#383838', '#272727'] as [string, string],\n shimmerBackgroundColor: color.staticWhite,\n shimmerOpacity: 0.01,\n speed: 1,\n },\n });\n};\n"
},
{
"path": "examples/SampleApp/src/components/conversations/screens/Conversations.tsx",
"content": "import { CometChat } from '@cometchat/chat-sdk-react-native';\nimport React, { useCallback, useContext, useRef, useState } from 'react';\nimport { TouchableOpacity, View } from 'react-native';\nimport {\n CometChatAvatar,\n CometChatConversations,\n CometChatUIKit,\n useCometChatTranslation,\n useTheme,\n} from '@cometchat/chat-uikit-react-native';\nimport { AuthContext } from '../../../navigation/AuthContext';\nimport {\n useFocusEffect,\n useNavigation,\n CommonActions,\n} from '@react-navigation/native';\nimport { TooltipMenu } from '../../../utils/TooltipMenu';\nimport { StackNavigationProp } from '@react-navigation/stack';\nimport { RootStackParamList } from '../../../navigation/types';\nimport AccountCircle from '../../../assets/icons/AccountCircle';\nimport AddComment from '../../../assets/icons/AddComment';\nimport InfoIcon from '../../../assets/icons/InfoIcon';\nimport Logout from '../../../assets/icons/Logout';\nimport { navigate, navigationRef } from '../../../navigation/NavigationService';\nimport { AppConstants, SCREEN_CONSTANTS } from '../../../utils/AppConstants';\nimport Builder from '../../../assets/icons/Builder';\nimport { useConfig, useConfigStore } from '../../../config/store'; // adjust import if needed\nimport AsyncStorage from '@react-native-async-storage/async-storage';\nimport Reset from '../../../assets/icons/Reset';\nimport AiIcon from '../../../assets/icons/AiIcon';\n\ntype ChatNavigationProp = StackNavigationProp<\n RootStackParamList,\n 'Conversation'\n>;\n\nconst Conversations: React.FC<{}> = ({}) => {\n const theme = useTheme();\n const { setIsLoggedIn: setLogout } = useContext(AuthContext);\n const [isLoggingOut, setIsLoggingOut] = useState(false);\n const tooltipPositon = React.useRef({ pageX: 0, pageY: 0 });\n const [tooltipVisible, setTooltipVisible] = useState(false);\n const selectedConversation = useRef(null);\n const navigation = useNavigation();\n const avatarContainerRef = useRef(null);\n const loggedInUser = useRef(\n CometChatUIKit.loggedInUser,\n ).current;\n const { t } = useCometChatTranslation();\n\n const [isConfigUpdated, setIsConfigUpdated] = useState(false);\n const messageDeliveryAndReadReceipts = useConfig(\n (state) => state.settings.chatFeatures.coreMessagingExperience.messageDeliveryAndReadReceipts\n );\n\n useFocusEffect(\n useCallback(() => {\n // Check config updated flag\n AsyncStorage.getItem('@config_updated').then(val => {\n setIsConfigUpdated(val === 'true');\n });\n return () => {\n setTooltipVisible(false);\n };\n }, []),\n );\n\n const handleResetConfig = async () => {\n useConfigStore.getState().resetConfig();\n await AsyncStorage.removeItem('@config_updated');\n setIsConfigUpdated(false);\n };\n const userAndFriendsPresence = useConfig(\n (state) => state.settings.chatFeatures.coreMessagingExperience.userAndFriendsPresence\n );\n\n const openMessagesFor = (item: CometChat.Conversation) => {\n // Determine if it's a user or group conversation\n const isUser = item.getConversationType() === 'user';\n const isGroup = item.getConversationType() === 'group';\n\n // Navigate to Messages with appropriate params\n navigation.navigate('Messages', {\n user: isUser ? (item.getConversationWith() as CometChat.User) : undefined,\n group: isGroup\n ? (item.getConversationWith() as CometChat.Group)\n : undefined,\n });\n };\n\n const _conversationsConfig = {\n onItemPress: openMessagesFor,\n onError: (err: any) => {\n console.log('ERROR IN CONVO: ', err);\n },\n };\n\n const handleAvatarPress = () => {\n try {\n if (avatarContainerRef.current) {\n avatarContainerRef.current.measureInWindow((x, y, height) => {\n // Set tooltip position 10px below the avatar\n tooltipPositon.current = { pageX: x, pageY: y + height };\n });\n selectedConversation.current = null;\n setTooltipVisible(true);\n }\n } catch (error) {\n console.error('Error while handling avatar press:', error);\n }\n };\n\n const handleLogout = async () => {\n if (isLoggingOut) return;\n setIsLoggingOut(true);\n\n // Step 1: Logout from CometChat\n try {\n await CometChat.logout();\n } catch (error) {\n console.error('CometChat logout failed:', error);\n setIsLoggingOut(false);\n return; // Exit if CometChat logout fails\n }\n\n // If all operations succeed, navigate to the LoginScreen\n setIsLoggingOut(false);\n setLogout(false);\n navigationRef.dispatch(\n CommonActions.reset({\n index: 0,\n routes: [{ name: 'SampleUser' }],\n }),\n );\n };\n\n const NewConversation = () => {\n return (\n \n {\n handleAvatarPress();\n }}\n >\n \n );\n };\n\n return (\n \n \n {\n navigate(SCREEN_CONSTANTS.SEARCH_MESSAGES);\n }}\n usersStatusVisibility={userAndFriendsPresence}\n receiptsVisibility={messageDeliveryAndReadReceipts}\n />\n \n\n \n {\n setTooltipVisible(false);\n }}\n onDismiss={() => {\n setTooltipVisible(false);\n }}\n event={{\n nativeEvent: tooltipPositon.current,\n }}\n menuItems={[\n {\n text: t('CREATE_CONVERSATION'),\n onPress: () => {\n navigation.navigate('CreateConversation');\n },\n icon: (\n \n ),\n textColor: theme.color.textPrimary,\n iconColor: theme.color.textPrimary,\n },\n {\n text: t('AI_ASSISTANTS'),\n onPress: () => {\n navigation.navigate(SCREEN_CONSTANTS.AI_AGENTS);\n },\n icon: (\n \n ),\n textColor: theme.color.textPrimary,\n iconColor: theme.color.textPrimary,\n },\n {\n text: loggedInUser?.getName() || 'User',\n onPress: () => {\n setTooltipVisible(false);\n },\n icon: (\n \n ),\n textColor: theme.color.textPrimary,\n iconColor: theme.color.textPrimary,\n },\n {\n text: t('LOGOUT'),\n onPress: () => {\n handleLogout();\n },\n icon: (\n \n ),\n textColor: theme.color.error,\n iconColor: theme.color.error,\n },\n {\n text: AppConstants.versionNumber,\n onPress: () => {},\n icon: (\n \n ),\n },\n isConfigUpdated\n ? {\n text: 'Reset to Default',\n onPress: handleResetConfig,\n icon: (\n \n \n );\n};\n\nexport default Conversations;\n"
},
{
"path": "examples/SampleApp/src/components/conversations/screens/CreateConversation.tsx",
"content": "import React, { useState } from 'react';\nimport { View, Text, TouchableOpacity, StyleSheet } from 'react-native';\nimport { StackNavigationProp } from '@react-navigation/stack';\nimport { RouteProp } from '@react-navigation/native';\nimport {\n useTheme,\n CometChatUsers,\n useCometChatTranslation,\n} from '@cometchat/chat-uikit-react-native';\nimport { RootStackParamList } from '../../../navigation/types';\nimport Groups from '../../groups/Groups';\nimport { Icon } from '@cometchat/chat-uikit-react-native';\nimport { CometChat } from '@cometchat/chat-sdk-react-native';\nimport ArrowBack from '../../../assets/icons/ArrowBack';\n\n// Define prop types for the component using React Navigation's types\ntype Props = {\n route: RouteProp;\n navigation: StackNavigationProp;\n};\n\nconst CreateConversation: React.FC = ({ route, navigation }) => {\n const theme = useTheme();\n const { t } = useCometChatTranslation();\n\n const {\n background1,\n background3,\n iconPrimary,\n textPrimary,\n textSecondary,\n primary,\n } = theme.color;\n const { heading1 } = theme.typography;\n const [selectedTab, setSelectedTab] = useState<'Users' | 'Groups'>('Users');\n\n return (\n \n {/* Header */}\n \n \n \n \n {t('NEW_CHAT')}\n \n \n\n {/* Tab Bar */}\n \n {['Users', 'Groups'].map(tab => (\n setSelectedTab(tab as 'Users' | 'Groups')}\n >\n \n {t(tab.toUpperCase())}\n \n \n ))}\n \n\n {/* Content */}\n \n {selectedTab === 'Users' ? (\n \n navigation.navigate('Messages', { user })\n }\n />\n ) : (\n \n \n );\n};\n\nexport default CreateConversation;\n\n// Style definitions for the component\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n },\n header: {\n paddingTop: 15,\n paddingLeft: 10,\n flexDirection: 'row',\n alignItems: 'center',\n },\n rowCenter: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n headerText: {\n paddingLeft: 5,\n },\n tabContainer: {\n marginTop: 20,\n flexDirection: 'row',\n marginHorizontal: 20,\n borderRadius: 30,\n padding: 5,\n },\n tabButton: {\n flex: 1,\n paddingVertical: 10,\n alignItems: 'center',\n borderRadius: 30,\n },\n activeTab: {\n borderRadius: 30,\n },\n tabText: {\n fontSize: 16,\n fontWeight: 'bold',\n },\n content: {\n flex: 1,\n },\n});\n"
},
{
"path": "examples/SampleApp/src/components/conversations/screens/GroupInfo.tsx",
"content": "import React, { useEffect, useRef, useState } from 'react';\nimport {\n View,\n Text,\n TouchableOpacity,\n useWindowDimensions,\n BackHandler,\n} from 'react-native';\nimport { RouteProp, useFocusEffect } from '@react-navigation/native';\nimport { StackNavigationProp } from '@react-navigation/stack';\nimport {\n CometChatAvatar,\n CometChatGroupsEvents,\n CometChatUIEventHandler,\n CometChatConfirmDialog,\n useTheme,\n CometChatConversationEvents,\n CometChatUIEvents,\n useCometChatTranslation,\n} from '@cometchat/chat-uikit-react-native';\nimport { Icon } from '@cometchat/chat-uikit-react-native';\nimport { CometChat } from '@cometchat/chat-sdk-react-native';\nimport {\n CometChatUIKit,\n CometChatUiKitConstants,\n} from '@cometchat/chat-uikit-react-native';\nimport { RootStackParamList } from '../../../navigation/types';\nimport { listners } from '../helper/GroupListeners';\nimport { styles } from './GroupInfoStyles';\nimport { leaveGroup } from '../../../utils/helper';\nimport { CommonUtils } from '../../../utils/CommonUtils';\nimport ArrowBack from '../../../assets/icons/ArrowBack';\nimport Group from '../../../assets/icons/Group';\nimport PersonAdd from '../../../assets/icons/PersonAdd';\nimport PersonOff from '../../../assets/icons/PersonOff';\nimport Block from '../../../assets/icons/Block';\nimport Delete from '../../../assets/icons/Delete';\nimport { useConfig } from '../../../config/store';\n\ntype GroupInfoProps = {\n route: RouteProp;\n navigation: StackNavigationProp;\n};\n\nconst GroupInfo: React.FC = ({route, navigation}) => {\n const addMembersToGroups = useConfig(\n (state) => state.settings.chatFeatures.groupManagement.addMembersToGroups\n );\n const joinLeaveGroup = useConfig(\n (state) => state.settings.chatFeatures.groupManagement.joinLeaveGroup\n );\n const deleteGroup = useConfig(\n (state) => state.settings.chatFeatures.groupManagement.deleteGroup\n );\n const viewGroupMembers = useConfig(\n (state) => state.settings.chatFeatures.groupManagement.viewGroupMembers\n );\n const { group } = route.params;\n const theme = useTheme();\n const { t } = useCometChatTranslation();\n const groupListenerId = useRef('groupListener' + new Date().getTime());\n\n const [data, setData] = useState({ groupDetails: group });\n const [userScope, setUserScope] = useState(\n group?.getOwner() === CometChatUIKit.loggedInUser?.getUid()\n ? CometChatUiKitConstants.GroupMemberScope.owner\n : group?.getScope(),\n );\n\n // Separate states for each type of modal\n const [isLeaveModalOpen, setIsLeaveModalOpen] = useState(false);\n const [isOwnerLeaveModalOpen, setIsOwnerLeaveModalOpen] = useState(false);\n const [isDeleteExitModalOpen, setIsDeleteExitModalOpen] = useState(false);\n const [isDeleteModalOpen, setDeleteModalOpen] = useState(false);\n\n const { width } = useWindowDimensions();\n const isSmallDevice = width < 360;\n\n useEffect(() => {\n // Update group details in state whenever group changes\n const handleGroupListener = (updatedGroup: CometChat.Group) => {\n if (updatedGroup.getGuid() === route.params.group.getGuid()) {\n setData({ groupDetails: updatedGroup });\n setUserScope(\n updatedGroup?.getOwner() === CometChatUIKit.loggedInUser?.getUid()\n ? CometChatUiKitConstants.GroupMemberScope.owner\n : (updatedGroup?.getScope() ?? userScope),\n );\n }\n };\n\n const handleGroupMemberKicked = ({ kickedFrom }: any) => {\n handleGroupListener(CommonUtils.clone(kickedFrom));\n };\n const handleGroupMemberBanned = ({ kickedFrom }: any) => {\n handleGroupListener(CommonUtils.clone(kickedFrom));\n };\n const handleGroupMemberAdded = ({ userAddedIn }: any) => {\n handleGroupListener(CommonUtils.clone(userAddedIn));\n };\n const handleOwnershipChanged = ({ group }: any) => {\n handleGroupListener(group);\n };\n\n // Add group listeners\n listners.addListener.groupListener({\n groupListenerId: groupListenerId.current,\n handleGroupListener,\n });\n\n CometChatUIEventHandler.addGroupListener(groupListenerId.current, {\n ccGroupMemberKicked: (item: any) => handleGroupMemberKicked(item),\n ccGroupMemberBanned: (item: any) => handleGroupMemberBanned(item),\n ccGroupMemberAdded: (item: any) => handleGroupMemberAdded(item),\n ccOwnershipChanged: (item: any) => handleOwnershipChanged(item),\n });\n\n return () => {\n // Cleanup\n listners.removeListner.removeGroupListener({\n groupListenerId: groupListenerId.current,\n });\n CometChatUIEventHandler.removeGroupListener(groupListenerId.current);\n CometChat.removeGroupListener(groupListenerId.current);\n };\n }, [group, userScope]);\n\n useFocusEffect(\n React.useCallback(() => {\n const onBackPress = () => {\n // Navigate back to message screen (same as your onPress handler)\n navigation.goBack();\n return true; // Prevent default back behavior\n };\n\n const subscription = BackHandler.addEventListener(\n 'hardwareBackPress',\n onBackPress,\n );\n\n return () => subscription.remove();\n }, [navigation]),\n );\n\n const getLabel = (key: string) => {\n const label = t(key);\n // Split into two words if device is small\n if (isSmallDevice && label.split(' ').length === 2) {\n return label.split(' ').join('\\n');\n }\n return label;\n };\n\n /**\n * Handlers for each modal's confirm action\n */\n\n // 1) Normal \"Leave Group\" confirm\n const handleLeaveConfirm = () => {\n setIsLeaveModalOpen(false);\n if (data.groupDetails) {\n leaveGroup(data.groupDetails, navigation, 2);\n }\n };\n\n // 2) \"Owner => Transfer Ownership\" confirm\n const handleOwnerLeaveConfirm = () => {\n if (!data.groupDetails) return;\n\n setIsOwnerLeaveModalOpen(false);\n navigation.navigate('TransferOwnershipSection', {\n group: data.groupDetails,\n });\n };\n\n // 3) \"Delete and Exit\" confirm\n const handleDeleteExitConfirm = () => {\n setIsDeleteExitModalOpen(false);\n if (!data.groupDetails) return;\n // Delete group\n CometChat.deleteGroup(data.groupDetails.getGuid())\n .then(() => {\n navigation.pop(2);\n })\n .catch(error => {\n console.log('Group deletion failed:', error);\n });\n // Emit group deleted event\n CometChatUIEventHandler.emitGroupEvent(\n CometChatGroupsEvents.ccGroupDeleted,\n {\n group: data.groupDetails,\n },\n );\n };\n\n /** DELETE CONVERSATION LOGIC **/\n const handleDeleteConversationConfirm = () => {\n setDeleteModalOpen(false); // close the dialog\n if (group) {\n CometChat.getConversation(group.getGuid(), 'group')\n .then(conversation => {\n CometChat.deleteConversation(group.getGuid(), 'group')\n .then(deletedConversation => {\n console.log(deletedConversation);\n CometChatUIEventHandler.emitConversationEvent(\n CometChatConversationEvents.ccConversationDeleted,\n { conversation: conversation },\n );\n navigation.pop(2);\n })\n .catch(error => {\n console.log('Error while deleting conversation:', error);\n });\n })\n .catch(error => {\n console.log('Error while deleting conversation:', error);\n });\n }\n };\n\n return (\n \n {/* Header */}\n \n navigation.goBack()}\n >\n \n {t('GROUP_INFO')}\n \n \n\n {/* Main Group Info Container */}\n \n \n \n \n {data.groupDetails?.getName()}\n \n \n \n {data.groupDetails?.getMembersCount() +\n ' ' +\n t(\n data.groupDetails?.getMembersCount() === 1\n ? 'MEMBER'\n : 'MEMBERS',\n )}\n \n \n\n {/* Action Boxes: Add Members / View Members / Banned Members */}\n \n {/* Add Members */}\n {addMembersToGroups &&\n [CometChatUiKitConstants.GroupMemberScope.owner,\n CometChatUiKitConstants.GroupMemberScope.admin\n ].includes(userScope) && (\n {\n navigation.navigate('AddMember', { group });\n }}\n style={[\n styles.buttonContainer,\n { borderColor: theme.color.borderDefault },\n ]}\n >\n \n {getLabel('ADD_MEMBERS')}\n \n \n )}\n\n {/* View Members */}\n {viewGroupMembers && (\n {\n navigation.navigate('ViewMembers', { group });\n }}\n style={[\n styles.buttonContainer,\n { borderColor: theme.color.borderDefault },\n ]}\n >\n \n {getLabel('VIEW_MEMBERS')}\n \n \n )}\n {/* Banned Members */}\n {(userScope === CometChatUiKitConstants.GroupMemberScope.owner ||\n userScope === CometChatUiKitConstants.GroupMemberScope.admin ||\n userScope ===\n CometChatUiKitConstants.GroupMemberScope.moderator) && (\n {\n navigation.navigate('BannedMember', { group });\n }}\n style={[\n styles.buttonContainer,\n { borderColor: theme.color.borderDefault },\n ]}\n >\n \n {getLabel('BANNED_MEMBERS')}\n \n \n )}\n \n \n\n {/* Actions */}\n \n \n setDeleteModalOpen(true)}\n style={styles.iconContainer}\n >\n \n {t('DELETE_CHAT_TEXT')}\n \n \n \n {/* If user is owner but group has multiple members => must TRANSFER ownership.\n Otherwise => normal leave. */}\n {joinLeaveGroup &&\n (data.groupDetails.getMembersCount() > 1 ||\n userScope !== CometChatUiKitConstants.GroupMemberScope.owner) && (\n \n {\n if (userScope === CometChatUiKitConstants.GroupMemberScope.owner) {\n setIsOwnerLeaveModalOpen(true);\n } else {\n setIsLeaveModalOpen(true);\n }\n }}\n style={styles.iconContainer}\n >\n \n {t('LEAVE')}\n \n \n \n )}\n\n {/* Delete and Exit (Group owner only) */}\n {deleteGroup && \n [\n CometChatUiKitConstants.GroupMemberScope.owner,\n CometChatUiKitConstants.GroupMemberScope.admin,\n ].includes(userScope) && (\n \n setIsDeleteExitModalOpen(true)}\n style={styles.iconContainer}\n >\n \n {t('DELETE_AND_EXIT')}\n \n \n \n )}\n \n\n {/* ============== LEAVE GROUP (Regular) Dialog ============== */}\n setIsLeaveModalOpen(false)}\n onConfirm={handleLeaveConfirm}\n titleText={t('LEAVE_GROUP_TEXT')}\n messageText={t('LEAVE_SURE')}\n cancelButtonText={t('CANCEL')}\n confirmButtonText={t('LEAVE')}\n icon={ setIsOwnerLeaveModalOpen(false)}\n onConfirm={handleOwnerLeaveConfirm}\n titleText={t('TRANSFER_OWNERSHIP')}\n messageText={t('TRANSFER_SURE')}\n cancelButtonText={t('CANCEL')}\n confirmButtonText={t('TRANSFER')}\n icon={ setIsDeleteExitModalOpen(false)}\n onConfirm={handleDeleteExitConfirm}\n titleText={`${t('DELETE_AND_EXIT')}?`}\n messageText={t('DELETE_AND_EXIT_SURE')}\n cancelButtonText={t('CANCEL')}\n confirmButtonText={t('DELETE_AND_EXIT')}\n icon={ setDeleteModalOpen(false)}\n onConfirm={handleDeleteConversationConfirm}\n onDismiss={() => console.log('Delete Modal dismissed')}\n titleText={t('DELETE_CHAT')}\n messageText={t('SURE_TO_DELETE_CHAT')}\n cancelButtonText={t('CANCEL')}\n confirmButtonText={t('DELETE')}\n icon={;\n\nconst Messages: React.FC = ({ route, navigation }) => {\n const {\n user,\n group,\n fromMention = false,\n fromMessagePrivately = false,\n parentMessageId: routeParentMessageId,\n messageId,\n searchKeyword,\n navigatedFromSearch\n } = route.params;\n const typingIndicator = useConfig(\n (state) => state.settings.chatFeatures.coreMessagingExperience.typingIndicator\n );\n const threadConversationAndReplies = useConfig(\n (state) => state.settings.chatFeatures.coreMessagingExperience.threadConversationAndReplies\n );\n const photosSharing = useConfig(\n (state) => state.settings.chatFeatures.coreMessagingExperience.photosSharing\n );\n const videoSharing = useConfig(\n (state) => state.settings.chatFeatures.coreMessagingExperience.videoSharing\n );\n const audioSharing = useConfig(\n (state) => state.settings.chatFeatures.coreMessagingExperience.audioSharing\n );\n const fileSharing = useConfig(\n (state) => state.settings.chatFeatures.coreMessagingExperience.fileSharing\n );\n const editMessage = useConfig(\n (state) => state.settings.chatFeatures.coreMessagingExperience.editMessage\n );\n const deleteMessage = useConfig(\n (state) => state.settings.chatFeatures.coreMessagingExperience.deleteMessage\n );\n const messageDeliveryAndReadReceipts = useConfig(\n (state) => state.settings.chatFeatures.coreMessagingExperience.messageDeliveryAndReadReceipts\n );\n const userAndFriendsPresence = useConfig(\n (state) => state.settings.chatFeatures.coreMessagingExperience.userAndFriendsPresence\n );\n const mentions = useConfig(\n (state) => state.settings.chatFeatures.deeperUserEngagement.mentions\n );\n const reactions = useConfig(\n (state) => state.settings.chatFeatures.deeperUserEngagement.reactions\n );\n const messageTranslation = useConfig(\n (state) => state.settings.chatFeatures.deeperUserEngagement.messageTranslation\n );\n const polls = useConfig(\n (state) => state.settings.chatFeatures.deeperUserEngagement.polls\n );\n const collaborativeWhiteboard = useConfig(\n (state) => state.settings.chatFeatures.deeperUserEngagement.collaborativeWhiteboard\n );\n const collaborativeDocument = useConfig(\n (state) => state.settings.chatFeatures.deeperUserEngagement.collaborativeDocument\n );\n const voiceNotes = useConfig(\n (state) => state.settings.chatFeatures.deeperUserEngagement.voiceNotes\n );\n const stickers = useConfig(\n (state) => state.settings.chatFeatures.deeperUserEngagement.stickers\n );\n const userInfo = useConfig(\n (state) => state.settings.chatFeatures.deeperUserEngagement.userInfo\n );\n const groupInfo = useConfig(\n (state) => state.settings.chatFeatures.deeperUserEngagement.groupInfo\n );\n const sendPrivateMessageToGroupMembers = useConfig(\n (state) => state.settings.chatFeatures.privateMessagingWithinGroups.sendPrivateMessageToGroupMembers\n );\n const oneOnOneVoiceCalling = useConfig(\n (state) => state.settings.callFeatures.voiceAndVideoCalling.oneOnOneVoiceCalling\n );\n const oneOnOneVideoCalling = useConfig(\n (state) => state.settings.callFeatures.voiceAndVideoCalling.oneOnOneVideoCalling\n );\n const groupVideoConference = useConfig(\n (state) => state.settings.callFeatures.voiceAndVideoCalling.groupVideoConference\n );\n const groupVoiceConference = useConfig(\n (state) => state.settings.callFeatures.voiceAndVideoCalling.groupVoiceConference\n );\n const compactMessageComposer = useConfig(\n (state) => state.settings.layout.compactMessageComposer\n );\n\n const loggedInUser = useRef(\n CometChatUIKit.loggedInUser!,\n ).current;\n const theme = useTheme();\n const { t } = useCometChatTranslation();\n const themeRef = useRef(theme);\n const navigationRef = useRef(navigation);\n const routeRef = useRef(route);\n const userListenerId = 'app_messages' + new Date().getTime();\n // Stable listener id for the lifetime of this component (prevents multiple listeners)\n const openmessageListenerIdRef = useRef('message_' + new Date().getTime());\n const lastOpenChatRef = useRef<{ uid: string; time: number } | null>(null);\n const [localUser, setLocalUser] = useState(user);\n const [messageListKey, setMessageListKey] = useState(0);\n const [messageComposerKey, setMessageComposerKey] = useState(0);\n const [showHistoryModal, setShowHistoryModal] = useState(false);\n\n // Manage parentMessageId in parent component\n const [parentMessageId, setParentMessageId] = useState(routeParentMessageId);\n\n const { setActiveChat } = useActiveChat();\n const insets = useSafeAreaInsets();\n\n // Add ref to track streaming state\n const messageComposerRef = useRef(null);\n\n /** Animation state for drawer */\n const slideAnim = useRef(new Animated.Value(width)).current;\n\n useEffect(() => {\n if (showHistoryModal) {\n Animated.timing(slideAnim, {\n toValue: 0,\n duration: 300,\n useNativeDriver: true,\n }).start();\n } else {\n Animated.timing(slideAnim, {\n toValue: width,\n duration: 300,\n useNativeDriver: true,\n }).start();\n }\n }, [showHistoryModal, slideAnim]);\n\n /** Agentic user check */\n const isAgenticUser = useCallback((): boolean => {\n if (localUser) {\n return localUser.getRole?.() === '@agentic';\n }\n return false;\n }, [localUser]);\n const agentic = isAgenticUser();\n\n // ============================================\n // Group Kicked/Banned Detection (real-time)\n // ============================================\n const isNoLongerMember = useGroupMemberStatus(group);\n\n // Stop streaming when app goes to background for agentic users\n useEffect(() => {\n if (!agentic) return;\n\n const handleAppStateChange = (nextAppState: AppStateStatus) => {\n if (nextAppState === 'background' || nextAppState === 'inactive') {\n stopStreamingForRunId();\n if (messageComposerRef.current?.resetStreaming) {\n messageComposerRef.current.resetStreaming();\n }\n }\n };\n\n const subscription = AppState.addEventListener('change', handleAppStateChange);\n return () => subscription.remove();\n }, [agentic]);\n\n useEffect(() => {\n // if it’s a user chat\n if (user) {\n setActiveChat({ type: 'user', id: user.getUid() });\n } else if (group) {\n setActiveChat({ type: 'group', id: group.getGuid() });\n }\n\n // Cleanup on unmount => setActiveChat(null)\n return () => {\n setActiveChat(null);\n // Reset streaming state when leaving chat\n if (messageComposerRef.current?.resetStreaming) {\n messageComposerRef.current.resetStreaming();\n }\n };\n }, [user, group, setActiveChat]);\n\n useEffect(() => {\n const backAction = () => {\n if (fromMention || fromMessagePrivately) {\n navigation.goBack();\n } else {\n navigation.popToTop();\n }\n return true;\n };\n // Add event listener for hardware back press\n const backHandler = BackHandler.addEventListener(\n 'hardwareBackPress',\n backAction,\n );\n return () => backHandler.remove();\n }, [navigation, fromMention, fromMessagePrivately]);\n\n useEffect(() => {\n CometChatUIEventHandler.addUserListener(userListenerId, {\n ccUserBlocked: (item: { user: CometChat.User }) =>\n handleccUserBlocked(item),\n ccUserUnBlocked: (item: { user: CometChat.User }) =>\n handleccUserUnBlocked(item),\n });\n const statusListenerId = 'user_status_messages_' + new Date().getTime();\n if (localUser) {\n\n CometChat.addUserListener(\n statusListenerId,\n new CometChat.UserListener({\n onUserOnline: (onlineUser: CometChat.User) => {\n if (onlineUser.getUid() === localUser.getUid()) {\n console.log('🚀 ~ onUserOnline ~ onlineUser:', onlineUser);\n setLocalUser(onlineUser);\n }\n },\n onUserOffline: (offlineUser: CometChat.User) => {\n console.log('🚀 ~ onUserOffline ~ offlineUser:', offlineUser);\n if (offlineUser.getUid() === localUser.getUid()) {\n setLocalUser(offlineUser);\n }\n },\n }),\n );\n }\n\n // Only attach the openChat listener when we are in a group context.\n // This prevents stacking duplicate private chat screens because the group\n // screen remains mounted underneath the user chat.\n const currentListenerId = openmessageListenerIdRef.current;\n if (group) {\n CometChatUIEventHandler.addUIListener(currentListenerId, {\n openChat: ({ user: chatUser }) => {\n if (!chatUser) return;\n\n try {\n const uid = chatUser.getUid();\n\n // 1. Debounce rapid duplicate events (within 800ms for the same UID)\n const now = Date.now();\n if (\n lastOpenChatRef.current &&\n lastOpenChatRef.current.uid === uid &&\n now - lastOpenChatRef.current.time < 800\n ) {\n return; // ignore duplicate\n }\n\n const state = navigation.getState();\n const routes = state?.routes || [];\n const topRoute = routes[routes.length - 1];\n\n // If the top route already represents this user chat, skip.\n if (\n topRoute?.name === 'Messages' &&\n (topRoute as any)?.params?.user?.getUid &&\n (topRoute as any).params.user.getUid() === uid\n ) {\n return;\n }\n\n // If any existing route (beneath) already has this user chat, pop back to it instead of pushing another.\n const existingIndex = routes.findIndex(\n r =>\n r.name === 'Messages' &&\n (r as any)?.params?.user?.getUid &&\n (r as any).params.user.getUid() === uid,\n );\n if (existingIndex !== -1) {\n const popCount = routes.length - existingIndex - 1;\n if (popCount > 0) {\n navigation.pop(popCount);\n }\n return; // we're now at the existing user chat\n }\n\n lastOpenChatRef.current = { uid, time: now };\n navigation.push('Messages', { user: chatUser, fromMessagePrivately: true });\n } catch (e) {\n console.warn('openChat navigation prevented due to error', e);\n }\n },\n });\n }\n\n // Close sticker panel when screen loses focus\n const blurSub = navigation.addListener('blur', () => {\n CometChatUIEventHandler.emitUIEvent?.(CometChatUIEvents.hidePanel, {\n alignment: 'composerBottom',\n child: () => null,\n panelId: 'sticker',\n });\n });\n const focusSub = navigation.addListener('focus', () => {\n // Force re-mount composer so auxiliary options (StickerButton) reset correctly\n setMessageComposerKey(prev => prev + 1);\n });\n\n return () => {\n CometChatUIEventHandler.removeUserListener(userListenerId);\n CometChat.removeUserListener(statusListenerId);\n if (group) {\n CometChatUIEventHandler.removeUIListener(currentListenerId);\n }\n blurSub();\n\n focusSub();\n };\n // Listener re-attached only when group context changes\n }, [navigation, group, userListenerId]);\n\n const handleccUserBlocked = ({ user: blockedUser }: { user: CometChat.User }) => {\n setLocalUser(CommonUtils.clone(blockedUser));\n };\n\n const handleccUserUnBlocked = ({ user: unblockedUser }: { user: CometChat.User }) => {\n setLocalUser(CommonUtils.clone(unblockedUser));\n };\n\n /** Reset messages */\n const handleNewChatClick = useCallback(() => {\n if (messageComposerRef.current?.resetStreaming) {\n messageComposerRef.current.resetStreaming();\n }\n setParentMessageId(undefined);\n setMessageListKey(prev => prev + 1);\n setMessageComposerKey(prev => prev + 1);\n setShowHistoryModal(false);\n navigation.replace('Messages', {\n user,\n group,\n });\n }, [navigation, user, group]);\n\n /** Open chat history modal */\n const handleChatHistoryClick = useCallback(() => {\n setShowHistoryModal(true);\n }, []);\n\n /** Handle history message click */\n const handleHistoryMessageClick = useCallback(\n (message: CometChat.BaseMessage) => {\n if (messageComposerRef.current && messageComposerRef.current.stopStreaming) {\n messageComposerRef.current.stopStreaming();\n }\n setShowHistoryModal(false);\n setParentMessageId(message.getId().toString());\n setMessageListKey(prev => prev + 1);\n setMessageComposerKey(prev => prev + 1);\n },\n [],\n );\n\n /** Handle history error */\n const handleChatHistoryError = useCallback(\n (_error: CometChat.CometChatException) => {},\n [],\n );\n\n const unblock = async (userToUnblock: CometChat.User) => {\n let uid = userToUnblock.getUid();\n try {\n const response = await CometChat.unblockUsers([uid]);\n const unBlockedUser = await CometChat.getUser(uid);\n if (response) {\n setLocalUser(unBlockedUser);\n\n // Optionally emit an event or let the server call do the job\n CometChatUIEventHandler.emitUserEvent(\n CometChatUIEvents.ccUserUnBlocked,\n {\n user: unBlockedUser,\n },\n );\n }\n } catch (error) {\n console.error('Error unblocking user:', error);\n }\n };\n\n // Options for the header menu\n const options = useMemo(() => {\n return () => {\n // For agentic users, don't show any options menu\n if (agentic) {\n return [];\n }\n\n const menuOptions = [];\n\n // Add info option first\n if (group && loggedInUser) {\n menuOptions.push({\n text: 'Group Info',\n onPress: () => {\n navigation.navigate('GroupInfo', { group });\n },\n icon: \n \n {\n if (fromMention || fromMessagePrivately) {\n navigation.goBack();\n } else {\n navigation.popToTop();\n }\n }}\n showBackButton={true}\n usersStatusVisibility={userAndFriendsPresence}\n hideVoiceCallButton={\n (user && !oneOnOneVoiceCalling) || (group && !groupVoiceConference)\n }\n hideVideoCallButton={\n (user && !oneOnOneVideoCalling) || (group && !groupVideoConference)\n }\n hideChatHistoryButton={false}\n hideNewChatButton={false}\n onChatHistoryButtonClick={handleChatHistoryClick}\n onNewChatButtonClick={handleNewChatClick}\n options={options}\n />\n \n {\n CometChatUIEventHandler.emitUIEvent?.(\n CometChatUIEvents.hidePanel,\n {\n alignment: 'composerBottom',\n child: () => null,\n },\n );\n navigation.navigate('ThreadView', { message: messageObject, user, group });\n }}\n hideReplyInThreadOption={!threadConversationAndReplies}\n hideEditMessageOption={!editMessage}\n hideDeleteMessageOption={!deleteMessage}\n receiptsVisibility={messageDeliveryAndReadReceipts}\n hideTranslateMessageOption={!messageTranslation}\n hideReactionOption={!reactions}\n hideMessagePrivatelyOption={!sendPrivateMessageToGroupMembers}\n aiAssistantTools={new CometChatAIAssistantTools({\n getCurrentWeather: (args: any) => console.log('Weather args', args),\n })}\n streamingSpeed={10}\n goToMessageId={messageId}\n searchKeyword={searchKeyword}\n navigatedFromSearch={navigatedFromSearch}\n showMarkAsUnreadOption={true}\n startFromUnreadMessages={true}\n />\n \n\n {/* Chat History Drawer */}\n {agentic && (\n setShowHistoryModal(false)}>\n \n \n setShowHistoryModal(false)}\n onMessageClicked={handleHistoryMessageClick}\n onError={handleChatHistoryError}\n onNewChatButtonClick={handleNewChatClick}\n />\n \n \n \n )}\n\n {isNoLongerMember ? (\n \n \n {t('GROUP_NO_LONGER_MEMBER')}\n \n \n ) : localUser?.getBlockedByMe() ? (\n \n \n {t('BLOCKED_USER_DESC')}\n \n unblock(localUser)}\n style={[styles.button, { borderColor: theme.color.borderDefault }]}\n >\n \n {t('UNBLOCK')}\n \n \n \n ) : (\n compactMessageComposer ? (\n \n );\n};\n\nconst styles = StyleSheet.create({\n flexOne: {\n flex: 1,\n },\n blockedContainer: {\n alignItems: 'center',\n height: 90,\n paddingVertical: 10,\n },\n button: {\n flex: 1,\n justifyContent: 'center',\n borderWidth: 2,\n width: '90%',\n borderRadius: 8,\n },\n buttontext: {\n paddingVertical: 5,\n textAlign: 'center',\n alignContent: 'center',\n },\n\n});\n\nconst drawerStyles = StyleSheet.create({\n backdrop: {\n justifyContent: 'flex-start',\n alignItems: 'flex-end',\n },\n drawer: {\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n },\n});\n\nexport default Messages;\n"
},
{
"path": "examples/SampleApp/src/components/conversations/screens/OngoingCallScreen.tsx",
"content": "import React, { useMemo, useRef } from 'react';\nimport { CometChat } from '@cometchat/chat-sdk-react-native';\nimport { navigate, navigationRef } from '../../../navigation/NavigationService';\nimport { CometChatCalls } from '@cometchat/calls-sdk-react-native';\nimport { CometChatOngoingCall } from '@cometchat/chat-uikit-react-native';\nimport { SCREEN_CONSTANTS } from '../../../utils/AppConstants';\nimport type { RouteProp } from '@react-navigation/native';\nimport { CallType, RootStackParamList } from '../../../navigation/types';\n\ntype Props = {\n navigation: any;\n route: RouteProp;\n};\n\nconst OngoingCallScreen = ({ navigation, route }: Props) => {\n const params = route.params;\n\n // 1) Normalize sessionId\n const sessionID: string | undefined = useMemo(() => {\n if ('sessionId' in params) return params.sessionId;\n const c = (params as { call: any }).call;\n return c?.sessionId ?? c?.getSessionId?.();\n }, [params]);\n\n // 2) Normalize/derive callType\n const callType: CallType | undefined = useMemo(() => {\n if ('callType' in params) return params.callType;\n\n const c = (params as { call: any }).call;\n if (!c) return undefined;\n\n // Prefer public getter if available\n if (typeof c?.getType === 'function') {\n const t = c.getType();\n if (t === CometChat.CALL_TYPE.AUDIO) return 'audio';\n if (t === CometChat.CALL_TYPE.VIDEO) return 'video';\n }\n\n // Fallbacks for raw payloads\n if (c?.callType === 'audio') return 'audio';\n if (c?.data?.type === CometChat.CALL_TYPE.AUDIO) return 'audio';\n if (c?.data?.type === CometChat.CALL_TYPE.VIDEO) return 'video';\n\n return undefined;\n }, [params]);\n\n const isAudioOnly = callType === 'audio';\n\n const callListener = useRef(\n new CometChatCalls.OngoingCallListener({\n onCallEnded: () => {\n CometChat.clearActiveCall();\n CometChatCalls.endSession();\n navigate('BottomTabNavigator', undefined as any);\n navigationRef.reset({\n index: 0,\n routes: [{ name: SCREEN_CONSTANTS.BOTTOM_TAB_NAVIGATOR }],\n });\n },\n onCallEndButtonPressed: () => {\n if (sessionID) CometChat.endCall(sessionID);\n navigate('BottomTabNavigator', undefined as any);\n navigationRef.reset({\n index: 0,\n routes: [{ name: SCREEN_CONSTANTS.BOTTOM_TAB_NAVIGATOR }],\n });\n },\n }),\n );\n\n const callSettings = useMemo(() => {\n return new CometChatCalls.CallSettingsBuilder()\n .enableDefaultLayout(true)\n .setCallEventListener(callListener.current)\n .setIsAudioOnlyCall(!!isAudioOnly);\n }, [isAudioOnly]);\n\n if (!sessionID) {\n // Belt & suspenders: try to recover from active call if param missing\n const active: any = CometChat.getActiveCall?.();\n const recovered =\n typeof active?.getSessionId === 'function'\n ? active.getSessionId()\n : undefined;\n if (!recovered) return null; // or render a fallback/loading\n }\n\n return (\n ;\n\nconst SearchMessages: React.FC = ({ route, navigation }) => {\n const { user, group } = route.params || {};\n const theme = useTheme();\n const { t } = useCometChatTranslation();\n const insets = useSafeAreaInsets();\n\n const navigationRef = useRef(navigation);\n const routeRef = useRef(route);\n\n // Update refs when navigation/route changes\n useEffect(() => {\n navigationRef.current = navigation;\n routeRef.current = route;\n }, [navigation, route]);\n\n // Handle back button on Android\n useEffect(() => {\n const backAction = () => {\n navigation.goBack();\n return true;\n };\n\n const backHandler = BackHandler.addEventListener(\n 'hardwareBackPress',\n backAction,\n );\n\n return () => backHandler.remove();\n }, [navigation]);\n\n const handleBack = useCallback(() => {\n navigation.goBack();\n }, [navigation]);\n\n const handleConversationClicked = useCallback((conversation: CometChat.Conversation, searchKeyword?: string) => {\n // Navigate to messages screen with the selected conversation\n const conversationWith = conversation.getConversationWith();\n\n if (conversationWith instanceof CometChat.User) {\n navigate(SCREEN_CONSTANTS.MESSAGES, {\n user: conversationWith,\n searchKeyword,\n });\n } else if (conversationWith instanceof CometChat.Group) {\n navigate(SCREEN_CONSTANTS.MESSAGES, {\n group: conversationWith,\n searchKeyword,\n });\n }\n }, []);\n\n const handleMessageClicked = useCallback(async (message: CometChat.BaseMessage, searchKeyword?: string) => {\n // Navigate to messages screen and highlight the specific message\n const messageReceiver = message.getReceiver();\n const parentMessageId = message.getParentMessageId();\n\n let targetUser: CometChat.User | undefined;\n let targetGroup: CometChat.Group | undefined;\n\n if (messageReceiver instanceof CometChat.User) {\n // For user messages, determine if it's a direct message to/from the user\n const sender = message.getSender();\n const loggedInUser = await CometChat.getLoggedinUser();\n\n if (sender.getUid() === loggedInUser?.getUid()) {\n // Message sent by logged-in user, target is receiver\n targetUser = messageReceiver;\n } else {\n // Message received by logged-in user, target is sender\n targetUser = sender;\n }\n } else if (messageReceiver instanceof CometChat.Group) {\n targetGroup = messageReceiver;\n }\n\n if (parentMessageId) {\n try {\n const parentMessage = await CometChat.getMessageDetails(parentMessageId);\n if (parentMessage) {\n navigate(SCREEN_CONSTANTS.THREAD_VIEW, {\n message: parentMessage,\n user: targetUser,\n group: targetGroup,\n highlightMessageId: String(message.getId()),\n });\n return;\n }\n } catch (e) {\n console.error(\"Failed to fetch parent message\", e);\n }\n }\n\n if (targetUser) {\n navigate(SCREEN_CONSTANTS.MESSAGES, {\n user: targetUser,\n messageId: String(message.getId()),\n searchKeyword,\n navigatedFromSearch: true,\n });\n } else if (targetGroup) {\n navigate(SCREEN_CONSTANTS.MESSAGES, {\n group: targetGroup,\n messageId: String(message.getId()),\n searchKeyword,\n navigatedFromSearch: true,\n });\n }\n }, []);\n\n\n // Determine placeholder text\n let searchPlaceholder = \"Search\";\n if (user && user.getName()) {\n searchPlaceholder = `Search in ${user.getName()}`;\n } else if (group && group.getName()) {\n searchPlaceholder = `Search in ${group.getName()}`;\n }\n\n return (\n \n {Platform.OS === 'ios' && (\n \n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n },\n});\n\nexport default SearchMessages;"
},
{
"path": "examples/SampleApp/src/components/conversations/screens/ThreadView.tsx",
"content": "import React, {\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport {\n View,\n Text,\n TouchableOpacity,\n StyleSheet,\n BackHandler,\n Platform,\n} from 'react-native';\nimport {\n RouteProp,\n useRoute,\n useNavigation,\n useFocusEffect,\n} from '@react-navigation/native';\nimport {\n CometChatThreadHeader,\n CometChatMessageList,\n CometChatCompactMessageComposer,\n CometChatMessageComposer,\n useCometChatTranslation,\n CometChatUIKit,\n ChatConfigurator,\n CometChatUIEventHandler,\n CometChatUIEvents,\n} from '@cometchat/chat-uikit-react-native';\nimport { Icon } from '@cometchat/chat-uikit-react-native';\nimport { useTheme } from '@cometchat/chat-uikit-react-native';\nimport { RootStackParamList } from '../../../navigation/types';\nimport ArrowBack from '../../../assets/icons/ArrowBack';\nimport { StackNavigationProp } from '@react-navigation/stack';\nimport { CometChat } from '@cometchat/chat-sdk-react-native';\nimport { CommonUtils } from '../../../utils/CommonUtils';\nimport { useConfig } from '../../../config/store';\nimport { useGroupMemberStatus } from '../../../hooks/useGroupMemberStatus';\n\n\ntype ThreadViewRouteProp = RouteProp;\ntype ThreadViewNavProp = StackNavigationProp;\n\nconst ThreadView = () => {\n const { params } = useRoute();\n const navigation = useNavigation(); // <-- added navigation\n const { goBack } = navigation;\n const theme = useTheme();\n const { message, user, group } = params || {};\n const { t } = useCometChatTranslation();\n const messageDeliveryAndReadReceipts = useConfig(\n (state) => state.settings.chatFeatures.coreMessagingExperience.messageDeliveryAndReadReceipts\n );\n const hideReactionOption = useConfig(\n (state) => state.settings.chatFeatures.deeperUserEngagement.reactions\n );\n const photosSharing = useConfig(\n (state) => state.settings.chatFeatures.coreMessagingExperience.photosSharing\n );\n const videoSharing = useConfig(\n (state) => state.settings.chatFeatures.coreMessagingExperience.videoSharing\n );\n const audioSharing = useConfig(\n (state) => state.settings.chatFeatures.coreMessagingExperience.audioSharing\n );\n const fileSharing = useConfig(\n (state) => state.settings.chatFeatures.coreMessagingExperience.fileSharing\n );\n const mentions = useConfig(\n (state) => state.settings.chatFeatures.deeperUserEngagement.mentions\n );\n const voiceNotes = useConfig(\n (state) => state.settings.chatFeatures.deeperUserEngagement.voiceNotes\n );\n const stickers = useConfig(\n (state) => state.settings.chatFeatures.deeperUserEngagement.stickers\n );\n const sendPrivateMessageToGroupMembers = useConfig(\n (state) => state.settings.chatFeatures.privateMessagingWithinGroups.sendPrivateMessageToGroupMembers\n );\n const compactMessageComposer = useConfig(\n (state) => state.settings.layout.compactMessageComposer\n );\n\n const loggedInUser = useRef(\n CometChatUIKit.loggedInUser!,\n ).current;\n\n const [localUser, setLocalUser] = useState(\n params?.user,\n );\n\n // ============================================\n // Group Kicked/Banned Detection (real-time)\n // ============================================\n const isNoLongerMember = useGroupMemberStatus(group);\n\n // keep listener ids unique\n const userListenerId = 'thread_user_' + new Date().getTime();\n\n // Fetch latest user on mount (if user present)\n useEffect(() => {\n let mounted = true;\n const init = async () => {\n try {\n if (params?.user) {\n const uid = params.user.getUid();\n const fresh = await CometChat.getUser(uid);\n if (mounted) setLocalUser(CommonUtils.clone(fresh));\n }\n } catch (err) {\n console.error('Error fetching user in ThreadView:', err);\n }\n };\n init();\n return () => {\n mounted = false;\n };\n }, [params?.user]);\n\n // add UI listeners for block/unblock to update localUser\n useEffect(() => {\n CometChatUIEventHandler.addUserListener(userListenerId, {\n ccUserBlocked: (payload: { user: CometChat.User }) => {\n setLocalUser(CommonUtils.clone(payload.user));\n },\n ccUserUnBlocked: (payload: { user: CometChat.User }) => {\n setLocalUser(CommonUtils.clone(payload.user));\n },\n });\n\n return () => {\n CometChatUIEventHandler.removeUserListener(userListenerId);\n };\n }, []);\n\n useEffect(() => {\n CometChatUIEventHandler.emitUIEvent?.(CometChatUIEvents.hidePanel, {\n alignment: 'composerBottom',\n child: () => null,\n panelId: 'sticker',\n });\n }, []);\n\n// B) Ensure back also asks to close (already using goBack())\nconst handleBack = useCallback(() => {\n CometChatUIEventHandler.emitUIEvent?.(CometChatUIEvents.hidePanel, {\n alignment: 'composerBottom',\n child: () => null,\n panelId: 'sticker',\n });\n navigation.goBack();\n return true;\n}, [navigation]);\n\n useFocusEffect(\n useCallback(() => {\n // Android hardware back -> just pop\n const sub = BackHandler.addEventListener('hardwareBackPress', handleBack);\n\n // iOS gesture/back button -> let default POP happen, but run side-effects\n const unsub = navigation.addListener('beforeRemove', e => {\n const type = e?.data?.action?.type;\n if (type === 'GO_BACK' || type === 'POP') {\n // IMPORTANT: do NOT e.preventDefault()\n CometChatUIEventHandler.emitUIEvent?.(CometChatUIEvents.hidePanel, {\n alignment: 'composerBottom',\n child: () => null,\n panelId: 'sticker',\n });\n }\n });\n\n return () => {\n sub.remove();\n unsub();\n };\n }, [navigation, handleBack]),\n );\n\n // Header back\n … ;\n\n // Keep gesture enabled\n useLayoutEffect(() => {\n navigation.setOptions?.({ gestureEnabled: true } as any);\n }, [navigation]);\n \n const unblock = async (userToUnblock: CometChat.User) => {\n try {\n const uid = userToUnblock.getUid();\n const response = await CometChat.unblockUsers([uid]);\n if (response) {\n const fresh = await CometChat.getUser(uid);\n setLocalUser(CommonUtils.clone(fresh));\n CometChatUIEventHandler.emitUserEvent(\n CometChatUIEvents.ccUserUnBlocked,\n {\n user: fresh,\n },\n );\n }\n } catch (error) {\n console.error('Error unblocking user from ThreadView:', error);\n }\n };\n\n const getMentionsTap = useCallback(() => {\n const mentionsFormatter =\n ChatConfigurator.getDataSource().getMentionsFormatter(\n loggedInUser,\n theme,\n );\n if (user) mentionsFormatter.setUser(user);\n if (group) mentionsFormatter.setGroup(group);\n\n mentionsFormatter.setOnMentionClick(\n (_message: CometChat.BaseMessage, uid: string) => {\n if (uid !== loggedInUser.getUid()) {\n CometChat.getUser(uid)\n .then((mentionedUser: CometChat.User) => {\n navigation.push('Messages', {\n user: mentionedUser,\n fromMention: true,\n });\n })\n .catch((error: any) => {\n console.error('Error fetching mentioned user:', error);\n });\n }\n },\n );\n return mentionsFormatter;\n }, [user, group, loggedInUser, navigation, theme]);\n\n const threadHeaderMentionsFormatter = useMemo(\n () => getMentionsTap(),\n [getMentionsTap],\n );\n\n return (\n \n {/* Custom Header */}\n \n \n \n \n \n {t('THREAD')}\n \n \n {user ? user?.getName() : group?.getName()}\n \n \n \n\n {/* Thread Header */}\n \n \n\n {/* Message Composer for Thread */}\n {isNoLongerMember ? (\n \n \n {t('GROUP_NO_LONGER_MEMBER')}\n \n \n ) : localUser?.getBlockedByMe() ? (\n \n \n {t('BLOCKED_USER_DESC')}\n \n unblock(localUser)}\n style={[styles.button, { borderColor: theme.color.borderDefault }]}\n >\n \n {t('UNBLOCK')}\n \n \n \n ) : (\n compactMessageComposer ? (\n console.error('Composer Error:', error)}\n keyboardAvoidingViewProps={\n Platform.OS === 'android' ? {} : { behavior: 'padding' }\n }\n hideImageAttachmentOption={!photosSharing}\n hideVideoAttachmentOption={!videoSharing}\n hideAudioAttachmentOption={!audioSharing}\n hideFileAttachmentOption={!fileSharing}\n hideCameraOption={!photosSharing}\n disableMentions={!mentions}\n hideVoiceRecordingButton={!voiceNotes}\n hideStickersButton={!stickers}\n />\n ) : (\n console.error('Composer Error:', error)}\n keyboardAvoidingViewProps={\n Platform.OS === 'android' ? {} : { behavior: 'padding' }\n }\n hideImageAttachmentOption={!photosSharing}\n hideVideoAttachmentOption={!videoSharing}\n hideAudioAttachmentOption={!audioSharing}\n hideFileAttachmentOption={!fileSharing}\n hideCameraOption={!photosSharing}\n disableMentions={!mentions}\n hideVoiceRecordingButton={!voiceNotes}\n hideStickersButton={!stickers}\n />\n )\n )}\n \n );\n};\n\nconst styles = StyleSheet.create({\n headerStyle: {\n paddingVertical: 10,\n paddingLeft: 10,\n flexDirection: 'row',\n },\n iconStyle: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n textStyle: {\n paddingLeft: 10,\n alignItems: 'flex-start',\n },\n blockedContainer: {\n alignItems: 'center',\n height: 90,\n paddingVertical: 10,\n },\n button: {\n flex: 1,\n justifyContent: 'center',\n borderWidth: 2,\n width: '90%',\n borderRadius: 8,\n },\n buttontext: {\n paddingVertical: 5,\n textAlign: 'center',\n alignContent: 'center',\n },\n});\n\nexport default ThreadView;\n"
},
{
"path": "examples/SampleApp/src/components/conversations/screens/TransferOwnership.tsx",
"content": "import React, {useState} from 'react';\nimport {View, Text, TouchableOpacity} from 'react-native';\nimport {RouteProp} from '@react-navigation/native';\nimport {\n CometChatGroupMembers,\n CometChatUIEventHandler,\n CometChatUIEvents,\n useCometChatTranslation,\n useTheme,\n} from '@cometchat/chat-uikit-react-native';\nimport {Icon} from '@cometchat/chat-uikit-react-native';\nimport {CometChat} from '@cometchat/chat-sdk-react-native';\nimport {StackNavigationProp} from '@react-navigation/stack';\nimport {RootStackParamList} from '../../../navigation/types';\nimport {styles} from './TransferOwnershipStyles';\nimport ArrowBack from '../../../assets/icons/ArrowBack';\nimport {CommonUtils} from '../../../utils/CommonUtils';\n\ntype TransferOwnershipScreenProps = {\n route: RouteProp;\n navigation: StackNavigationProp<\n RootStackParamList,\n 'TransferOwnershipSection'\n >;\n};\n\nconst TransferOwnership: React.FC = ({\n route,\n navigation,\n}) => {\n const {group} = route.params;\n const theme = useTheme();\n const {t}= useCometChatTranslation()\n const [selectedOwnershipMember, setSelectedOwnershipMember] =\n useState(null);\n\n const handleBack = () => {\n navigation.goBack();\n };\n\n // Function to leave the group after ownership transfer\n const leaveGroup = (group: CometChat.Group) => {\n CometChat.leaveGroup(group.getGuid())\n .then(() => {\n CometChatUIEventHandler.emitGroupEvent(CometChatUIEvents.ccGroupLeft, {\n leftGroup: CommonUtils.clone(group),\n });\n navigation.pop(3);\n })\n .catch(error => {\n console.log('Group leaving failed with exception:', error);\n });\n };\n\n const handleTransferOwnership = async () => {\n if (!selectedOwnershipMember || !group) return;\n try {\n await CometChat.transferGroupOwnership(\n group.getGuid(),\n selectedOwnershipMember.getUid(),\n );\n leaveGroup(group);\n } catch (error) {\n console.error('Ownership transfer failed:', error);\n }\n };\n\n return (\n \n {/* Header */}\n \n \n \n {t('TRANSFER_OWNERSHIP')}\n \n \n\n {/* Group Members List */}\n {group && (\n {\n setSelectedOwnershipMember(\n members && members.length > 0 ? members[0] : null,\n );\n }}\n />\n )}\n\n {/* Transfer Ownership Button */}\n \n \n \n {t('TRANSFER_OWNERSHIP')}\n \n \n \n \n );\n};\n\nexport default TransferOwnership;\n"
},
{
"path": "examples/SampleApp/src/components/conversations/screens/TransferOwnershipStyles.tsx",
"content": "import {StyleSheet} from 'react-native';\n\nexport const styles = StyleSheet.create({\n headerSection: {\n paddingTop: 15,\n paddingLeft: 10,\n flexDirection: 'row',\n },\n backButtonContainer: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n leftPaddingSmall: {\n paddingLeft: 5,\n },\n transferButtonWrapper: {\n alignContent: 'center',\n justifyContent: 'center',\n paddingVertical: 1,\n height: '7%',\n width: '100%',\n alignSelf: 'center',\n },\n transferButtonContent: {\n marginHorizontal: 20,\n alignSelf: 'center',\n justifyContent: 'center',\n borderRadius: 6,\n height: '75%',\n width: '95%',\n },\n centerAligned: {\n alignSelf: 'center',\n },\n});\n"
},
{
"path": "examples/SampleApp/src/components/conversations/screens/UserInfo.tsx",
"content": "import React, {useState, useEffect, useRef, FC} from 'react';\nimport {View, Text, TouchableOpacity, BackHandler} from 'react-native';\nimport {\n CometChatAvatar,\n useTheme,\n CometChatUIEventHandler,\n CallUIEvents,\n CometChatConversationEvents,\n CometChatConfirmDialog,\n CometChatOutgoingCall,\n useCometChatTranslation,\n getLastSeenTime,\n} from '@cometchat/chat-uikit-react-native';\nimport {Icon} from '@cometchat/chat-uikit-react-native';\nimport {CometChat} from '@cometchat/chat-sdk-react-native';\nimport {permissionUtil} from '@cometchat/chat-uikit-react-native/src/shared/utils/PermissionUtil';\nimport {CallTypeConstants, UserStatusConstants} from '@cometchat/chat-uikit-react-native/src/shared/constants/UIKitConstants';\nimport { blockUser, unblock } from '../../../utils/helper';\nimport {styles} from './UserInfoStyles';\nimport ArrowBack from '../../../assets/icons/ArrowBack';\nimport Block from '../../../assets/icons/Block';\nimport Delete from '../../../assets/icons/Delete';\nimport Videocam from '../../../assets/icons/VideoCam';\nimport Call from '../../../assets/icons/Call';\nimport {StackNavigationProp, StackScreenProps} from '@react-navigation/stack';\nimport {\n RootStackParamList,\n} from '../../../navigation/types';\nimport {useFocusEffect} from '@react-navigation/native';\nimport { useConfig } from '../../../config/store';\n\n\ntype ScreenProps = StackScreenProps;\ntype NavigationProps = StackNavigationProp;\ntype Props = ScreenProps & {navigation: NavigationProps};\n\nconst UserInfo: FC = ({route, navigation}) => {\n const {user} = route.params;\n const theme = useTheme();\n const {t}= useCometChatTranslation()\n const [userObj, setUserObj] = useState(user);\n /** STATES **/\n const [disableButton, setDisableButton] = useState(false);\n const [blocked, setBlocked] = useState(false);\n\n // separate modal states\n const [isBlockModalOpen, setBlockModalOpen] = useState(false);\n const [isDeleteModalOpen, setDeleteModalOpen] = useState(false);\n\n const [userStatus, setUserStatus] = useState(userObj.getStatus());\n const listenerId = useRef('CallListener_' + Date.now());\n const userStatusListenerId = 'user_status_' + new Date().getTime();\n\n const [callObj, setCallObj] = useState();\n\n const callType = useRef(undefined);\n const oneOnOneVoiceCalling = useConfig(\n (state) => state.settings.callFeatures.voiceAndVideoCalling.oneOnOneVoiceCalling\n );\n const oneOnOneVideoCalling = useConfig(\n (state) => state.settings.callFeatures.voiceAndVideoCalling.oneOnOneVideoCalling\n );\n\n useEffect(() => {\n setUserStatus(userObj.getStatus());\n setBlocked(userObj.getBlockedByMe());\n\n CometChat.addCallListener(\n listenerId.current,\n new CometChat.CallListener({\n onIncomingCallReceived: () => {\n setDisableButton(true);\n },\n onOutgoingCallAccepted: () => {\n console.log('call accepted');\n },\n onOutgoingCallRejected: () => {\n setDisableButton(false);\n setCallObj(undefined);\n },\n onIncomingCallCancelled: () => {\n setDisableButton(false);\n },\n }),\n );\n CometChatUIEventHandler.addCallListener(listenerId.current, {\n ccCallRejected: () => {\n setDisableButton(false);\n setCallObj(undefined);\n },\n ccCallEnded: () => {\n setDisableButton(false);\n setCallObj(undefined);\n },\n });\n\n CometChat.addUserListener(\n userStatusListenerId,\n new CometChat.UserListener({\n onUserOnline: (onlineUser: CometChat.User) => {\n if (onlineUser.getUid() === userObj.getUid()) {\n setUserObj(onlineUser);\n setUserStatus(onlineUser.getStatus());\n }\n },\n onUserOffline: (offlineUser: CometChat.User) => {\n if (offlineUser.getUid() === userObj.getUid()) {\n setUserObj(offlineUser);\n setUserStatus(offlineUser.getStatus());\n }\n },\n }),\n );\n\n return () => {\n CometChat.removeCallListener(listenerId.current);\n CometChatUIEventHandler.removeCallListener(listenerId.current);\n CometChat.removeUserListener(userStatusListenerId);\n };\n }, [userObj]);\n\n const translations = {\n lastSeen: 'Last seen',\n minutesAgo: (minutes: number) =>\n `${minutes} minute${minutes === 1 ? '' : 's'} ago`,\n hoursAgo: (hours: number) => `${hours} hour${hours === 1 ? '' : 's'} ago`,\n };\n\n const makeVoiceCall = async (): Promise => {\n if (disableButton) return;\n if (!(await permissionUtil.startResourceBasedTask(['mic']))) return;\n callType.current = CallTypeConstants.audio;\n makeCall(CallTypeConstants.audio);\n };\n\n const makeVideoCall = async (): Promise => {\n if (disableButton) return;\n if (!(await permissionUtil.startResourceBasedTask(['mic', 'camera'])))\n return;\n callType.current = CallTypeConstants.video;\n makeCall(CallTypeConstants.video);\n };\n\n const makeCall = (type: string): void => {\n if (type === CallTypeConstants.audio || type === CallTypeConstants.video) {\n const receiverID = userObj.getUid();\n const callTypeValue = type;\n const receiverType = CometChat.RECEIVER_TYPE.USER;\n if (!receiverID || !receiverType) return;\n\n const call = new CometChat.Call(\n receiverID,\n callTypeValue,\n receiverType,\n CometChat.CATEGORY_CALL,\n );\n\n CometChat.initiateCall(call).then(\n initiatedCall => {\n setCallObj(initiatedCall);\n setDisableButton(true);\n CometChatUIEventHandler.emitCallEvent(CallUIEvents.ccOutgoingCall, {\n call: initiatedCall,\n });\n },\n error => {\n console.log('Call initialization failed with exception:', error);\n CometChatUIEventHandler.emitCallEvent(CallUIEvents.ccCallFailed, {\n call,\n });\n },\n );\n }\n };\n\n /** BLOCK/UNBLOCK LOGIC **/\n const handleBlockUnblockConfirm = () => {\n setBlockModalOpen(false); // close the dialog\n if (blocked) {\n // user is already blocked by me -> now unblocking\n unblock(userObj.getUid(), userObj, setBlocked, setUserObj);\n } else {\n // user is not blocked -> blocking user\n blockUser(userObj.getUid(), userObj, setBlocked);\n }\n };\n\n /** DELETE CONVERSATION LOGIC **/\n const handleDeleteConversationConfirm = () => {\n setDeleteModalOpen(false); // close the dialog\n if (userObj) {\n CometChat.getConversation(userObj.getUid(), 'user')\n .then(conversation => {\n CometChat.deleteConversation(userObj.getUid(), 'user')\n .then(deletedConversation => {\n console.log(deletedConversation);\n CometChatUIEventHandler.emitConversationEvent(\n CometChatConversationEvents.ccConversationDeleted,\n {conversation: conversation},\n );\n navigation.pop(2);\n })\n .catch(error => {\n console.log('Error while deleting conversation:', error);\n });\n })\n .catch(error => {\n console.log('Error while deleting conversation:', error);\n });\n }\n };\n\n\n useFocusEffect(\n React.useCallback(() => {\n const onBackPress = () => {\n // Navigate back to message screen (same as your onPress handler)\n navigation.goBack();\n return true; // Prevent default back behavior\n };\n\n const subscription = BackHandler.addEventListener(\n 'hardwareBackPress',\n onBackPress,\n );\n\n return () => subscription.remove();\n }, [navigation]),\n );\n\n return (\n \n {/* Header */}\n \n navigation.goBack()}>\n \n {t('USER_INFO')}\n \n \n\n {/* User Information Section */}\n \n \n \n {userObj?.getName()}\n \n \n {userObj &&\n !(userObj.getBlockedByMe() || userObj.getHasBlockedMe()) &&\n (userStatus === UserStatusConstants.online\n ? t('ONLINE')\n : getLastSeenTime(userObj.getLastActiveAt()))}\n \n \n\n {/* Action Boxes */}\n {(oneOnOneVoiceCalling || oneOnOneVideoCalling) && (\n \n {oneOnOneVoiceCalling && (\n \n \n {t('AUDIO_CALL')}\n \n \n )}\n\n {oneOnOneVideoCalling && (\n \n \n {t('VIDEO_CALL')}\n \n \n )}\n \n )}\n \n\n {/* Block/Unblock and Delete Chat Buttons */}\n \n \n setBlockModalOpen(true)}\n style={styles.backButtonContainer}>\n \n {blocked ? t('UNBLOCK') : t('BLOCK')}\n \n \n \n\n {/* DELETE CHAT */}\n \n setDeleteModalOpen(true)}\n style={styles.backButtonContainer}>\n \n {t('DELETE_CHAT_TEXT')}\n \n \n \n \n\n {/* =============== BLOCK/UNBLOCK MODAL =============== */}\n setBlockModalOpen(false)}\n onConfirm={handleBlockUnblockConfirm}\n onDismiss={() => console.log('Block/Unblock Modal dismissed')}\n titleText={\n blocked ? t('UNBLOCK_CONTACT') : t('BLOCK_USER')\n }\n messageText={\n blocked ? t('UNBLOCK_SURE') : t('BLOCK_SURE')\n }\n cancelButtonText={t('CANCEL')}\n confirmButtonText={blocked ? t('UNBLOCK') : t('BLOCK')}\n icon={ setDeleteModalOpen(false)}\n onConfirm={handleDeleteConversationConfirm}\n onDismiss={() => console.log('Delete Modal dismissed')}\n titleText={t('DELETE_CHAT')}\n messageText={t('SURE_TO_DELETE_CHAT')}\n cancelButtonText={t('CANCEL')}\n confirmButtonText={t('DELETE')}\n icon={ {\n CometChat.rejectCall(\n call?.getSessionId(),\n CometChat.CALL_STATUS.CANCELLED,\n ).then(\n rejectedCall => {\n console.log('🚀 ~ rejectedCall:', rejectedCall);\n CometChatUIEventHandler.emitCallEvent(\n CallUIEvents.ccCallRejected,\n {\n call: rejectedCall,\n },\n );\n setCallObj(undefined);\n },\n err => {\n console.log('🚀 ~ err:', err);\n setCallObj(undefined);\n // onError && onError(err);\n },\n );\n }}\n />\n )}\n \n );\n};\n\nexport default UserInfo;\n"
},
{
"path": "examples/SampleApp/src/components/conversations/screens/UserInfoStyles.tsx",
"content": "import { StyleSheet } from \"react-native\";\n\nexport const styles = StyleSheet.create({\n headerContainer: {\n paddingTop: 15,\n paddingLeft: 10,\n flexDirection: 'row',\n },\n backButtonContainer: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n smallPaddingLeft: {\n paddingLeft: 5,\n },\n profileCard: {\n marginTop: 12,\n borderTopWidth: 1,\n borderBottomWidth: 1,\n paddingVertical: 10,\n },\n profileInfo: {\n alignSelf: 'center',\n alignItems: 'center',\n marginTop: 20,\n },\n avatarContainer: {\n height: 120,\n width: 120,\n },\n avatarText: {\n fontSize: 28,\n lineHeight: 55,\n },\n avatarImage: {\n height: '100%',\n width: '100%',\n },\n mt10Centered: {\n marginTop: 10,\n alignSelf: 'center',\n },\n mt5Centered: {\n marginTop: 5,\n textAlign: 'center',\n alignSelf: 'center',\n },\n actionsRow: {\n flexDirection: 'row',\n paddingHorizontal: 20,\n justifyContent: 'space-between',\n marginVertical: 20,\n },\n callActionButton: {\n flex: 1,\n paddingVertical: 10,\n borderWidth: 1,\n borderRadius: 8,\n justifyContent: 'center',\n alignItems: 'center',\n marginHorizontal: 5,\n },\n optionsContainer: {\n paddingTop: 10,\n gap: 4,\n },\n optionRow: {\n flexDirection: 'row',\n alignItems: 'center',\n paddingVertical: 8,\n paddingLeft: 20,\n width: '100%',\n },\n ml5: {\n marginLeft: 5,\n },\n });\n "
},
{
"path": "examples/SampleApp/src/components/conversations/screens/ViewMembers.tsx",
"content": "import React from 'react';\nimport { BackHandler, View } from 'react-native';\nimport {\n CometChatGroupMembers,\n useTheme,\n} from '@cometchat/chat-uikit-react-native';\nimport {\n useRoute,\n useNavigation,\n RouteProp,\n useFocusEffect,\n} from '@react-navigation/native';\nimport { RootStackParamList } from '../../../navigation/types';\nimport { useConfig } from '../../../config/store';\n\nconst ViewMembers: React.FC = () => {\n const route = useRoute>();\n const navigation = useNavigation();\n const { group } = route.params;\n const theme = useTheme();\n const kickUsers = useConfig(\n (state) => state.settings.chatFeatures.moderatorControls.kickUsers\n );\n const banUsers = useConfig(\n (state) => state.settings.chatFeatures.moderatorControls.banUsers\n );\n const promoteDemoteMembers = useConfig(\n (state) => state.settings.chatFeatures.moderatorControls.promoteDemoteMembers\n );\n const userAndFriendsPresence = useConfig(\n (state) => state.settings.chatFeatures.coreMessagingExperience.userAndFriendsPresence\n );\n\n useFocusEffect(\n React.useCallback(() => {\n const onBackPress = () => {\n // Navigate back to message screen (same as your onPress handler)\n navigation.goBack();\n return true; // Prevent default back behavior\n };\n\n const subscription = BackHandler.addEventListener(\n 'hardwareBackPress',\n onBackPress,\n );\n\n return () => subscription.remove();\n }, [navigation]),\n );\n\n return (\n \n {\n navigation.goBack();\n }}\n selectionMode=\"none\"\n showBackButton={true}\n hideKickMemberOption={!kickUsers}\n hideBanMemberOption={!banUsers}\n hideScopeChangeOption={!promoteDemoteMembers}\n usersStatusVisibility={userAndFriendsPresence}\n />\n \n );\n};\n\nexport default ViewMembers;\n"
},
{
"path": "examples/SampleApp/src/components/conversations/screens/qr_screen.tsx",
"content": "import React, { useEffect, useState, useRef } from 'react';\nimport {\n View,\n Text,\n StyleSheet,\n Alert,\n TouchableOpacity,\n Image,\n} from 'react-native';\nimport { Camera, useCameraDevice, useCodeScanner } from 'react-native-vision-camera';\nimport AsyncStorage from '@react-native-async-storage/async-storage';\nimport { useNavigation } from '@react-navigation/native';\nimport { StackNavigationProp } from '@react-navigation/stack';\nimport { RootStackParamList } from '../../../navigation/types';\nimport { Animated, Easing } from 'react-native';\nimport Flash from '../../../assets/icons/Flash';\nimport sync from '../../../assets/icons/cometchat_sync_img.png';\n\ninterface ConfigData {\n data: {\n builderId: string;\n settings: any;\n name: string;\n type: string;\n createdAt: number;\n updatedAt: number;\n expiresAt: number;\n };\n}\n\nconst CONFIG_STORAGE_KEY = '@app_config';\nconst MINIMUM_LOADING_TIME = 5000;\n\nconst QRScreen: React.FC = () => {\n const device = useCameraDevice('back');\n const [hasPermission, setHasPermission] = useState(false);\n const [scannedCode, setScannedCode] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n const [lineAnim] = useState(new Animated.Value(0));\n const [isFlashOn, setIsFlashOn] = useState(false);\n const [loadingProgress] = useState(new Animated.Value(0));\n \n const apiResponseReceived = useRef(false);\n const loadingStartTime = useRef(0);\n \n type ChatNavigationProp = StackNavigationProp<\n RootStackParamList,\n 'Conversation'\n >;\n const navigation = useNavigation();\n \n const codeScanner = useCodeScanner({\n codeTypes: ['qr', 'ean-13'],\n onCodeScanned: (codes) => {\n if (codes.length > 0 && !isLoading && !scannedCode) {\n const qrData = codes[0].value ?? '';\n setScannedCode(qrData);\n fetchDataFromAPI(qrData);\n }\n },\n });\n\n useEffect(() => {\n Animated.loop(\n Animated.sequence([\n Animated.timing(lineAnim, {\n toValue: 1,\n duration: 2000,\n easing: Easing.linear,\n useNativeDriver: true,\n }),\n Animated.timing(lineAnim, {\n toValue: 0,\n duration: 2000,\n easing: Easing.linear,\n useNativeDriver: true,\n }),\n ])\n ).start();\n }, [lineAnim]);\n\n const toggleFlash = () => {\n setIsFlashOn(prev => !prev);\n };\n\n useEffect(() => {\n const requestPermissions = async () => {\n let cameraStatus = await Camera.getCameraPermissionStatus();\n\n if (cameraStatus !== 'granted') {\n cameraStatus = await Camera.requestCameraPermission();\n }\n\n if (cameraStatus === 'granted') {\n setHasPermission(true);\n } else {\n Alert.alert(\n 'Camera permission denied',\n 'Please enable camera permission in your settings to scan QR codes'\n );\n }\n };\n\n requestPermissions();\n }, []);\n\n const saveConfigToStorage = async (configData: ConfigData) => {\n try {\n // Save to AsyncStorage\n await AsyncStorage.setItem(CONFIG_STORAGE_KEY, JSON.stringify(configData));\n try {\n const { useConfigStore } = await import('../../../config/store');\n // Use the data property which contains the actual config structure\n useConfigStore.setState({ config: configData.data }); \n await AsyncStorage.setItem('@config_updated', 'true');\n } catch (importError) {\n console.log('Config store not available or failed to update:', importError);\n }\n\n return true;\n } catch (error) {\n console.error('Error saving config to AsyncStorage:', error);\n throw error;\n }\n };\n\n const finishLoading = () => {\n setIsLoading(false);\n navigation.goBack();\n };\n\n const fetchDataFromAPI = async (qrCodeData: string) => {\n try {\n setIsLoading(true);\n apiResponseReceived.current = false;\n loadingStartTime.current = Date.now();\n \n // Start progress bar animation (5 seconds to match minimum loading time)\n loadingProgress.setValue(0);\n Animated.timing(loadingProgress, {\n toValue: 1,\n duration: MINIMUM_LOADING_TIME,\n easing: Easing.ease,\n useNativeDriver: false,\n }).start();\n \n // QR code contains the builder ID, construct the API URL\n const builderId = qrCodeData.trim();\n const apiUrl = `https://apivcb.cometchat.io/v1/builders/${builderId}`;\n \n const response = await fetch(apiUrl, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n },\n });\n\n if (!response.ok) {\n throw new Error(`API request failed with status ${response.status}`);\n }\n\n const data: ConfigData = await response.json();\n await saveConfigToStorage(data);\n \n apiResponseReceived.current = true;\n \n const elapsedTime = Date.now() - loadingStartTime.current;\n const remainingTime = Math.max(0, MINIMUM_LOADING_TIME - elapsedTime);\n \n setTimeout(() => {\n finishLoading();\n }, remainingTime);\n \n return data;\n } catch (error) {\n console.error('Error fetching data from API:', error);\n Alert.alert(\n 'Error',\n `Failed to update configuration: ${error instanceof Error ? error.message : 'Unknown error'}`,\n [\n {\n text: 'OK',\n onPress: () => {\n setIsLoading(false);\n setScannedCode(null);\n apiResponseReceived.current = false;\n }\n }\n ]\n );\n }\n };\n\n\n\n if (!device) {\n return (\n \n Loading camera... \n \n );\n }\n\n if (!hasPermission) {\n return (\n \n No camera permission \n \n );\n }\n\n return (\n \n \n {/* Header */}\n \n navigation.goBack()}\n >\n ✕ \n \n \n \n \n\n \n\n {/* Title Section */}\n \n Scan to Preview Your Chat UI \n \n Instantly load and test your configuration{'\\n'}from the Visual builder.\n \n \n \n\n {/* Simple full overlay approach */}\n \n {/* Instructions Section */}\n \n How to Use: \n \n \n 1. \n Go to the Visual builder & generate QR code. \n \n \n \n 2. \n Point your camera at the QR code to scan. \n \n \n \n 3. \n Preview your design live on this device instantly. \n \n\n {/* Note Section */}\n \n Note: \n \n Make sure to save changes on the builder before scanning again to view updates.\n \n \n \n \n\n {/* Camera Container Border */}\n \n \n \n\n {/* Loading Overlay */}\n {isLoading && (\n \n \n Syncing with Visual Builder... \n \n \n \n \n )}\n\n {/* Scanned Code Display */}\n {scannedCode && !isLoading && (\n \n Scanned: \n \n {scannedCode}\n \n \n )}\n \n );\n};\n\nconst styles = StyleSheet.create({\n container: { \n flex: 1, \n backgroundColor: 'black' ,\n },\n center: { \n flex: 1, \n alignItems: 'center', \n justifyContent: 'center', \n backgroundColor: 'black'\n },\n centerText: {\n color: 'white',\n fontSize: 16,\n },\n topOverlay: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: 180,\n zIndex: 3,\n },\n overlayTop: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n height: 180,\n backgroundColor: 'rgba(0,0,0,0.9)',\n zIndex: 1,\n },\n overlayLeft: {\n position: 'absolute',\n top: 180,\n left: 0,\n width: 20,\n height: 370,\n backgroundColor: 'rgba(0,0,0,0.9)',\n zIndex: 1,\n },\n overlayRight: {\n position: 'absolute',\n top: 180,\n right: 0,\n width: 20,\n height: 370,\n backgroundColor: 'rgba(0,0,0,0.9)',\n zIndex: 1,\n },\n overlayBottom: {\n position: 'absolute',\n top: 550,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: 'rgba(0,0,0,0.9)',\n zIndex: 1,\n },\n animatedLine: {\n position: 'absolute',\n left: 0,\n right: 0,\n height: 3,\n backgroundColor: '#6366f1',\n borderRadius: 2,\n },\n bottomOverlay: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n top: 560,\n backgroundColor: 'rgba(0,0,0,0.9)',\n zIndex: 3,\n },\n cameraBorder: {\n position: 'absolute',\n top: 180,\n left: 20,\n right: 20,\n height: 370,\n zIndex: 4,\n },\n header: {\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n paddingHorizontal: 20,\n paddingTop: 20,\n paddingBottom: 20,\n },\n closeButton: {\n width: 40,\n height: 40,\n justifyContent: 'center',\n alignItems: 'center',\n },\n closeIcon: {\n color: '#FFFFFF',\n fontSize: 24,\n fontWeight: 'bold',\n },\n flashButton: {\n width: 40,\n height: 40,\n justifyContent: 'center',\n alignItems: 'center',\n },\n flashIcon: {\n fontSize: 24,\n },\n titleSection: {\n alignItems: 'center',\n paddingHorizontal: 20,\n marginBottom: 30,\n },\n title: {\n color: '#FFFFFF',\n fontSize: 24,\n fontWeight: 'bold',\n textAlign: 'center',\n marginBottom: 12,\n },\n subtitle: {\n color: '#CCCCCC',\n fontSize: 16,\n textAlign: 'center',\n lineHeight: 22,\n },\n instructionsSection: {\n flex: 1,\n paddingHorizontal: 20,\n paddingBottom: 40,\n },\n instructionsTitle: {\n color: '#FFFFFF',\n fontSize: 18,\n fontWeight: 'bold',\n marginBottom: 16,\n },\n stepContainer: {\n flexDirection: 'row',\n alignItems: 'flex-start',\n marginBottom: 12,\n },\n stepNumber: {\n color: '#FFFFFF',\n fontSize: 16,\n fontWeight: '600',\n marginRight: 8,\n minWidth: 20,\n },\n stepText: {\n color: '#CCCCCC',\n fontSize: 16,\n lineHeight: 24,\n flex: 1,\n },\n noteSection: {\n backgroundColor: '#0B7BEA33',\n borderRadius: 8,\n padding: 16,\n marginTop: 20,\n borderLeftWidth: 4,\n },\n noteTitle: {\n color: '#CCCCCC',\n fontSize: 16,\n fontWeight: 'bold',\n marginBottom: 8,\n },\n noteText: {\n color: '#CCCCCC',\n fontSize: 14,\n lineHeight: 20,\n },\n resultBox: {\n position: 'absolute',\n bottom: 130,\n alignSelf: 'center',\n padding: 12,\n backgroundColor: 'rgba(0,0,0,0.8)',\n borderRadius: 8,\n maxWidth: '80%',\n borderWidth: 1,\n borderColor: '#6366f1',\n zIndex: 2,\n },\n resultLabel: {\n color: '#6366f1',\n fontSize: 12,\n fontWeight: 'bold',\n marginBottom: 4,\n },\n resultText: { \n color: 'white', \n fontSize: 14 \n },\n loadingOverlay: {\n ...StyleSheet.absoluteFillObject,\n backgroundColor: 'rgba(0,0,0,0.9)',\n justifyContent: 'center',\n alignItems: 'center',\n zIndex: 999,\n },\n loadingContent: {\n alignItems: 'center',\n justifyContent: 'center',\n width: '100%',\n },\n syncImage: {\n width: 300,\n height: 455,\n marginBottom: 24,\n },\n loadingText: {\n color: '#000000',\n fontSize: 18,\n fontWeight: '600',\n marginBottom: 24,\n },\n progressBarContainer: {\n width: 280,\n height: 8,\n backgroundColor: '#E5E7EB',\n borderRadius: 4,\n overflow: 'hidden',\n },\n progressBarFill: {\n height: '100%',\n backgroundColor: '#6366f1',\n borderRadius: 4,\n },\n});\n\nexport default QRScreen;"
},
{
"path": "examples/SampleApp/src/components/groups/GroupHelper.tsx",
"content": "import React, {useEffect, useState} from 'react';\nimport {\n Dimensions,\n View,\n Text,\n TouchableOpacity,\n TextInput,\n TouchableWithoutFeedback,\n} from 'react-native';\nimport {\n CometChatAvatar,\n CometChatBottomSheet,\n CometChatUIKitHelper,\n Icon,\n useCometChatTranslation,\n useTheme,\n} from '@cometchat/chat-uikit-react-native';\nimport {styles} from './styles';\nimport {CometChat} from '@cometchat/chat-sdk-react-native';\nimport GroupAdd from '../../assets/icons/GroupAdd';\nimport Group from '../../assets/icons/Group';\n\n/**\n * Subcomponent for the default AppBar Options\n * (e.g., the \"Add Group\" button/icon on the header).\n */\nexport const GroupScreenAppBarOptions: React.FC<{\n onPress: () => void;\n}> = ({onPress}) => {\n const theme = useTheme();\n const {t}= useCometChatTranslation()\n\n return (\n \n \n \n \n );\n};\n\n/**\n * Bottom sheet for creating a new group.\n */\ninterface CreateGroupBottomSheetProps {\n visible: boolean;\n onClose: () => void;\n onGroupCreated: (group: CometChat.Group) => void;\n}\n\nexport const CreateGroupBottomSheet: React.FC = ({\n visible,\n onClose,\n onGroupCreated,\n}) => {\n const theme = useTheme();\n const { t } = useCometChatTranslation()\n\n // Group state\n const [groupName, setGroupName] = useState('');\n const [groupPassword, setGroupPassword] = useState('');\n const [selectedOption, setSelectedOption] = useState('Public');\n const [showPasswordField, setShowPasswordField] = useState(false);\n const [showError, setShowError] = useState('');\n const groupTypes = [\n { display: t('PUBLIC'), value: 'Public' },\n { display: t('PRIVATE'), value: 'Private' },\n { display: t('PASSWORD'), value: 'Password' }\n ];\n\n const resetFields = () => {\n setGroupName('');\n setGroupPassword('');\n setSelectedOption('Public');\n setShowPasswordField(false);\n setShowError('');\n };\n\n const handleDismiss = () => {\n resetFields(); // clear everything the user typed/selected\n onClose(); // let the parent know the sheet closed\n };\n\n useEffect(() => {\n if (!showError) return;\n const timer = setTimeout(() => setShowError(''), 3000);\n return () => clearTimeout(timer);\n }, [showError]);\n\n const handleOptionPress = (option: { display: string, value: string }) => {\n setSelectedOption(option.value);\n setShowPasswordField(option.value === 'Password');\n };\n\n const handleCreateGroup = async () => {\n if (!groupName.trim()) {\n setShowError('Group name cannot be empty');\n return;\n }\n const GUID = 'group_' + Date.now();\n let groupType = CometChat.GROUP_TYPE.PUBLIC;\n let password = '';\n\n switch (selectedOption) {\n case 'Private':\n groupType = CometChat.GROUP_TYPE.PRIVATE;\n break;\n case 'Password':\n groupType = CometChat.GROUP_TYPE.PASSWORD;\n break;\n default:\n groupType = CometChat.GROUP_TYPE.PUBLIC;\n }\n\n if (groupType === CometChat.GROUP_TYPE.PASSWORD) {\n if (!groupPassword.trim()) {\n setShowError('Password is mandatory for password-protected groups');\n return;\n }\n password = groupPassword;\n }\n\n const newGroup = new CometChat.Group(GUID, groupName, groupType, password);\n\n try {\n const createdGroup = await CometChat.createGroup(newGroup);\n CometChatUIKitHelper.onGroupCreated(createdGroup);\n onGroupCreated(createdGroup);\n\n // Reset fields after creation\n resetFields();\n onClose();\n } catch (error) {\n console.log('Group creation failed with exception:', error);\n }\n };\n\n return (\n \n \n {/* Header / Icon */}\n \n \n \n \n {t('NEW__GROUP')}\n \n \n\n {/* Group Type Tabs */}\n \n \n {t('TYPE')}\n \n \n {groupTypes.map(option => {\n const isSelected = selectedOption === option.value;\n return (\n handleOptionPress(option)}\n style={{\n flex: 1,\n alignItems: 'center',\n paddingVertical: 8,\n borderRadius: 12,\n backgroundColor: isSelected\n ? theme.color.background1\n : 'transparent',\n }}>\n \n {option.display}\n \n \n );\n })}\n \n \n\n {/* Group Name Input */}\n \n \n {t('NAME')}\n \n \n \n \n\n {/* Group Password (if needed) */}\n {showPasswordField && (\n \n \n {t('PASSWORD')}\n \n \n \n \n )}\n\n {showError !== '' && (\n \n \n {showError}\n \n \n )}\n\n {/* Create Group Button */}\n \n \n \n {t('CREATE_GROUP')}\n \n \n \n \n \n );\n};\n\n/**\n * Bottom sheet for joining a password-protected group.\n */\ninterface JoinGroupBottomSheetProps {\n visible: boolean;\n groupToJoin: CometChat.Group | null;\n onClose: () => void;\n onJoinSuccess: (joinedGroup: CometChat.Group) => void;\n}\n\nexport const JoinGroupBottomSheet: React.FC = ({\n visible,\n groupToJoin,\n onClose,\n onJoinSuccess,\n}) => {\n const theme = useTheme();\n const { t } = useCometChatTranslation()\n const [enteredPassword, setEnteredPassword] = useState('');\n const [isPasswordErrorVisible, setIsPasswordErrorVisible] = useState(false);\n\n useEffect(() => {\n if (!isPasswordErrorVisible) return;\n const timer = setTimeout(() => setIsPasswordErrorVisible(false), 3000);\n return () => clearTimeout(timer);\n }, [isPasswordErrorVisible]);\n\n const joinPasswordGroup = async () => {\n if (!groupToJoin || !enteredPassword.trim()) return;\n\n try {\n const joinedGroup = await CometChat.joinGroup(\n groupToJoin.getGuid(),\n groupToJoin.getType() as CometChat.GroupType,\n enteredPassword,\n );\n onJoinSuccess(joinedGroup);\n handleClose();\n } catch (error) {\n setIsPasswordErrorVisible(true);\n console.log('Error joining password group:', error);\n }\n };\n\n const handleClose = () => {\n setEnteredPassword('');\n setIsPasswordErrorVisible(false);\n onClose();\n };\n\n return (\n \n {groupToJoin && (\n \n {/* Header */}\n \n {t('JOIN_GROUP')}\n \n\n {/* Group Info */}\n \n \n {groupToJoin.getName()}\n \n \n {groupToJoin.getMembersCount()} {t('MEMBERS')}\n \n \n\n {/* Password Input */}\n \n \n {t('ENTER_PASSWORD')}\n \n \n \n \n\n {/* Incorrect Password Toast */}\n {isPasswordErrorVisible && (\n \n \n {t('PASSWORD_INCORRECT_GROUP')}\n \n \n )}\n\n {/* Join Button */}\n \n \n \n {t('JOIN_GROUP')}\n \n \n \n \n )}\n \n );\n};\n"
},
{
"path": "examples/SampleApp/src/components/groups/Groups.tsx",
"content": "import React, { useCallback, useEffect, useState } from 'react';\nimport { View } from 'react-native';\nimport { useFocusEffect, useNavigation } from '@react-navigation/native';\nimport { StackNavigationProp } from '@react-navigation/stack';\nimport {\n CometChatGroups,\n CometChatUIEventHandler,\n CometChatUIEvents,\n CometChatUIKit,\n useTheme,\n} from '@cometchat/chat-uikit-react-native';\nimport { CometChat } from '@cometchat/chat-sdk-react-native';\nimport { RootStackParamList } from '../../navigation/types';\nimport { styles } from './styles';\n\nimport {\n GroupScreenAppBarOptions,\n CreateGroupBottomSheet,\n JoinGroupBottomSheet,\n} from './GroupHelper';\nimport {SCREEN_CONSTANTS} from '../../utils/AppConstants';\nimport { useConfig } from '../../config/store';\n\ntype GroupNavigationProp = StackNavigationProp;\n\ninterface GroupsProps {\n hideHeader?: boolean;\n}\n\nconst Groups: React.FC = ({hideHeader = false}) => {\n const createGroup = useConfig(\n (state) => state.settings.chatFeatures.groupManagement.createGroup\n );\n const theme = useTheme();\n const navigation = useNavigation();\n const [pendingChat, setPendingChat] = useState(null);\n\n // State to handle showing/hiding bottom sheets\n const [isCreateGroupSheetVisible, setCreateGroupSheetVisible] =\n useState(false);\n const [isJoinGroupSheetVisible, setJoinGroupSheetVisible] = useState(false);\n\n // State for the group that user wants to join\n const [groupToJoin, setGroupToJoin] = useState(null);\n\n // Condition to hide the entire screen if needed\n const [shouldHide, setShouldHide] = useState(false);\n\n useEffect(() => {\n if (!isCreateGroupSheetVisible && !isJoinGroupSheetVisible && pendingChat) {\n const timer = setTimeout(() => {\n navigation.navigate(SCREEN_CONSTANTS.MESSAGES, { group: pendingChat });\n setPendingChat(null);\n }, 300);\n return () => clearTimeout(timer);\n }\n }, [isCreateGroupSheetVisible, isJoinGroupSheetVisible, pendingChat]);\n\n useFocusEffect(\n useCallback(() => {\n setShouldHide(false);\n return () => {\n setShouldHide(true);\n };\n }, [navigation]),\n );\n\n /**\n * Navigates to the Messages screen after group creation or join.\n */\n const handleNavigateToMessages = (group: CometChat.Group) => {\n // close any open sheet first\n setCreateGroupSheetVisible(false);\n setJoinGroupSheetVisible(false);\n\n // save the group – navigation will happen in a useEffect below\n setPendingChat(group);\n };\n\n /**\n * Handle group item press:\n * - If joined, open chat\n * - If public, join automatically\n * - If password, show the join modal\n */\n const handleGroupItemPress = (group: CometChat.Group) => {\n if (group.getHasJoined()) {\n handleNavigateToMessages(group);\n return;\n }\n\n if (group.getType() === CometChat.GROUP_TYPE.PUBLIC) {\n joinPublicGroup(group);\n } else if (group.getType() === CometChat.GROUP_TYPE.PASSWORD) {\n setGroupToJoin(group);\n setJoinGroupSheetVisible(true);\n }\n // For private group, you'd have a different flow.\n };\n\n const joinPublicGroup = async (group: CometChat.Group) => {\n try {\n const joinedGroup = await CometChat.joinGroup(\n group.getGuid(),\n group.getType() as CometChat.GroupType,\n '',\n );\n\n handleNavigateToMessages(joinedGroup);\n CometChatUIEventHandler.emitGroupEvent(\n CometChatUIEvents.ccGroupMemberJoined,\n {\n joinedUser: CometChatUIKit.loggedInUser,\n joinedGroup: joinedGroup,\n },\n );\n } catch (error) {\n console.log('Error joining public group:', error);\n }\n };\n\n if (shouldHide) return null;\n\n return (\n \n {/* CometChatGroups list component */}\n (\n setCreateGroupSheetVisible(true)}\n />\n )\n : undefined\n }\n onItemPress={handleGroupItemPress}\n hideHeader={hideHeader}\n />\n\n {/* Create Group Bottom Sheet */}\n setCreateGroupSheetVisible(false)}\n onGroupCreated={handleNavigateToMessages}\n />\n\n {/* Join Group Bottom Sheet */}\n {\n setJoinGroupSheetVisible(false);\n setGroupToJoin(null);\n }}\n onJoinSuccess={handleNavigateToMessages}\n />\n \n );\n};\n\nexport default Groups;\n"
},
{
"path": "examples/SampleApp/src/components/groups/styles.ts",
"content": "import {Platform, StyleSheet} from 'react-native';\n\nexport const styles = StyleSheet.create({\n safeAreaContainer: {\n flex: 1,\n },\n bottomSheetContainer: {\n paddingHorizontal: 20,\n paddingBottom: Platform.OS==='android' ? 10: 30,\n flex: 1,\n },\n marginBottom20: {\n marginBottom: 20,\n },\n toastContainer: {\n alignItems: 'flex-start',\n },\n toastMessage: {\n paddingVertical: 10,\n },\n passwordInputContainer: {\n borderWidth: 1,\n flexDirection: 'row',\n borderRadius: 12,\n paddingLeft: 10,\n paddingTop: Platform.select({android: 0, ios: 8}),\n paddingBottom: Platform.select({android: 0, ios: 12}),\n },\n avatarIconContainer: {\n alignItems: 'center',\n justifyContent: 'center',\n width: 80,\n height: 80,\n borderRadius: 50,\n },\n optionTabsContainer: {\n borderWidth: 1,\n flexDirection: 'row',\n borderRadius: 12,\n padding: Platform.OS === 'ios' ? 5 : 2,\n justifyContent: 'space-between',\n alignItems: 'center',\n },\n createButton: {\n borderRadius: 8,\n alignItems: 'center',\n justifyContent: 'center',\n paddingHorizontal: 20,\n paddingVertical: 12,\n },\n joinGroupButton: {\n borderRadius: 8,\n alignItems: 'center',\n justifyContent: 'center',\n paddingHorizontal: 20,\n paddingVertical: 12,\n },\n joiningGroup: {\n paddingHorizontal: 20,\n flex: 1,\n marginBottom: 20,\n },\n});\n"
},
{
"path": "examples/SampleApp/src/components/login/AppCredentials.tsx",
"content": "import React, { useEffect, useMemo, useState } from 'react';\nimport {\n View,\n Text,\n StyleSheet,\n TextInput,\n TouchableOpacity,\n Image,\n useColorScheme,\n Platform,\n StatusBar,\n Dimensions,\n ScrollView,\n KeyboardAvoidingView,\n BackHandler,\n Keyboard,\n} from 'react-native';\nimport AsyncStorage from '@react-native-async-storage/async-storage';\nimport {\n CometChatUIKit,\n UIKitSettings,\n useCometChatTranslation,\n useTheme,\n} from '@cometchat/chat-uikit-react-native';\nimport { navigate, navigationRef } from '../../navigation/NavigationService';\nimport { SCREEN_CONSTANTS } from '../../utils/AppConstants';\nimport { CometChat } from '@cometchat/chat-sdk-react-native';\nimport { useFocusEffect } from '@react-navigation/native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { useHeaderHeight } from '@react-navigation/elements';\n\nconst AppCredentials: React.FC = () => {\n const [storedAppId, setStoredAppId] = useState('');\n const [storedAuthKey, setStoredAuthKey] = useState('');\n const [storedRegion, setStoredRegion] = useState('US');\n\n // These are the *editable* states bound to the TextInput fields\n const [appId, setAppId] = useState('');\n const [authKey, setAuthKey] = useState('');\n const [selectedRegion, setSelectedRegion] = useState('US');\n\n // Toast state for showing error messages\n const [toastMessage, setToastMessage] = useState(null);\n\n const theme = useTheme();\n const { t } = useCometChatTranslation();\n const { width } = Dimensions.get('window');\n const mode = useColorScheme();\n\n const insets = useSafeAreaInsets();\n const headerHeight = useHeaderHeight(); // returns 0 if no header\n const statusBarHeight =\n Platform.OS === 'android' ? (StatusBar.currentHeight ?? 0) : 0;\n\n const [keyboardBehavior, setKeyboardBehavior] = useState<\n 'padding' | 'height' | undefined\n >(Platform.OS === 'ios' ? 'padding' : 'height');\n\n useEffect(() => {\n const showListener = Keyboard.addListener('keyboardDidShow', () => {\n setKeyboardBehavior(Platform.OS === 'ios' ? 'padding' : 'height');\n });\n\n const hideListener = Keyboard.addListener('keyboardDidHide', () => {\n setKeyboardBehavior(undefined); // Remove behavior when keyboard hides\n });\n\n return () => {\n showListener.remove();\n hideListener.remove();\n };\n }, []);\n // For iOS use insets.top (not status bar) + header height\n const keyboardVerticalOffset = useMemo(() => {\n return Platform.OS === 'ios'\n ? (insets.top || 0) + (headerHeight || 0)\n : (statusBarHeight || 0) + (headerHeight || 0);\n}, [insets.top, headerHeight, statusBarHeight]);\n\n // Compute if form is valid (all fields provided)\n const isFormValid =\n appId.trim().length > 0 &&\n authKey.trim().length > 0 &&\n selectedRegion.trim().length > 0;\n\n // Load existing credentials if any\n useFocusEffect(\n React.useCallback(() => {\n const onBackPress = () => {\n navigationRef.goBack();\n return true; // Prevent default behavior\n };\n const backHandler = BackHandler.addEventListener(\n 'hardwareBackPress',\n onBackPress,\n );\n\n async function loadCredentials() {\n try {\n const credentialsStr = await AsyncStorage.getItem('appCredentials');\n if (credentialsStr) {\n const credentials = JSON.parse(credentialsStr);\n // Update 'stored' states\n setStoredAppId(credentials.appId || '');\n setStoredAuthKey(credentials.authKey || '');\n setStoredRegion(credentials.region || 'US');\n\n // Also set the fields so user sees them pre-populated\n setAppId(credentials.appId || '');\n setAuthKey(credentials.authKey || '');\n setSelectedRegion(credentials.region || 'US');\n }\n } catch (error) {\n console.log('Error loading stored credentials:', error);\n }\n }\n\n loadCredentials();\n\n return () => backHandler.remove();\n }, []),\n );\n\n const showToast = (message: string) => {\n setToastMessage(message);\n setTimeout(() => {\n setToastMessage(null);\n }, 2500);\n };\n\n const handleContinue = async (): Promise => {\n // Validate the inputs.\n // If the user has modified a field and cleared it (i.e. the input becomes empty),\n // show a toast message.\n if (!appId.trim()) {\n showToast('Please enter App ID');\n return;\n }\n if (!authKey.trim()) {\n showToast('Please enter Auth Key');\n return;\n }\n if (!selectedRegion.trim()) {\n showToast('Please select a region');\n return;\n }\n\n // Since all fields are non-empty, use their current values.\n const newAppId = appId.trim();\n const newAuthKey = authKey.trim();\n const newRegion = selectedRegion.trim();\n\n try {\n const credentials = {\n region: newRegion,\n appId: newAppId,\n authKey: newAuthKey,\n };\n console.log('Saving credentials:', credentials);\n await AsyncStorage.setItem('appCredentials', JSON.stringify(credentials));\n\n // Re-initialize with updated credentials\n await CometChatUIKit.init({\n appId: newAppId,\n authKey: newAuthKey,\n region: newRegion,\n subscriptionType: CometChat.AppSettings\n .SUBSCRIPTION_TYPE_ALL_USERS as UIKitSettings['subscriptionType'],\n });\n } catch (error) {\n console.error('Failed to save credentials', error);\n }\n\n // Navigate to the next screen.\n navigate('BottomTabNavigator');\n navigationRef.reset({\n index: 0,\n routes: [{ name: SCREEN_CONSTANTS.SAMPLE_USER }],\n });\n };\n\n return (\n \n \n \n \n {/* Header/Logo */}\n \n \n\n {/* Title */}\n \n {t('APP_CREDENTIALS')}\n \n\n {/* Region Selector */}\n \n \n {t('REGION')}\n \n \n {/* US */}\n setSelectedRegion('US')}\n >\n \n \n US\n \n \n \n\n {/* EU */}\n setSelectedRegion('EU')}\n >\n \n \n EU\n \n \n \n\n {/* IN */}\n setSelectedRegion('IN')}\n >\n \n \n IN\n \n \n \n \n \n\n {/* App ID */}\n \n \n APP ID\n \n \n\n {/* Auth Key */}\n \n \n Auth Key\n \n \n \n\n {/* Continue Button */}\n \n \n \n {t('CONTINUE')}\n \n \n \n \n \n {/* Toast Message */}\n {toastMessage && (\n \n {toastMessage} \n \n )}\n \n );\n};\n\nexport default AppCredentials;\n\nconst styles = StyleSheet.create({\n logoContainer: {\n alignItems: 'center',\n marginTop: Platform.OS === 'android' ? 30 : 50,\n marginBottom: 20,\n },\n inputContainer: {\n width: '100%',\n marginTop: 20,\n },\n regionRow: {\n flexDirection: 'row',\n justifyContent: 'space-between',\n },\n flagContainer: {\n width: '32%',\n borderWidth: 2,\n borderColor: 'transparent',\n borderRadius: 12,\n alignItems: 'center',\n justifyContent: 'center',\n },\n flagInnerContainer: {\n flexDirection: 'row',\n alignItems: 'center',\n paddingVertical: 10,\n gap: 5,\n },\n flagImage: {\n width: 30,\n height: 30,\n resizeMode: 'contain',\n },\n input: {\n paddingHorizontal: 12,\n paddingVertical: 10,\n borderRadius: 8,\n borderWidth: 1,\n },\n continueButton: {\n borderRadius: 8,\n paddingVertical: 12,\n width: '100%',\n },\n toastContainer: {\n position: 'absolute',\n bottom: '8%',\n left: 20,\n right: 20,\n backgroundColor: '#C73C3E',\n padding: 6,\n borderRadius: 8,\n alignItems: 'center',\n },\n toastText: {\n color: '#fff',\n fontSize: 14,\n },\n container: {\n flex: 1,\n },\n contentContainer: {\n flex: 1,\n paddingHorizontal: 16,\n },\n scrollContent: {\n flexGrow: 1,\n paddingBottom: 80,\n },\n buttonWrapper: {\n justifyContent: 'center',\n alignItems: 'center',\n paddingVertical: 10,\n },\n});\n"
},
{
"path": "examples/SampleApp/src/components/login/SampleUser.tsx",
"content": "import React, { useEffect, useState } from 'react';\nimport {\n View,\n Text,\n StyleSheet,\n TouchableOpacity,\n TextInput,\n Image,\n Dimensions,\n useColorScheme,\n Pressable,\n ImageSourcePropType,\n KeyboardAvoidingView,\n Platform,\n ScrollView,\n ActivityIndicator,\n StatusBar,\n Keyboard,\n} from 'react-native';\nimport { CometChat } from '@cometchat/chat-sdk-react-native';\nimport {\n CometChatAvatar,\n CometChatUIKit,\n Icon,\n useTheme,\n} from '@cometchat/chat-uikit-react-native';\nimport Check from '../../assets/icons/CheckFill';\nimport { sampleData } from '../../utils/helper';\nimport { SCREEN_CONSTANTS } from '../../utils/AppConstants';\nimport { navigate, navigationRef } from '../../navigation/NavigationService';\nimport Skeleton from './Skeleton';\nimport {\n SafeAreaView,\n useSafeAreaInsets,\n} from 'react-native-safe-area-context';\nimport { useHeaderHeight } from '@react-navigation/elements';\n\ntype GridItem = CometChat.User | { dummy: true };\n\nconst LoginScreen: React.FC = () => {\n const [users, setUsers] = useState([]);\n const [selectedUser, setSelectedUser] = useState(null);\n const [userUID, setUserUID] = useState('');\n const [isLoading, setIsLoading] = useState(false);\n const [loadingUsers, setLoadingUsers] = useState(true);\n\n const theme = useTheme();\n const mode = useColorScheme();\n const { width } = Dimensions.get('window');\n const statusBarHeight =\n Platform.OS === 'android' ? (StatusBar.currentHeight ?? 0) : 0;\n\n const insets = useSafeAreaInsets();\n const headerHeight = useHeaderHeight(); // returns 0 if no header\n const keyboardVerticalOffset =\n Platform.OS === 'ios'\n ? (insets.top + 8 || 0) + (headerHeight || 0)\n : (statusBarHeight + 6 || 0) + (headerHeight || 0);\n\n const [keyboardBehavior, setKeyboardBehavior] = useState<\n 'padding' | 'height' | undefined\n >(Platform.OS === 'ios' ? 'padding' : 'height');\n\n useEffect(() => {\n const showListener = Keyboard.addListener('keyboardDidShow', () => {\n setKeyboardBehavior(Platform.OS === 'ios' ? 'padding' : 'height');\n });\n\n const hideListener = Keyboard.addListener('keyboardDidHide', () => {\n setKeyboardBehavior(undefined); // Remove behavior when keyboard hides\n });\n\n return () => {\n showListener.remove();\n hideListener.remove();\n };\n }, []);\n\n useEffect(() => {\n (async function loadUsers(): Promise {\n try {\n setLoadingUsers(true);\n const fetchedUsers = await fetchUsers();\n setUsers(fetchedUsers);\n } catch (error) {\n console.error(error);\n } finally {\n setLoadingUsers(false);\n }\n })();\n }, []);\n\n const handleSelectUser = (user: CometChat.User): void => {\n setSelectedUser(user.getUid());\n setUserUID('');\n };\n\n const handleContinue = async () => {\n if ((!selectedUser && !userUID.trim()) || isLoading) return;\n setIsLoading(true);\n const uid: string = userUID.trim() || selectedUser!;\n try {\n await CometChatUIKit.login({ uid });\n navigate('BottomTabNavigator');\n navigationRef.reset({\n index: 0,\n routes: [{ name: SCREEN_CONSTANTS.BOTTOM_TAB_NAVIGATOR }],\n });\n } catch (error: any) {\n console.log('Login failed with exception:', error);\n } finally {\n setIsLoading(false);\n }\n };\n\n /**\n * Fetch users from a remote sample JSON file.\n * Falls back to local sample data if there's an error.\n */\n async function fetchUsers(): Promise {\n try {\n const response = await fetch(\n 'https://assets.cometchat.io/sampleapp/sampledata.json',\n );\n\n if (response.ok) {\n const data = await response.json();\n const fetchedUsers = data.users || [];\n return fetchedUsers.map((user: any) => new CometChat.User(user));\n } else {\n throw new Error('Failed to load users');\n }\n } catch (error) {\n console.error('Exception while fetching users:', error);\n return await getDefaultUsers();\n }\n }\n\n /**\n * Get users from local sample data (used in case the remote fetch fails).\n */\n async function getDefaultUsers(): Promise {\n const localUsers = sampleData.users || [];\n return localUsers.map((user: any) => new CometChat.User(user));\n }\n\n /**\n * Returns the appropriate image source object for the avatar.\n */\n const getAvatarSource = (\n avatar: string | ImageSourcePropType,\n ): ImageSourcePropType => {\n if (typeof avatar === 'string') {\n if (avatar.startsWith('http://') || avatar.startsWith('https://')) {\n return { uri: avatar };\n }\n }\n return avatar as ImageSourcePropType;\n };\n\n // Show skeleton if the API is still loading or if no users are available.\n const showSkeleton = loadingUsers || users.length === 0;\n\n // Compute grid data only if users are available.\n let gridData: GridItem[] = [];\n if (users.length > 0) {\n gridData = [...users];\n const numColumns = 3;\n const numberOfElementsLastRow = users.length % numColumns;\n if (numberOfElementsLastRow !== 0) {\n for (let i = 0; i < numColumns - numberOfElementsLastRow; i++) {\n gridData.push({ dummy: true });\n }\n }\n }\n\n const Loading = () => {\n return (\n \n \n \n \n {/* App Logo */}\n \n \n\n {/* Title */}\n \n Log In\n \n\n {/* Subtitle */}\n \n Choose a Sample User\n \n\n {/* Sample Users Grid */}\n \n {showSkeleton ? (\n \n {gridData.map((item, index) => {\n // Render a blank view for dummy items\n if ('dummy' in item && item.dummy) {\n return (\n handleSelectUser(user)}\n >\n {/* Show the check icon ONLY if selected */}\n {isSelected && (\n \n \n )}\n \n {firstName}\n \n \n {user.getUid()}\n \n \n );\n })}\n \n )}\n \n\n {/* Horizontal divider with \"Or\" in the middle */}\n \n \n Or\n \n \n\n {/* UID Input */}\n \n Enter Your UID\n \n {\n setUserUID(text);\n setSelectedUser(null);\n }}\n />\n \n\n {/* Bottom container with \"Continue\" button and \"Change App Credentials\" */}\n \n \n {isLoading ? (\n \n Continue\n \n )}\n \n\n \n \n Change{' '}\n \n {\n navigationRef.navigate(SCREEN_CONSTANTS.APP_CRED);\n }}\n >\n \n App Credentials\n \n \n \n \n \n \n );\n};\n\nexport default LoginScreen;\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n },\n keyboardAvoidingContainer: {\n flex: 1,\n },\n scrollContainer: {\n paddingHorizontal: 16,\n paddingTop: 16,\n },\n logoContainer: {\n alignItems: 'center',\n marginBottom: 16,\n },\n logInTitle: {\n marginBottom: 16,\n alignSelf: 'center',\n },\n subtitle: {\n marginBottom: 6,\n },\n usersContainer: {\n flexDirection: 'row',\n flexWrap: 'wrap',\n justifyContent: 'space-around',\n },\n userCard: {\n position: 'relative',\n width: '30%',\n borderRadius: 8,\n paddingVertical: 16,\n paddingHorizontal: 8,\n marginBottom: 12,\n alignItems: 'center',\n overflow: 'hidden',\n },\n checkIconContainer: {\n position: 'absolute',\n top: 0,\n right: 0,\n borderBottomLeftRadius: 10,\n borderTopRightRadius: 7,\n width: '27%',\n height: '22%',\n backgroundColor: '#7367F0',\n alignItems: 'center',\n justifyContent: 'center',\n zIndex: 2,\n },\n firstNameText: {\n marginTop: 8,\n textAlign: 'center',\n },\n uidText: {\n marginTop: 4,\n textAlign: 'center',\n },\n dividerRow: {\n flexDirection: 'row',\n alignItems: 'center',\n marginVertical: 16,\n gap: 10,\n },\n divider: {\n flex: 1,\n height: 1,\n borderWidth: 0.5,\n },\n uidLabel: {\n paddingBottom: 5,\n },\n uidInput: {\n borderWidth: 1,\n borderRadius: 8,\n padding: 10,\n marginBottom: 24,\n },\n bottomContainer: {\n paddingHorizontal: 16,\n backgroundColor: 'transparent',\n },\n continueButton: {\n paddingVertical: 12,\n borderRadius: 6,\n marginBottom: 12,\n },\n continueButtonText: {\n alignSelf: 'center',\n },\n changeCredentialsWrapper: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n marginBottom: 10,\n },\n changeCredentialsContainer: {\n alignItems: 'center',\n justifyContent: 'center',\n },\n userGridWrapper: {\n minHeight: 240,\n justifyContent: 'center',\n alignItems: 'center',\n },\n});\n"
},
{
"path": "examples/SampleApp/src/components/login/Skeleton.tsx",
"content": "import React, { useEffect, useRef, useState } from \"react\";\nimport { Animated, Dimensions, Easing, StyleSheet, useColorScheme, View } from \"react-native\";\nimport Svg, { Defs, LinearGradient, Rect, Stop } from \"react-native-svg\";\n// import { useThemeInternal } from \"../../../theme/hook\";\n\nconst { width: screenWidth } = Dimensions.get(\"window\");\n\nconst SkeletonBox = ({ index, boxSize, gradientColors }: any) => {\n // Determine if the box is the last in its row\n const isLastInRow = (index + 1) % 3 === 0;\n\n return (\n \n \n \n \n \n \n {new Array(6).fill(0).map((_, index) => (\n \n \n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n position: \"relative\",\n borderRadius: 16,\n overflow: \"hidden\",\n },\n grid: {\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n justifyContent: \"space-between\",\n },\n skeletonBox: {\n marginBottom: 10,\n marginHorizontal: -10,\n },\n animatedShimmer: {\n position: \"absolute\",\n top: 0,\n left: 0,\n },\n});\n\nexport default Skeleton;\n"
},
{
"path": "examples/SampleApp/src/components/users/Users.tsx",
"content": "import { CometChat } from '@cometchat/chat-sdk-react-native';\nimport { CometChatUsers, useTheme } from '@cometchat/chat-uikit-react-native';\nimport React, { useCallback } from 'react';\nimport { View } from 'react-native';\nimport { useFocusEffect, useNavigation } from '@react-navigation/native';\nimport { RootStackParamList } from '../../navigation/types';\nimport { StackNavigationProp } from '@react-navigation/stack';\n\ntype UserNavigationProp = StackNavigationProp;\n\nconst Users: React.FC = () => {\n const theme = useTheme();\n const navigation = useNavigation();\n const [shouldHide, setShouldHide] = React.useState(false);\n\n useFocusEffect(\n useCallback(() => {\n setShouldHide(false);\n return () => {\n setShouldHide(true);\n };\n }, []),\n );\n\n return shouldHide ? null : (\n \n {\n navigation.navigate('Messages', {\n user: user,\n });\n }}\n usersRequestBuilder={new CometChat.UsersRequestBuilder()\n .setLimit(30)\n .hideBlockedUsers(false)\n // .setRoles(['@agentic'])\n .friendsOnly(false)\n .setStatus('')\n .setTags([])\n .sortBy('name')\n .setUIDs([])}\n />\n \n );\n};\n\nexport default Users;\n"
},
{
"path": "examples/SampleApp/src/config/config.json",
"content": "{\n \"builderId\": \"8c0c1c80-b08e-4960-80d4-686396119711\",\n \"settings\": {\n \"chatFeatures\": {\n \"coreMessagingExperience\": {\n \"typingIndicator\": true,\n \"threadConversationAndReplies\": true,\n \"photosSharing\": true,\n \"videoSharing\": true,\n \"audioSharing\": true,\n \"fileSharing\": true,\n \"editMessage\": true,\n \"deleteMessage\": true,\n \"messageDeliveryAndReadReceipts\": true,\n \"userAndFriendsPresence\": true\n },\n \"deeperUserEngagement\": {\n \"mentions\": true,\n \"reactions\": true,\n \"messageTranslation\": true,\n \"polls\": true,\n \"collaborativeWhiteboard\": true,\n \"collaborativeDocument\": true,\n \"voiceNotes\": true,\n \"emojis\": true,\n \"stickers\": true,\n \"userInfo\": true,\n \"groupInfo\": true\n },\n \"aiUserCopilot\": {\n \"conversationStarter\": true,\n \"conversationSummary\": true,\n \"smartReply\": true\n },\n \"groupManagement\": {\n \"createGroup\": true,\n \"addMembersToGroups\": true,\n \"joinLeaveGroup\": true,\n \"deleteGroup\": true,\n \"viewGroupMembers\": true\n },\n \"moderatorControls\": {\n \"kickUsers\": true,\n \"banUsers\": true,\n \"promoteDemoteMembers\": true\n },\n \"privateMessagingWithinGroups\": {\n \"sendPrivateMessageToGroupMembers\": true\n }\n },\n \"callFeatures\": {\n \"voiceAndVideoCalling\": {\n \"oneOnOneVoiceCalling\": true,\n \"oneOnOneVideoCalling\": true,\n \"groupVideoConference\": true,\n \"groupVoiceConference\": true\n }\n },\n \"layout\": {\n \"withSideBar\": true,\n \"tabs\": [\n \"chats\",\n \"calls\",\n \"users\",\n \"groups\"\n ],\n \"chatType\": \"both\",\n \"compactMessageComposer\": true\n },\n \"style\": {\n \"theme\": \"system\",\n \"color\": {\n \"brandColor\": \"#6852D6\",\n \"primaryTextLight\": \"#141414\",\n \"primaryTextDark\": \"#FFFFFF\",\n \"secondaryTextLight\": \"#727272\",\n \"secondaryTextDark\": \"#989898\"\n },\n \"typography\": {\n \"font\": \"roboto\",\n \"size\": \"default\"\n }\n },\n \"noCode\": {\n \"docked\": false,\n \"styles\": {\n \"buttonBackGround\": \"#6952d6\",\n \"buttonShape\": \"rounded\",\n \"openIcon\": \"https://nocode-js.cometchat.io/v1/resources/docked_open_icon.svg\",\n \"closeIcon\": \"https://nocode-js.cometchat.io/v1/resources/docked_close_icon.svg\",\n \"customJs\": \"\",\n \"customCss\": \"\"\n }\n }\n },\n \"name\": \"ttttt\",\n \"type\": \"low-code\",\n \"createdAt\": 1749032525,\n \"updatedAt\": 1749032525,\n \"expiresAt\": 1812108125\n}"
},
{
"path": "examples/SampleApp/src/config/store.ts",
"content": "import { create } from 'zustand';\nimport config from './config.json';\nimport AsyncStorage from '@react-native-async-storage/async-storage';\n\n// TypeScript interfaces for the config structure\ninterface ColorConfig {\n brandColor: string;\n primaryTextLight: string;\n primaryTextDark: string;\n secondaryTextLight: string;\n secondaryTextDark: string;\n}\n\ninterface TypographyConfig {\n font: string;\n size: string;\n}\n\ninterface StyleConfig {\n theme: string;\n color: ColorConfig;\n typography: TypographyConfig;\n}\n\ninterface NoCodeStyles {\n buttonBackGround: string;\n buttonShape: string;\n openIcon: string;\n closeIcon: string;\n customJs: string;\n customCss: string;\n}\n\ninterface NoCodeConfig {\n docked: boolean;\n styles: NoCodeStyles;\n}\n\ninterface LayoutConfig {\n withSideBar: boolean;\n tabs: string[];\n chatType: string;\n compactMessageComposer: boolean;\n}\n\ninterface CoreMessagingConfig {\n typingIndicator: boolean;\n threadConversationAndReplies: boolean;\n photosSharing: boolean;\n videoSharing: boolean;\n audioSharing: boolean;\n fileSharing: boolean;\n editMessage: boolean;\n deleteMessage: boolean;\n messageDeliveryAndReadReceipts: boolean;\n userAndFriendsPresence: boolean;\n}\n\ninterface DeeperEngagementConfig {\n mentions: boolean;\n reactions: boolean;\n messageTranslation: boolean;\n polls: boolean;\n collaborativeWhiteboard: boolean;\n collaborativeDocument: boolean;\n voiceNotes: boolean;\n emojis: boolean;\n stickers: boolean;\n userInfo: boolean;\n groupInfo: boolean;\n}\n\ninterface AiUserCopilotConfig {\n conversationStarter: boolean;\n conversationSummary: boolean;\n smartReply: boolean;\n}\n\ninterface GroupManagementConfig {\n createGroup: boolean;\n addMembersToGroups: boolean;\n joinLeaveGroup: boolean;\n deleteGroup: boolean;\n viewGroupMembers: boolean;\n}\n\ninterface ModeratorControlsConfig {\n kickUsers: boolean;\n banUsers: boolean;\n promoteDemoteMembers: boolean;\n}\n\ninterface PrivateMessagingConfig {\n sendPrivateMessageToGroupMembers: boolean;\n}\n\ninterface ChatFeaturesConfig {\n coreMessagingExperience: CoreMessagingConfig;\n deeperUserEngagement: DeeperEngagementConfig;\n aiUserCopilot: AiUserCopilotConfig;\n groupManagement: GroupManagementConfig;\n moderatorControls: ModeratorControlsConfig;\n privateMessagingWithinGroups: PrivateMessagingConfig;\n}\n\ninterface VoiceVideoCallingConfig {\n oneOnOneVoiceCalling: boolean;\n oneOnOneVideoCalling: boolean;\n groupVideoConference: boolean;\n groupVoiceConference: boolean;\n}\n\ninterface CallFeaturesConfig {\n voiceAndVideoCalling: VoiceVideoCallingConfig;\n}\n\ninterface SettingsConfig {\n chatFeatures: ChatFeaturesConfig;\n callFeatures: CallFeaturesConfig;\n layout: LayoutConfig;\n style: StyleConfig;\n noCode: NoCodeConfig;\n}\n\ninterface AppConfig {\n builderId: string;\n settings: SettingsConfig;\n name: string;\n type: string;\n createdAt: number;\n updatedAt: number;\n expiresAt: number;\n}\n\n// Zustand store interface\ninterface ConfigStore {\n config: AppConfig;\n updateConfig: (newConfig: Partial) => void;\n resetConfig: () => void;\n}\n\n// Initialize config from storage\nconst initializeConfig = async (): Promise => {\n try {\n const savedConfig = await AsyncStorage.getItem('@app_config');\n if (savedConfig) {\n const parsedConfig = JSON.parse(savedConfig);\n \n // Handle both old format (direct config) and new API response format (nested in data)\n let actualConfig: AppConfig;\n if (parsedConfig.data && parsedConfig.data.settings) {\n // New API response format - extract data property\n actualConfig = parsedConfig.data as AppConfig;\n } else if (parsedConfig.settings && parsedConfig.builderId) {\n // Old format - direct config\n actualConfig = parsedConfig as AppConfig;\n } else {\n // Invalid structure, use default\n return config as AppConfig;\n }\n \n // Validate that the config has the expected structure\n if (actualConfig && actualConfig.settings && actualConfig.builderId) {\n return actualConfig;\n }\n }\n } catch (error) {\n console.error('Error loading config from storage:', error);\n }\n return config as AppConfig;\n};\n\n// Create the Zustand store\nexport const useConfigStore = create((set, _get) => ({\n // Initialize with the config.json data\n config: config as AppConfig,\n\n // Update the entire config\n updateConfig: (newConfig) =>\n set((state) => ({\n config: { ...state.config, ...newConfig },\n })),\n\n // Reset to original config\n resetConfig: () =>\n set({\n config: config as AppConfig,\n }),\n}));\n\n// Initialize the store with saved config if available\ninitializeConfig().then((initialConfig) => {\n useConfigStore.setState({ config: initialConfig });\n}).catch((error) => {\n console.error('Error initializing config:', error);\n // Fallback to default config from JSON file\n useConfigStore.setState({ config: config as AppConfig });\n});\n\nexport const useConfig = (selector: (state: AppConfig) => T) =>\n useConfigStore((state) => selector(state.config));\n"
},
{
"path": "examples/SampleApp/src/declarations.d.ts",
"content": "declare module '*.png' {\n const value: any;\n export default value;\n }\n "
},
{
"path": "examples/SampleApp/src/hooks/useGroupMemberStatus.ts",
"content": "import { useState, useEffect, useRef } from 'react';\n//@ts-ignore\nimport { CometChat } from '@cometchat/chat-sdk-react-native';\nimport { CometChatUIEventHandler } from '@cometchat/chat-uikit-react-native';\n\n/**\n * Hook that detects whether the logged-in user is no longer a member\n * of the given group (kicked or banned).\n *\n * - On mount: checks current membership via CometChat.getGroup()\n * - Real-time: listens to SDK + UI events for kicked/banned/re-added\n *\n * @param group - The CometChat group object (pass undefined for 1-on-1 chats)\n * @returns `true` when the current user is no longer a member\n */\nexport const useGroupMemberStatus = (group?: CometChat.Group): boolean => {\n const [isNoLongerMember, setIsNoLongerMember] = useState(false);\n const loggedInUser = useRef(null);\n\n // Fetch logged-in user once\n useEffect(() => {\n CometChat.getLoggedinUser().then((u: CometChat.User | null) => {\n if (u) loggedInUser.current = u;\n });\n }, []);\n\n // Check membership on mount by fetching fresh group data\n useEffect(() => {\n if (!group) return;\n\n CometChat.getGroup(group.getGuid())\n .then((freshGroup: CometChat.Group) => {\n if (!freshGroup.getHasJoined()) {\n setIsNoLongerMember(true);\n }\n })\n .catch(() => {\n setIsNoLongerMember(true);\n });\n }, [group]);\n\n useEffect(() => {\n if (!group) return;\n\n const uiListenerId = 'composer_group_status_' + new Date().getTime();\n const sdkListenerId = 'composer_sdk_group_status_' + new Date().getTime();\n\n CometChatUIEventHandler.addGroupListener(uiListenerId, {\n ccGroupMemberKicked: ({ kickedUser }: any) => {\n if (kickedUser?.getUid?.() === loggedInUser.current?.getUid?.()) {\n setIsNoLongerMember(true);\n }\n },\n ccGroupMemberBanned: ({ kickedUser, bannedUser }: any) => {\n const affected = bannedUser || kickedUser;\n if (affected?.getUid?.() === loggedInUser.current?.getUid?.()) {\n setIsNoLongerMember(true);\n }\n },\n ccGroupMemberAdded: ({ usersAdded }: any) => {\n if (Array.isArray(usersAdded)) {\n const wasReAdded = usersAdded.some(\n (u: any) =>\n u?.getUid?.() === loggedInUser.current?.getUid?.() ||\n u?.uid === loggedInUser.current?.getUid?.()\n );\n if (wasReAdded) {\n setIsNoLongerMember(false);\n }\n }\n },\n });\n\n CometChat.addGroupListener(\n sdkListenerId,\n new CometChat.GroupListener({\n onGroupMemberKicked: (\n _message: any,\n kickedUser: any,\n _kickedBy: any,\n kickedFrom: any\n ) => {\n if (\n kickedFrom?.getGuid?.() === group.getGuid() &&\n kickedUser?.getUid?.() === loggedInUser.current?.getUid?.()\n ) {\n setIsNoLongerMember(true);\n }\n },\n onGroupMemberBanned: (\n _message: any,\n bannedUser: any,\n _bannedBy: any,\n bannedFrom: any\n ) => {\n if (\n bannedFrom?.getGuid?.() === group.getGuid() &&\n bannedUser?.getUid?.() === loggedInUser.current?.getUid?.()\n ) {\n setIsNoLongerMember(true);\n }\n },\n onMemberAddedToGroup: (\n _message: any,\n addedUser: any,\n _addedBy: any,\n addedTo: any\n ) => {\n if (\n addedTo?.getGuid?.() === group.getGuid() &&\n addedUser?.getUid?.() === loggedInUser.current?.getUid?.()\n ) {\n setIsNoLongerMember(false);\n }\n },\n })\n );\n\n return () => {\n CometChatUIEventHandler.removeGroupListener(uiListenerId);\n CometChat.removeGroupListener(sdkListenerId);\n };\n }, [group]);\n\n return isNoLongerMember;\n};\n"
},
{
"path": "examples/SampleApp/src/hooks/useIsKeyboardVisible.ts",
"content": "import { useState, useEffect } from 'react';\nimport { Keyboard, KeyboardEvent } from 'react-native';\n\n/**\n * Custom hook that returns whether the keyboard is currently visible.\n * Uses React Native's Keyboard API directly, independent of ChatUiKit.\n * @returns {boolean} True if keyboard is visible, false otherwise.\n */\nexport const useIsKeyboardVisible = (): boolean => {\n const [isKeyboardVisible, setIsKeyboardVisible] = useState(false);\n\n useEffect(() => {\n const showSubscription = Keyboard.addListener('keyboardDidShow', () => {\n setIsKeyboardVisible(true);\n });\n\n const hideSubscription = Keyboard.addListener('keyboardDidHide', () => {\n setIsKeyboardVisible(false);\n });\n\n return () => {\n showSubscription.remove();\n hideSubscription.remove();\n };\n }, []);\n\n return isKeyboardVisible;\n};\n"
},
{
"path": "examples/SampleApp/src/navigation/AuthContext.tsx",
"content": "import React from 'react';\n\nexport interface AuthContextProps {\n isLoggedIn: boolean;\n setIsLoggedIn: React.Dispatch>;\n}\n\nexport const AuthContext = React.createContext({\n isLoggedIn: false,\n setIsLoggedIn: () => {},\n});\n"
},
{
"path": "examples/SampleApp/src/navigation/BottomTabNavigator.tsx",
"content": "import React from 'react';\nimport {\n StyleSheet,\n Platform,\n View,\n TouchableWithoutFeedback,\n Text,\n} from 'react-native';\nimport {\n createBottomTabNavigator,\n BottomTabBarButtonProps,\n} from '@react-navigation/bottom-tabs';\nimport {useTheme, Icon, useCometChatTranslation } from '@cometchat/chat-uikit-react-native';\nimport {SCREEN_CONSTANTS} from '../utils/AppConstants';\nimport { useIsKeyboardVisible } from '../hooks/useIsKeyboardVisible';\nimport ChatFill from '../assets/icons/Chatfill';\nimport Chat from '../assets/icons/Chat';\nimport PersonFill from '../assets/icons/PersonFill';\nimport Person from '../assets/icons/Person';\nimport GroupFill from '../assets/icons/GroupFill';\nimport CallFill from '../assets/icons/CallFill';\nimport Call from '../assets/icons/Call';\nimport Group from '../assets/icons/Group';\nimport Conversations from '../components/conversations/screens/Conversations';\nimport Calls from '../components/calls/Calls';\nimport Users from '../components/users/Users';\nimport Groups from '../components/groups/Groups';\nimport {BottomTabParamList} from './types';\nimport { useConfig } from '../config/store';\n\n// Create the tab navigator.\nconst Tab = createBottomTabNavigator();\n\n// Define a type for icon components that accept color, height, and width props.\ntype IconComponentType = React.ComponentType<{\n color?: string;\n height?: number;\n width?: number;\n}>;\n\n// Update the icons mapping to use the imported image components.\nconst icons: Record<\n string,\n {active: IconComponentType; inactive: IconComponentType}\n> = {\n Chats: {active: ChatFill, inactive: Chat},\n Users: {active: PersonFill, inactive: Person},\n Calls: {active: CallFill, inactive: Call},\n Groups: {active: GroupFill, inactive: Group},\n};\n\nconst CustomTabBarButton = ({children, onPress}: BottomTabBarButtonProps) => (\n \n {children} \n \n);\n\nconst BottomTabNavigator = () => {\n const theme = useTheme();\n const tabs = useConfig(state => state.settings.layout.tabs);\n const { t } = useCometChatTranslation();\n // Use the custom hook to track keyboard visibility\n const isKeyboardVisible = useIsKeyboardVisible();\n\n // Map tab keys to screen names and components\n const TAB_COMPONENTS: Record }> = {\n chats: { name: SCREEN_CONSTANTS.CHATS, component: Conversations },\n calls: { name: SCREEN_CONSTANTS.CALLS, component: Calls },\n users: { name: SCREEN_CONSTANTS.USERS, component: Users },\n groups: { name: SCREEN_CONSTANTS.GROUPS, component: Groups },\n };\n\n return (\n ({\n headerShown: false,\n // Hide tab bar when keyboard is visible\n tabBarStyle: isKeyboardVisible \n ? { display: 'none' } \n : styles.tabBar,\n animation: 'none',\n tabBarIcon: ({focused}) => {\n const iconSet = icons[route.name];\n if (!iconSet) return null;\n\n const IconComponent = focused ? iconSet.active : iconSet.inactive;\n const iconColor = focused\n ? theme.color.primary\n : theme.color.iconSecondary;\n\n return (\n \n \n {t(route.name.toUpperCase())}\n \n \n ) : null,\n tabBarButton: props => ();\n\ninterface PendingNavigation {\n name: keyof RootStackParamList;\n params?: any;\n}\n\nlet pendingNavigation: PendingNavigation | null = null;\n\nexport function navigate(\n name: RouteName,\n params?: RootStackParamList[RouteName] extends undefined\n ? undefined\n : RootStackParamList[RouteName],\n) {\n if (navigationRef.isReady()) {\n // navigationRef.navigate(name as never);\n navigationRef.navigate(name as any, params as any); \n } else {\n // Save the navigation intent for later processing\n pendingNavigation = {name, params};\n }\n}\n\nexport function processPendingNavigation() {\n if (pendingNavigation && navigationRef.isReady()) {\n const {name, params} = pendingNavigation;\n navigationRef.navigate(name as any, params as any);\n pendingNavigation = null;\n }\n}\n"
},
{
"path": "examples/SampleApp/src/navigation/RootStackNavigator.tsx",
"content": "import React from 'react';\nimport { createNativeStackNavigator } from '@react-navigation/native-stack';\nimport { NavigationContainer, DefaultTheme } from '@react-navigation/native';\nimport BottomTabNavigator from './BottomTabNavigator';\nimport OngoingCallScreen from '../components/conversations/screens/OngoingCallScreen';\nimport { SCREEN_CONSTANTS } from '../utils/AppConstants';\nimport { useTheme } from '@cometchat/chat-uikit-react-native';\nimport { RootStackParamList } from './types';\nimport { navigationRef, processPendingNavigation } from './NavigationService';\nimport SampleUser from '../components/login/SampleUser';\nimport AppCredentials from '../components/login/AppCredentials';\nimport { StatusBar, useColorScheme } from 'react-native';\nimport Conversations from '../components/conversations/screens/Conversations';\nimport CreateConversation from '../components/conversations/screens/CreateConversation';\nimport Messages from '../components/conversations/screens/Messages';\nimport ThreadView from '../components/conversations/screens/ThreadView';\nimport UserInfo from '../components/conversations/screens/UserInfo';\nimport AddMember from '../components/conversations/screens/AddMember';\nimport BannedMember from '../components/conversations/screens/BannedMember';\nimport ViewMembers from '../components/conversations/screens/ViewMembers';\nimport GroupInfo from '../components/conversations/screens/GroupInfo';\nimport TransferOwnership from '../components/conversations/screens/TransferOwnership';\nimport Calls from '../components/calls/Calls';\nimport { CallDetails } from '../components/calls/CallDetails';\nimport Users from '../components/users/Users';\nimport Groups from '../components/groups/Groups';\nimport AIAgents from '../components/AIAgent/AIAgents';\nimport QRScreen from '../components/conversations/screens/qr_screen';\nimport SearchMessages from '../components/conversations/screens/SearchMessages';\n\ntype Props = {\n isLoggedIn: boolean;\n hasValidAppCredentials: boolean;\n};\n\nconst Stack = createNativeStackNavigator();\n\nconst RootStackNavigator = ({isLoggedIn, hasValidAppCredentials: _hasValidAppCredentials}: Props) => {\n const theme = useTheme();\n const NavigationTheme = {\n ...DefaultTheme,\n colors: {\n ...DefaultTheme.colors,\n background: theme.color.background1 as string,\n },\n };\n\n const isDark = useColorScheme() === 'dark';\n const backgroundColor = theme.color.background2;\n const barStyle = isDark ? 'light-content' : 'dark-content';\n\n return (\n <>\n {\n processPendingNavigation();\n }}\n theme={NavigationTheme}\n >\n \n {/* Auth Screens */}\n ;\n OngoingCallScreen: { sessionId: string; callType?: CallType } | { call: any };\n AppCredentials: undefined;\n SampleUser: undefined;\n Conversation: undefined;\n CreateConversation: undefined;\n Messages: {\n user?: CometChat.User;\n group?: CometChat.Group;\n fromMention?: boolean;\n fromMessagePrivately?: boolean;\n parentMessageId?: string;\n messageId?: string;\n searchKeyword?: string;\n navigatedFromSearch?: boolean;\n };\n SearchMessages: {\n user?: CometChat.User;\n group?: CometChat.Group;\n };\n AIAgents: undefined;\n BannedMembers: undefined;\n UserInfo: {\n user: CometChat.User;\n };\n GroupInfo: {\n group: CometChat.Group;\n };\n ThreadView: {\n message: CometChat.BaseMessage;\n user?: CometChat.User;\n group?: CometChat.Group;\n highlightMessageId?: string;\n };\n AddMember: {\n group: CometChat.Group;\n };\n TransferOwnershipSection: {\n group: CometChat.Group;\n };\n BannedMember: {\n group: CometChat.Group;\n };\n ViewMembers: {\n group: CometChat.Group;\n };\n CallLogs: undefined;\n CallDetails: {\n call: any;\n };\n Users: undefined;\n Groups: undefined;\n QRScreen: undefined;\n};\n\nexport type BottomTabParamList = {\n Chats: undefined;\n Calls: undefined;\n Users: undefined;\n Groups: undefined;\n};\n"
},
{
"path": "examples/SampleApp/src/utils/ActiveChatContext.tsx",
"content": "import React, { createContext, useContext, useState } from 'react';\n\ntype ActiveChat = {\n type: 'user' | 'group';\n id: string; // userUID or groupID\n} | null;\n\ntype ActiveChatContextType = {\n activeChat: ActiveChat;\n setActiveChat: React.Dispatch>;\n};\n\nconst ActiveChatContext = createContext(undefined);\n\nexport function ActiveChatProvider({ children }: { children: React.ReactNode }) {\n const [activeChat, setActiveChat] = useState(null);\n\n return (\n \n {children}\n \n );\n}\n\n// Hook for using in any component\nexport function useActiveChat() {\n const context = useContext(ActiveChatContext);\n if (!context) {\n throw new Error('useActiveChat must be used within an ActiveChatProvider');\n }\n return context;\n}\n"
},
{
"path": "examples/SampleApp/src/utils/AppConstants.tsx",
"content": "export const AppConstants = {\n fcmProviderId: '',\n apnsProviderId: '',\n authKey: '',\n appId: '',\n region: '',\n subscriptionType: 'ALL_USERS',\n versionNumber: 'V5.3.4',\n webClientId:\n '',\n iosClientId:\n '',\n};\n\nexport const SCREEN_CONSTANTS = {\n LOGIN: 'Login',\n APP_CRED: 'AppCredentials',\n SAMPLE_USER: 'SampleUser',\n ONGOING_CALL_SCREEN: 'OngoingCallScreen',\n BOTTOM_TAB_NAVIGATOR: 'BottomTabNavigator',\n CHATS: 'Chats',\n CALLS: 'Calls',\n USERS: 'Users',\n GROUPS: 'Groups',\n CONVERSATION: 'Conversation',\n CREATE_CONVERSATION: 'CreateConversation',\n MESSAGES: 'Messages',\n SEARCH_MESSAGES: 'SearchMessages',\n THREAD_VIEW: 'ThreadView',\n USER_INFO: 'UserInfo',\n GROUP_INFO: 'GroupInfo',\n ADD_MEMBER: 'AddMember',\n TRANSFER_OWNERSHIP: 'TransferOwnershipSection',\n BANNED_MEMBER: 'BannedMember',\n VIEW_MEMBER: 'ViewMembers',\n CALL_LOGS: 'CallLogs',\n CALL_DETAILS: 'CallDetails',\n QR_SCREEN: 'QRScreen',\n AI_AGENTS: 'AIAgents',\n} as const;\n"
},
{
"path": "examples/SampleApp/src/utils/CommonUtils.ts",
"content": "export class CommonUtils {\n static clone(arg: T): T {\n /*\n If there are additional properties attached to a function or an array object other than the standard properties, those properties will be ignored\n Cannot copy private properties (those that start with a \"#\" symbol inside a class block)\n Functions are copied by reference\n */\n if (typeof arg !== 'object' || !arg) {\n return arg;\n }\n let res;\n if (Array.isArray(arg)) {\n // arg is an array, there's no hatch to fool the Array.isArray method, so lets create an array\n res = [];\n for (const value of arg) {\n res.push(CommonUtils.clone(value));\n }\n return res as T;\n } else {\n // arg is an object\n res = {};\n const descriptor = Object.getOwnPropertyDescriptors(arg);\n for (const k of Reflect.ownKeys(descriptor)) {\n const curDescriptor = descriptor[k as any];\n if (curDescriptor.hasOwnProperty('value')) {\n // Property is a data property\n Object.defineProperty(res, k, {\n ...curDescriptor,\n value: CommonUtils.clone(curDescriptor['value']),\n });\n } else {\n // Property is an accessor property\n Object.defineProperty(res, k, curDescriptor);\n }\n }\n Object.setPrototypeOf(res, Object.getPrototypeOf(arg));\n }\n return res as T;\n }\n}\n"
},
{
"path": "examples/SampleApp/src/utils/TooltipMenu.tsx",
"content": "import { Icon, useTheme } from \"@cometchat/chat-uikit-react-native\";\nimport { JSX, useMemo } from \"react\";\nimport {\n ColorValue,\n Dimensions,\n ImageSourcePropType,\n Modal,\n StyleSheet,\n Text,\n TouchableOpacity,\n TouchableWithoutFeedback,\n View,\n} from \"react-native\";\n\nconst { width: screenWidth, height: screenHeight } = Dimensions.get(\"window\");\n\ntype CometChatTooltipMenuProps = {\n visible?: boolean;\n onDismiss?: () => void;\n onClose?: () => void;\n event: {\n nativeEvent: {\n pageX: number;\n pageY: number;\n };\n };\n menuItems: {\n text: string;\n onPress: () => void;\n textColor?: ColorValue;\n iconColor?: ColorValue;\n icon?: ImageSourcePropType | JSX.Element;\n }[];\n};\n\nexport const TooltipMenu = (props: CometChatTooltipMenuProps) => {\n const { visible = false, onDismiss = () => null, onClose = () => null, event, menuItems } = props;\n const theme = useTheme();\n\n const position = useMemo(() => {\n let x = event.nativeEvent.pageX;\n let y = event.nativeEvent.pageY;\n const position: {\n left?: number;\n right?: number;\n top?: number;\n bottom?: number;\n } = {};\n if (x <= screenWidth / 3) {\n position.left = x + 10;\n } else {\n position.right = 12;\n }\n\n if (y <= screenHeight / 2) {\n position.top = y + 20;\n } else if (y >= screenHeight / 2) {\n position.bottom = Math.max(screenHeight - y + 10, 40);\n }\n return position;\n }, [event]);\n\n return (\n \n \n \n \n {menuItems.map((item, i) => {\n return (\n {\n item.onPress();\n onClose();\n }}\n style={[\n {\n flexDirection: \"row\",\n alignItems: \"center\",\n paddingVertical: 10,\n paddingHorizontal: 16,\n gap: 8,\n backgroundColor: theme.color.background1,\n minWidth: 160,\n },\n i === 0\n ? {\n borderTopLeftRadius: theme.spacing.radius.r2,\n borderTopRightRadius: theme.spacing.radius.r2,\n }\n : {},\n i === menuItems.length - 1\n ? {\n borderBottomLeftRadius: theme.spacing.radius.r2,\n borderBottomRightRadius: theme.spacing.radius.r2,\n }\n : {},\n ]}\n >\n \n {item.text}\n \n \n );\n })}\n \n \n \n \n );\n};\n\nconst tooltipStyles = StyleSheet.create({\n overlay: {\n flex: 1,\n backgroundColor: \"transparent\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n menu: {\n position: \"absolute\",\n shadowOffset: {\n width: 0,\n height: 8,\n },\n shadowOpacity: 0.025,\n shadowRadius: 4,\n elevation: 3,\n },\n menuItem: {\n fontSize: 16,\n paddingVertical: 5,\n },\n});\n"
},
{
"path": "examples/SampleApp/src/utils/helper.ts",
"content": "import {Platform, PermissionsAndroid} from 'react-native';\nimport {CometChat} from '@cometchat/chat-sdk-react-native';\nimport Ironman from '../assets/icons/ironman.png';\nimport Captainamerica from '../assets/icons/captainamerica.png';\nimport Wolverine from '../assets/icons/wolverine.png';\nimport Spiderman from '../assets/icons/spiderman.png';\nimport Cyclops from '../assets/icons/cyclops.png';\nimport {\n CometChatUIEventHandler,\n CometChatUIEvents,\n CometChatUIKit,\n} from '@cometchat/chat-uikit-react-native';\nimport {\n NavigationContainerRefWithCurrent,\n StackActions,\n} from '@react-navigation/native';\nimport {RootStackParamList} from '../navigation/types';\nimport {SCREEN_CONSTANTS} from './AppConstants';\n\ninterface Translations {\n lastSeen: string;\n minutesAgo: (minutes: number) => string;\n hoursAgo: (hours: number) => string;\n}\n\ninterface NotifeeData {\n receiverType?: 'user' | 'group';\n conversationId?: string;\n sender?: string;\n messageId?: string;\n parentId?: string;\n [key: string]: any;\n}\n\n/**\n * Request common Android permissions (notifications, camera, etc.)\n * Only needed on Android.\n */\nexport async function requestAndroidPermissions() {\n if (Platform.OS !== 'android') return;\n try {\n await PermissionsAndroid.requestMultiple([\n PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE,\n PermissionsAndroid.PERMISSIONS.READ_EXTERNAL_STORAGE,\n PermissionsAndroid.PERMISSIONS.CAMERA,\n PermissionsAndroid.PERMISSIONS.RECORD_AUDIO,\n PermissionsAndroid.PERMISSIONS.POST_NOTIFICATIONS,\n ]);\n } catch (err) {\n console.warn('Android permissions error:', err);\n }\n}\n\n/**\n * getLastSeenTime UserInfoSection.\n */\nexport function getLastSeenTime(\n timestamp: number | null,\n translations: Translations,\n): string {\n if (timestamp === null) {\n return `${translations.lastSeen} Unknown`;\n }\n\n // If timestamp is in seconds (length = 10), convert to milliseconds.\n if (String(timestamp).length === 10) {\n timestamp *= 1000;\n }\n\n const now = new Date();\n const lastSeen = new Date(timestamp);\n\n // Calculate the time differences\n const diffInMillis = now.getTime() - lastSeen.getTime();\n const diffInMinutes = Math.floor(diffInMillis / (1000 * 60));\n const diffInHours = Math.floor(diffInMillis / (1000 * 60 * 60));\n\n // Check if within last hour\n if (diffInMinutes === 0) {\n return `${translations.lastSeen} ${translations.minutesAgo(1)}`;\n } else if (diffInMinutes < 60) {\n return `${translations.lastSeen} ${translations.minutesAgo(diffInMinutes)}`;\n }\n\n // Check if within the last 24 hours\n if (diffInHours < 24) {\n return `${translations.lastSeen} ${translations.hoursAgo(diffInHours)}`;\n }\n\n // Determine if timestamp is within the current year\n const isSameYear = lastSeen.getFullYear() === now.getFullYear();\n\n // Options for date formatting\n const dateOptions: Intl.DateTimeFormatOptions = {\n day: '2-digit',\n month: 'short',\n ...(isSameYear ? {} : { year: 'numeric' }),\n };\n\n // Options for time formatting\n const timeOptions: Intl.DateTimeFormatOptions = {\n hour: '2-digit',\n minute: '2-digit',\n hour12: true,\n };\n\n const formattedDate = lastSeen.toLocaleDateString(undefined, dateOptions);\n const formattedTime = lastSeen.toLocaleTimeString(undefined, timeOptions);\n if (formattedDate === 'Invalid Date' || formattedTime === 'Invalid Date') {\n return `Offline`;\n }\n\n return `${translations.lastSeen} ${formattedDate} at ${formattedTime}`;\n}\n\n/**\n * UNBLOCK\n */\nexport const unblock = async (\n uid: string,\n user: CometChat.User,\n setBlocked: React.Dispatch>,\n setUserObj: React.Dispatch>,\n): Promise => {\n try {\n const response = await CometChat.unblockUsers([uid]);\n const unBlockedUser = await CometChat.getUser(uid);\n if (response) {\n CometChatUIEventHandler.emitUserEvent(CometChatUIEvents.ccUserUnBlocked, {\n user: unBlockedUser,\n });\n setBlocked(false);\n setUserObj(unBlockedUser);\n } else {\n console.log(\n `Failed to unblock user with UID ${uid}. Response:`,\n response,\n );\n }\n } catch (error) {\n console.error('Error unblocking user:', error);\n }\n};\n\n/**\n * BLOCK\n */\nexport const blockUser = async (\n uid: string,\n user: CometChat.User,\n setBlocked: React.Dispatch>,\n): Promise => {\n try {\n const response = await CometChat.blockUsers([uid]);\n if (response) {\n user.setBlockedByMe(true);\n setBlocked(true);\n CometChatUIEventHandler.emitUserEvent(CometChatUIEvents.ccUserBlocked, {\n user,\n });\n } else {\n console.log(`Failed to block user with UID ${uid}. Response:`, response);\n }\n } catch (error) {\n console.error('Error blocking user:', error);\n }\n};\n\n/**\n * LEAVE GROUP\n */\nexport const leaveGroup = (\n group: CometChat.Group,\n navigation: any,\n pop: number,\n) => {\n if (group) {\n const groupID = group.getGuid();\n CometChat.leaveGroup(groupID).then(\n () => {\n let actionMessage: CometChat.Action = new CometChat.Action(\n groupID,\n CometChat.MESSAGE_TYPE.TEXT,\n CometChat.RECEIVER_TYPE.GROUP,\n CometChat.CATEGORY_ACTION as CometChat.MessageCategory,\n );\n actionMessage.setMessage(\n `${CometChatUIKit.loggedInUser!.getName()} has left`,\n );\n // Initialize data to prevent crash when SDK accesses getData().metadata during render\n actionMessage.setData({ metadata: {} });\n CometChatUIEventHandler.emitGroupEvent(CometChatUIEvents.ccGroupLeft, {\n message: actionMessage, //Note: Add Action message after discussion\n leftUser: CometChatUIKit.loggedInUser,\n leftGroup: group,\n });\n navigation.pop(pop);\n },\n error => {\n console.log('Group leaving failed:', error);\n },\n );\n } else {\n console.log('Group is not defined');\n }\n};\n\n/**\n * Sample Users Data\n */\nexport const sampleData = {\n users: [\n {uid: 'superhero1', name: 'Iron Man', avatar: Ironman},\n {uid: 'superhero2', name: 'Captain America', avatar: Captainamerica},\n {uid: 'superhero3', name: 'Spiderman', avatar: Spiderman},\n {uid: 'superhero4', name: 'Wolverine', avatar: Wolverine},\n {uid: 'superhero5', name: 'Cyclops', avatar: Cyclops},\n ],\n};\n\n/**\n * Navigate to conversation based on notification data.\n */\nexport async function navigateToConversation(\n navigationRef: NavigationContainerRefWithCurrent,\n data?: NotifeeData,\n) {\n if (!data || !navigationRef.current) {\n return;\n }\n \n try {\n // Handle group\n if (data.receiverType === 'group') {\n const extractedId =\n typeof data.conversationId === 'string'\n ? data.conversationId.split('_').slice(1).join('_')\n : '';\n const group = await CometChat.getGroup(extractedId);\n\n // Navigate with parent message ID if available (for agentic conversations)\n const params: any = {group};\n if (data.parentId) {\n params.parentMessageId = data.parentId;\n }\n\n navigationRef.current?.dispatch(StackActions.push(SCREEN_CONSTANTS.MESSAGES, params));\n }\n\n // Handle user\n else if (data.receiverType === 'user') {\n const ccUser = await CometChat.getUser(data.sender);\n\n // Navigate with parent message ID if available (for agentic conversations)\n const params: any = {user: ccUser};\n if (data.parentId) {\n params.parentMessageId = data.parentId;\n }\n\n navigationRef.current?.dispatch(\n StackActions.push(SCREEN_CONSTANTS.MESSAGES, params),\n );\n }\n } catch (error) {\n console.log('Error in navigateToConversation:', error);\n }\n}\n"
},
{
"path": "examples/SampleApp/src/utils/themeTypography.ts",
"content": "import { Platform } from 'react-native';\n\nexport type TypographyVariant = {\n regular: { fontFamily: string };\n medium: { fontFamily: string };\n bold: { fontFamily: string };\n};\n\nexport type Typography = {\n fontFamily: string;\n link: { fontFamily: string };\n} & Record<\n | \"title\"\n | \"heading1\"\n | \"heading2\"\n | \"heading3\"\n | \"heading4\"\n | \"body\"\n | \"caption1\"\n | \"caption2\"\n | \"button\",\n TypographyVariant\n>;\n\n// Simple font mapping - response name to file names (without extension)\nconst FONT_MAP: Record = {\n 'times new roman': {\n regular: Platform.OS === 'ios' ? 'TimesNewRomanPSMT' : 'times_new_roman_regular',\n medium: Platform.OS === 'ios' ? 'TimesNewRomanPSMT' : 'times_new_roman_medium',\n bold: Platform.OS === 'ios' ? 'TimesNewRomanPS-BoldMT' : 'times_new_roman_bold',\n },\n 'inter': {\n regular: Platform.OS === 'ios' ? 'Inter-Regular' : 'inter_regular',\n medium: Platform.OS === 'ios' ? 'Inter-Medium' : 'inter_medium',\n bold: Platform.OS === 'ios' ? 'Inter-Bold' : 'inter_bold',\n },\n 'roboto': {\n regular: Platform.OS === 'ios' ? 'Roboto-Regular' : 'roboto_regular',\n medium: Platform.OS === 'ios' ? 'Roboto-Medium' : 'roboto_medium',\n bold: Platform.OS === 'ios' ? 'Roboto-Bold' : 'roboto_bold',\n },\n};\n\n/**\n * Creates a complete Typography object for CometChat theme.\n * Normalizes font name, provides fallback, and builds all variants.\n * \n * @param font - The font name from backend (e.g., 'inter', 'roboto', 'times new roman')\n * @returns Complete Typography object with all variants configured\n */\nexport const createTypography = (font: string): Typography => {\n const types = [\n \"title\",\n \"heading1\",\n \"heading2\",\n \"heading3\",\n \"heading4\",\n \"body\",\n \"caption1\",\n \"caption2\",\n \"button\",\n ] as const;\n\n // Normalize font name from backend and provide fallback\n const fontKey = font ? font.toLowerCase().trim() : '';\n const fontVariants = FONT_MAP[fontKey] || FONT_MAP['times new roman'];\n\n // Defensive: ensure all variants exist\n const baseStyle: TypographyVariant = {\n regular: { fontFamily: fontVariants.regular },\n medium: { fontFamily: fontVariants.medium },\n bold: { fontFamily: fontVariants.bold },\n };\n\n const typography: Typography = {\n fontFamily: fontVariants.regular,\n link: { fontFamily: fontVariants.regular },\n } as Typography;\n\n types.forEach((type) => {\n typography[type] = { ...baseStyle };\n });\n\n return typography;\n};"
},
{
"path": "examples/SampleApp/tsconfig.json",
"content": "{\n \"extends\": \"@react-native/typescript-config\",\n \"include\": [\"**/*.ts\", \"**/*.tsx\"],\n \"exclude\": [\"**/node_modules\", \"**/Pods\"]\n}\n"
},
{
"path": "examples/SampleAppAI/.bundle/config",
"content": "BUNDLE_PATH: \"vendor/bundle\"\nBUNDLE_FORCE_RUBY_PLATFORM: 1\n"
},
{
"path": "examples/SampleAppAI/.eslintrc.js",
"content": "module.exports = {\n root: true,\n extends: '@react-native',\n};\n"
},
{
"path": "examples/SampleAppAI/.gitignore",
"content": "# OSX\n#\n.DS_Store\n\n# Xcode\n#\nbuild/\n*.pbxuser\n!default.pbxuser\n*.mode1v3\n!default.mode1v3\n*.mode2v3\n!default.mode2v3\n*.perspectivev3\n!default.perspectivev3\nxcuserdata\n*.xccheckout\n*.moved-aside\nDerivedData\n*.hmap\n*.ipa\n*.xcuserstate\n**/.xcode.env.local\n\n# Android/IntelliJ\n#\nbuild/\n.idea\n.gradle\nlocal.properties\n*.iml\n*.hprof\n.cxx/\n*.keystore\n!debug.keystore\n.kotlin/\n\n# node.js\n#\nnode_modules/\nnpm-debug.log\nyarn-error.log\n\n# fastlane\n#\n# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the\n# screenshots whenever they are needed.\n# For more information about the recommended setup visit:\n# https://docs.fastlane.tools/best-practices/source-control/\n\n**/fastlane/report.xml\n**/fastlane/Preview.html\n**/fastlane/screenshots\n**/fastlane/test_output\n\n# Bundle artifact\n*.jsbundle\n\n# Ruby / CocoaPods\n**/Pods/\n/vendor/bundle/\n\n# Temporary files created by Metro to check the health of the file watcher\n.metro-health-check*\n\n# testing\n/coverage\n\n# Yarn\n.yarn/*\n!.yarn/patches\n!.yarn/plugins\n!.yarn/releases\n!.yarn/sdks\n!.yarn/versions\n"
},
{
"path": "examples/SampleAppAI/.prettierrc.js",
"content": "module.exports = {\n arrowParens: 'avoid',\n singleQuote: true,\n trailingComma: 'all',\n};\n"
},
{
"path": "examples/SampleAppAI/.watchmanconfig",
"content": "{}\n"
},
{
"path": "examples/SampleAppAI/App.tsx",
"content": "import { StatusBar, useColorScheme } from 'react-native';\nimport './gesture-handler';\nimport React, { useState, useEffect, useRef } from 'react';\nimport {\n Platform,\n View,\n PlatformColor,\n AppState,\n AppStateStatus,\n} from 'react-native';\nimport { enableScreens } from 'react-native-screens';\nenableScreens();\nimport {\n CometChatIncomingCall,\n CometChatThemeProvider,\n CometChatUIEventHandler,\n CometChatUIEvents,\n CometChatUIKit,\n UIKitSettings,\n} from '@cometchat/chat-uikit-react-native';\n\nimport { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';\nimport { GestureHandlerRootView } from 'react-native-gesture-handler';\nimport { CometChat } from '@cometchat/chat-sdk-react-native';\nimport RootStackNavigator from './src/navigation/RootStackNavigator';\nimport { AppConstants } from './src/utils/AppConstants';\nimport { requestAndroidPermissions } from './src/utils/helper';\nimport AsyncStorage from '@react-native-async-storage/async-storage';\n\nfunction App() {\n const isDarkMode = useColorScheme() === 'dark';\n\n return (\n \n \n \n \n );\n}\n\nconst AppContent = (): React.ReactElement => {\n const [callReceived, setCallReceived] = useState(false);\n const incomingCall = useRef(\n null,\n );\n const [isInitializing, setIsInitializing] = useState(true);\n const [isLoggedIn, setIsLoggedIn] = useState(false);\n const [userLoggedIn, setUserLoggedIn] = useState(false);\n const [hasValidAppCredentials, setHasValidAppCredentials] = useState(false);\n // Listener ID for registering and removing CometChat listeners.\n const listenerId = 'app';\n\n /**\n * Initialize CometChat UIKit and configure Google Sign-In.\n * Retrieves credentials from AsyncStorage and uses fallback constants if needed.\n */\n useEffect(() => {\n async function init() {\n try {\n // Retrieve stored app credentials or default to an empty object.\n const AppData = (await AsyncStorage.getItem('appCredentials')) || '{}';\n const storedCredentials = JSON.parse(AppData);\n\n // Determine the final credentials (from AsyncStorage or AppConstants).\n const finalAppId = storedCredentials.appId || AppConstants.appId;\n const finalAuthKey = storedCredentials.authKey || AppConstants.authKey;\n const finalRegion = storedCredentials.region || AppConstants.region;\n\n // Set hasValidAppCredentials based on whether all values are available.\n if (finalAppId && finalAuthKey && finalRegion) {\n setHasValidAppCredentials(true);\n } else {\n setHasValidAppCredentials(false);\n }\n\n await CometChatUIKit.init({\n appId: finalAppId,\n authKey: finalAuthKey,\n region: finalRegion,\n subscriptionType: CometChat.AppSettings\n .SUBSCRIPTION_TYPE_ALL_USERS as UIKitSettings['subscriptionType'],\n });\n\n // If a user is already logged in, update the state.\n const loggedInUser = CometChatUIKit.loggedInUser;\n if (loggedInUser) {\n setIsLoggedIn(true);\n }\n } catch (error) {\n console.log('Error during initialization', error);\n } finally {\n // Mark initialization as complete.\n setIsInitializing(false);\n }\n }\n init();\n }, []);\n\n /**\n * Monitor app state changes to verify the logged-in status and clear notifications.\n * When the app becomes active, it cancels Android notifications and checks the login status.\n */\n useEffect(() => {\n if (Platform.OS === 'android') {\n // Request required Android permissions for notifications.\n requestAndroidPermissions();\n }\n const handleAppStateChange = async (nextState: AppStateStatus) => {\n if (nextState === 'active') {\n try {\n // Verify if there is a valid logged-in user.\n const chatUser = await CometChat.getLoggedinUser();\n setIsLoggedIn(!!chatUser);\n } catch (error) {\n console.log('Error verifying CometChat user on resume:', error);\n }\n }\n };\n const subscription = AppState.addEventListener(\n 'change',\n handleAppStateChange,\n );\n return () => subscription.remove();\n }, []);\n\n /**\n * Attach CometChat login listener to handle login and logout events.\n * Updates user login status accordingly.\n */\n useEffect(() => {\n CometChat.addLoginListener(\n listenerId,\n new CometChat.LoginListener({\n loginSuccess: () => {\n setUserLoggedIn(true);\n },\n loginFailure: (e: CometChat.CometChatException) => {\n console.log('LoginListener :: loginFailure', e.message);\n },\n logoutSuccess: () => {\n setUserLoggedIn(false);\n },\n logoutFailure: (e: CometChat.CometChatException) => {\n console.log('LoginListener :: logoutFailure', e.message);\n },\n }),\n );\n\n // Clean up the login listener on component unmount.\n return () => {\n CometChat.removeLoginListener(listenerId);\n };\n }, []);\n\n /**\n * Attach CometChat call listeners to handle incoming, outgoing, and cancelled call events.\n * Also handles UI events for call end.\n */\n useEffect(() => {\n // Listener for call events.\n CometChat.addCallListener(\n listenerId,\n new CometChat.CallListener({\n onIncomingCallReceived: (call: CometChat.Call) => {\n // Check if there's already an active call\n try {\n const activeCall = CometChat.getActiveCall();\n if (activeCall) {\n // If there's an active call, reject the incoming call with busy status\n setTimeout(() => {\n CometChat.rejectCall(\n call.getSessionId(),\n CometChat.CALL_STATUS.BUSY,\n )\n .then(() => {\n console.log('Incoming call rejected due to active call');\n })\n .catch(error => {\n console.error(\n 'Error rejecting call with busy status:',\n error,\n );\n });\n }, 2000);\n } else {\n // No active call, proceed with normal incoming call handling\n // Hide any bottom sheet UI before showing the incoming call screen.\n CometChatUIEventHandler.emitUIEvent(\n CometChatUIEvents.ccToggleBottomSheet,\n {\n isBottomSheetVisible: false,\n },\n );\n // Store the incoming call and update state.\n incomingCall.current = call;\n setCallReceived(true);\n }\n } catch (error) {\n console.error('Error getting active call:', error);\n // If error getting active call, proceed with normal handling\n CometChatUIEventHandler.emitUIEvent(\n CometChatUIEvents.ccToggleBottomSheet,\n {\n isBottomSheetVisible: false,\n },\n );\n incomingCall.current = call;\n setCallReceived(true);\n }\n },\n onOutgoingCallRejected: () => {\n // Clear the call state if outgoing call is rejected.\n incomingCall.current = null;\n setCallReceived(false);\n },\n onIncomingCallCancelled: () => {\n // Clear the call state if the incoming call is cancelled.\n incomingCall.current = null;\n setCallReceived(false);\n },\n }),\n );\n\n // Additional listener to handle call end events.\n CometChatUIEventHandler.addCallListener(listenerId, {\n ccCallEnded: () => {\n incomingCall.current = null;\n setCallReceived(false);\n },\n });\n\n // Remove call listeners on cleanup.\n return () => {\n CometChatUIEventHandler.removeCallListener(listenerId);\n CometChat.removeCallListener(listenerId);\n };\n }, [userLoggedIn]);\n\n // Show a blank/splash screen while the app is initializing.\n if (isInitializing) {\n return (\n \n \n {/* Render the incoming call UI if the user is logged in and a call is received */}\n {isLoggedIn && callReceived && incomingCall.current ? (\n {\n // Handle call decline by clearing the incoming call state.\n incomingCall.current = null;\n setCallReceived(false);\n }}\n style={{\n containerStyle: {\n marginTop: Platform.OS === 'android' ? 40 : 0,\n },\n }}\n />\n ) : null}\n {/* Render the main navigation stack, passing the login status as a prop */}\n \n \n );\n};\n\nexport default App;\n"
},
{
"path": "examples/SampleAppAI/AppErrorBoundary.tsx",
"content": "import React from 'react';\nimport { View, Text, StyleSheet, Appearance, Button } from 'react-native';\n\ninterface State {\n hasError: boolean;\n error: Error | null;\n colorScheme: 'light' | 'dark' | null;\n}\n\ninterface Props {\n children: React.ReactNode;\n}\n\nclass AppErrorBoundary extends React.Component {\n constructor(props: Props) {\n super(props);\n const colorScheme = Appearance.getColorScheme() ?? null;\n this.state = { hasError: false, error: null, colorScheme };\n }\n\n static getDerivedStateFromError(error: Error) {\n // Update state so the next render shows the fallback UI.\n return { hasError: true, error };\n }\n\n componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n // Log error to an error reporting service here if needed.\n console.log('ErrorBoundary caught an error', error, errorInfo);\n }\n\n componentDidMount() {\n // Listen for changes in color scheme.\n Appearance.addChangeListener(({ colorScheme }) => {\n this.setState({ colorScheme: colorScheme ?? null });\n });\n }\n\n // Reset error state to allow retrying\n handleRetry = () => {\n this.setState({ hasError: false, error: null });\n };\n\n render() {\n if (this.state.hasError) {\n const styles = createStyles(this.state.colorScheme);\n return (\n \n \n Something went wrong \n {/* Uncomment the next line to show the error message */}\n {/* \n {this.state.error ? this.state.error.toString() : 'Unknown error'}\n */}\n \n \n \n \n );\n }\n\n return this.props.children;\n }\n}\n\nconst createStyles = (colorScheme: 'light' | 'dark' | null) => {\n const isDark = colorScheme === 'dark';\n return StyleSheet.create({\n container: {\n flex: 1,\n backgroundColor: isDark ? '#121212' : '#f2f2f2',\n justifyContent: 'center',\n alignItems: 'center',\n padding: 16,\n },\n card: {\n backgroundColor: isDark ? '#1e1e1e' : '#ffffff',\n padding: 24,\n borderRadius: 12,\n alignItems: 'center',\n shadowColor: isDark ? '#000000' : '#aaa',\n shadowOffset: { width: 0, height: 2 },\n shadowOpacity: 0.3,\n shadowRadius: 4,\n elevation: 5,\n width: '100%',\n maxWidth: 400,\n },\n title: {\n fontSize: 20,\n fontWeight: '700',\n marginBottom: 12,\n color: isDark ? '#ffffff' : '#333333',\n },\n errorText: {\n fontSize: 16,\n textAlign: 'center',\n color: isDark ? '#cccccc' : '#666666',\n marginBottom: 20,\n },\n buttonContainer: {\n width: '100%',\n },\n });\n};\n\nexport default AppErrorBoundary;\n"
},
{
"path": "examples/SampleAppAI/Gemfile",
"content": "source 'https://rubygems.org'\n\n# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version\nruby \">= 2.6.10\"\n\n# Exclude problematic versions of cocoapods and activesupport that causes build failures.\ngem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'\ngem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'\ngem 'xcodeproj', '< 1.26.0'\ngem 'concurrent-ruby', '< 1.3.4'\n\n# Ruby 3.4.0 has removed some libraries from the standard library.\ngem 'bigdecimal'\ngem 'logger'\ngem 'benchmark'\ngem 'mutex_m'\n"
},
{
"path": "examples/SampleAppAI/README.md",
"content": "\n\n
\n\n# React Native AI Agents Sample App by CometChat\n\nThis reference application demonstrates how to seamlessly integrate CometChat’s [React Native UI Kit](https://www.cometchat.com/docs/ui-kit/react-native/5.0/overview) into a React Native project. It showcases the implementation of AI-powered chat agents using the UI Kit, highlighting how developers can leverage its prebuilt components to create rich, interactive messaging experiences with minimal effort.\n\n\n
\n
\n\n \n \n \n \n \n \n \n \n"
},
{
"path": "examples/SampleAppAI/android/app/src/main/java/com/cometchat/ai/sampleapp/MainActivity.kt",
"content": "package com.cometchat.ai.sampleapp\nimport android.os.Bundle\n\nimport com.facebook.react.ReactActivity\nimport com.facebook.react.ReactActivityDelegate\nimport com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled\nimport com.facebook.react.defaults.DefaultReactActivityDelegate\n\nclass MainActivity : ReactActivity() {\n\n override fun onCreate(savedInstanceState: Bundle?) {\n // REQUIRED for react-native-screens\n super.onCreate(null)\n }\n\n\n /**\n * Returns the name of the main component registered from JavaScript. This is used to schedule\n * rendering of the component.\n */\n override fun getMainComponentName(): String = \"ai_sample_app\"\n\n /**\n * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]\n * which allows you to enable New Architecture with a single boolean flags [fabricEnabled]\n */\n override fun createReactActivityDelegate(): ReactActivityDelegate =\n DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled)\n}\n"
},
{
"path": "examples/SampleAppAI/android/app/src/main/java/com/cometchat/ai/sampleapp/MainApplication.kt",
"content": "package com.cometchat.ai.sampleapp\n\nimport android.app.Application\nimport com.facebook.react.PackageList\nimport com.facebook.react.ReactApplication\nimport com.facebook.react.ReactHost\nimport com.facebook.react.ReactNativeApplicationEntryPoint.loadReactNative\nimport com.facebook.react.ReactNativeHost\nimport com.facebook.react.ReactPackage\nimport com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost\nimport com.facebook.react.defaults.DefaultReactNativeHost\n\nclass MainApplication : Application(), ReactApplication {\n\n override val reactNativeHost: ReactNativeHost =\n object : DefaultReactNativeHost(this) {\n override fun getPackages(): List =\n PackageList(this).packages.apply {\n // Packages that cannot be autolinked yet can be added manually here, for example:\n // add(MyReactNativePackage())\n }\n\n override fun getJSMainModuleName(): String = \"index\"\n\n override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG\n\n override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED\n override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED\n }\n\n override val reactHost: ReactHost\n get() = getDefaultReactHost(applicationContext, reactNativeHost)\n\n override fun onCreate() {\n super.onCreate()\n loadReactNative(this)\n }\n}\n"
},
{
"path": "examples/SampleAppAI/android/app/src/main/res/drawable/rn_edit_text_material.xml",
"content": "\n\n\n\n \n \n - \n
- \n
\n\n \n"
},
{
"path": "examples/SampleAppAI/android/app/src/main/res/values/colors.xml",
"content": "\n \n #FFFFFF \n \n"
},
{
"path": "examples/SampleAppAI/android/app/src/main/res/values/strings.xml",
"content": "\n AI Sample App \n \n"
},
{
"path": "examples/SampleAppAI/android/app/src/main/res/values/styles.xml",
"content": "\n\n \n \n\n \n"
},
{
"path": "examples/SampleAppAI/android/build.gradle",
"content": "buildscript {\n ext {\n buildToolsVersion = \"36.0.0\"\n minSdkVersion = 24\n compileSdkVersion = 36\n targetSdkVersion = 36\n ndkVersion = \"27.1.12297006\"\n kotlinVersion = \"2.1.20\"\n version = \"V5.3.4\"\n }\n repositories {\n google()\n mavenCentral()\n }\n dependencies {\n classpath(\"com.android.tools.build:gradle:8.1.4\")\n classpath(\"com.facebook.react:react-native-gradle-plugin\")\n classpath(\"org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlinVersion\")\n }\n}\n\napply plugin: \"com.facebook.react.rootproject\"\n"
},
{
"path": "examples/SampleAppAI/android/gradle/wrapper/gradle-wrapper.properties",
"content": "distributionBase=GRADLE_USER_HOME\ndistributionPath=wrapper/dists\ndistributionUrl=https\\://services.gradle.org/distributions/gradle-8.14.3-bin.zip\nnetworkTimeout=10000\nvalidateDistributionUrl=true\nzipStoreBase=GRADLE_USER_HOME\nzipStorePath=wrapper/dists\n"
},
{
"path": "examples/SampleAppAI/android/gradle.properties",
"content": "# Project-wide Gradle settings.\n\n# IDE (e.g. Android Studio) users:\n# Gradle settings configured through the IDE *will override*\n# any settings specified in this file.\n\n# For more details on how to configure your build environment visit\n# http://www.gradle.org/docs/current/userguide/build_environment.html\n\n# Specifies the JVM arguments used for the daemon process.\n# The setting is particularly useful for tweaking memory settings.\n# Default value: -Xmx512m -XX:MaxMetaspaceSize=256m\norg.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m\n\n# When configured, Gradle will run in incubating parallel mode.\n# This option should only be used with decoupled projects. More details, visit\n# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects\n# org.gradle.parallel=true\n\n# AndroidX package structure to make it clearer which packages are bundled with the\n# Android operating system, and which are packaged with your app's APK\n# https://developer.android.com/topic/libraries/support-library/androidx-rn\nandroid.useAndroidX=true\n\n# Use this property to specify which architecture you want to build.\n# You can also override it from the CLI using\n# ./gradlew -PreactNativeArchitectures=x86_64\nreactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64\n\n# Use this property to enable support to the new architecture.\n# This will allow you to use TurboModules and the Fabric render in\n# your application. You should enable this flag either if you want\n# to write custom TurboModules/Fabric components OR use libraries that\n# are providing them.\nnewArchEnabled=true\n\n# Use this property to enable or disable the Hermes JS engine.\n# If set to false, you will be using JSC instead.\nhermesEnabled=true\n\n# Use this property to enable edge-to-edge display support.\n# This allows your app to draw behind system bars for an immersive UI.\n# Note: Only works with ReactActivity and should not be used with custom Activity.\nedgeToEdgeEnabled=false\n"
},
{
"path": "examples/SampleAppAI/android/gradlew",
"content": "#!/bin/sh\n\n#\n# Copyright © 2015-2021 the original authors.\n#\n# Licensed under the Apache License, Version 2.0 (the \"License\");\n# you may not use this file except in compliance with the License.\n# You may obtain a copy of the License at\n#\n# https://www.apache.org/licenses/LICENSE-2.0\n#\n# Unless required by applicable law or agreed to in writing, software\n# distributed under the License is distributed on an \"AS IS\" BASIS,\n# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n# See the License for the specific language governing permissions and\n# limitations under the License.\n#\n# SPDX-License-Identifier: Apache-2.0\n#\n\n##############################################################################\n#\n# Gradle start up script for POSIX generated by Gradle.\n#\n# Important for running:\n#\n# (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is\n# noncompliant, but you have some other compliant shell such as ksh or\n# bash, then to run this script, type that shell name before the whole\n# command line, like:\n#\n# ksh Gradle\n#\n# Busybox and similar reduced shells will NOT work, because this script\n# requires all of these POSIX shell features:\n# * functions;\n# * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,\n# «${var#prefix}», «${var%suffix}», and «$( cmd )»;\n# * compound commands having a testable exit status, especially «case»;\n# * various built-in commands including «command», «set», and «ulimit».\n#\n# Important for patching:\n#\n# (2) This script targets any POSIX shell, so it avoids extensions provided\n# by Bash, Ksh, etc; in particular arrays are avoided.\n#\n# The \"traditional\" practice of packing multiple parameters into a\n# space-separated string is a well documented source of bugs and security\n# problems, so this is (mostly) avoided, by progressively accumulating\n# options in \"$@\", and eventually passing that to Java.\n#\n# Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,\n# and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;\n# see the in-line comments for details.\n#\n# There are tweaks for specific operating systems such as AIX, CygWin,\n# Darwin, MinGW, and NonStop.\n#\n# (3) This script is generated from the Groovy template\n# https://github.com/gradle/gradle/blob/HEAD/platforms/jvm/plugins-application/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt\n# within the Gradle project.\n#\n# You can find Gradle at https://github.com/gradle/gradle/.\n#\n##############################################################################\n\n# Attempt to set APP_HOME\n\n# Resolve links: $0 may be a link\napp_path=$0\n\n# Need this for daisy-chained symlinks.\nwhile\n APP_HOME=${app_path%\"${app_path##*/}\"} # leaves a trailing /; empty if no leading path\n [ -h \"$app_path\" ]\ndo\n ls=$( ls -ld \"$app_path\" )\n link=${ls#*' -> '}\n case $link in #(\n /*) app_path=$link ;; #(\n *) app_path=$APP_HOME$link ;;\n esac\ndone\n\n# This is normally unused\n# shellcheck disable=SC2034\nAPP_BASE_NAME=${0##*/}\n# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)\nAPP_HOME=$( cd -P \"${APP_HOME:-./}\" > /dev/null && printf '%s\\n' \"$PWD\" ) || exit\n\n# Use the maximum available, or set MAX_FD != -1 to use that value.\nMAX_FD=maximum\n\nwarn () {\n echo \"$*\"\n} >&2\n\ndie () {\n echo\n echo \"$*\"\n echo\n exit 1\n} >&2\n\n# OS specific support (must be 'true' or 'false').\ncygwin=false\nmsys=false\ndarwin=false\nnonstop=false\ncase \"$( uname )\" in #(\n CYGWIN* ) cygwin=true ;; #(\n Darwin* ) darwin=true ;; #(\n MSYS* | MINGW* ) msys=true ;; #(\n NONSTOP* ) nonstop=true ;;\nesac\n\nCLASSPATH=\"\\\\\\\"\\\\\\\"\"\n\n\n# Determine the Java command to use to start the JVM.\nif [ -n \"$JAVA_HOME\" ] ; then\n if [ -x \"$JAVA_HOME/jre/sh/java\" ] ; then\n # IBM's JDK on AIX uses strange locations for the executables\n JAVACMD=$JAVA_HOME/jre/sh/java\n else\n JAVACMD=$JAVA_HOME/bin/java\n fi\n if [ ! -x \"$JAVACMD\" ] ; then\n die \"ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME\n\nPlease set the JAVA_HOME variable in your environment to match the\nlocation of your Java installation.\"\n fi\nelse\n JAVACMD=java\n if ! command -v java >/dev/null 2>&1\n then\n die \"ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.\n\nPlease set the JAVA_HOME variable in your environment to match the\nlocation of your Java installation.\"\n fi\nfi\n\n# Increase the maximum file descriptors if we can.\nif ! \"$cygwin\" && ! \"$darwin\" && ! \"$nonstop\" ; then\n case $MAX_FD in #(\n max*)\n # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.\n # shellcheck disable=SC2039,SC3045\n MAX_FD=$( ulimit -H -n ) ||\n warn \"Could not query maximum file descriptor limit\"\n esac\n case $MAX_FD in #(\n '' | soft) :;; #(\n *)\n # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.\n # shellcheck disable=SC2039,SC3045\n ulimit -n \"$MAX_FD\" ||\n warn \"Could not set maximum file descriptor limit to $MAX_FD\"\n esac\nfi\n\n# Collect all arguments for the java command, stacking in reverse order:\n# * args from the command line\n# * the main class name\n# * -classpath\n# * -D...appname settings\n# * --module-path (only if needed)\n# * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.\n\n# For Cygwin or MSYS, switch paths to Windows format before running java\nif \"$cygwin\" || \"$msys\" ; then\n APP_HOME=$( cygpath --path --mixed \"$APP_HOME\" )\n CLASSPATH=$( cygpath --path --mixed \"$CLASSPATH\" )\n\n JAVACMD=$( cygpath --unix \"$JAVACMD\" )\n\n # Now convert the arguments - kludge to limit ourselves to /bin/sh\n for arg do\n if\n case $arg in #(\n -*) false ;; # don't mess with options #(\n /?*) t=${arg#/} t=/${t%%/*} # looks like a POSIX filepath\n [ -e \"$t\" ] ;; #(\n *) false ;;\n esac\n then\n arg=$( cygpath --path --ignore --mixed \"$arg\" )\n fi\n # Roll the args list around exactly as many times as the number of\n # args, so each arg winds up back in the position where it started, but\n # possibly modified.\n #\n # NB: a `for` loop captures its iteration list before it begins, so\n # changing the positional parameters here affects neither the number of\n # iterations, nor the values presented in `arg`.\n shift # remove old arg\n set -- \"$@\" \"$arg\" # push replacement arg\n done\nfi\n\n\n# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.\nDEFAULT_JVM_OPTS='\"-Xmx64m\" \"-Xms64m\"'\n\n# Collect all arguments for the java command:\n# * DEFAULT_JVM_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,\n# and any embedded shellness will be escaped.\n# * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be\n# treated as '${Hostname}' itself on the command line.\n\nset -- \\\n \"-Dorg.gradle.appname=$APP_BASE_NAME\" \\\n -classpath \"$CLASSPATH\" \\\n -jar \"$APP_HOME/gradle/wrapper/gradle-wrapper.jar\" \\\n \"$@\"\n\n# Stop when \"xargs\" is not available.\nif ! command -v xargs >/dev/null 2>&1\nthen\n die \"xargs is not available\"\nfi\n\n# Use \"xargs\" to parse quoted args.\n#\n# With -n1 it outputs one arg per line, with the quotes and backslashes removed.\n#\n# In Bash we could simply go:\n#\n# readarray ARGS < <( xargs -n1 <<<\"$var\" ) &&\n# set -- \"${ARGS[@]}\" \"$@\"\n#\n# but POSIX shell has neither arrays nor command substitution, so instead we\n# post-process each arg (as a line of input to sed) to backslash-escape any\n# character that might be a shell metacharacter, then use eval to reverse\n# that process (while maintaining the separation between arguments), and wrap\n# the whole thing up as a single \"set\" statement.\n#\n# This will of course break if any of these variables contains a newline or\n# an unmatched quote.\n#\n\neval \"set -- $(\n printf '%s\\n' \"$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS\" |\n xargs -n1 |\n sed ' s~[^-[:alnum:]+,./:=@_]~\\\\&~g; ' |\n tr '\\n' ' '\n )\" '\"$@\"'\n\nexec \"$JAVACMD\" \"$@\"\n"
},
{
"path": "examples/SampleAppAI/android/gradlew.bat",
"content": "@REM Copyright (c) Meta Platforms, Inc. and affiliates.\n@REM\n@REM This source code is licensed under the MIT license found in the\n@REM LICENSE file in the root directory of this source tree.\n\n@rem\n@rem Copyright 2015 the original author or authors.\n@rem\n@rem Licensed under the Apache License, Version 2.0 (the \"License\");\n@rem you may not use this file except in compliance with the License.\n@rem You may obtain a copy of the License at\n@rem\n@rem https://www.apache.org/licenses/LICENSE-2.0\n@rem\n@rem Unless required by applicable law or agreed to in writing, software\n@rem distributed under the License is distributed on an \"AS IS\" BASIS,\n@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n@rem See the License for the specific language governing permissions and\n@rem limitations under the License.\n@rem\n@rem SPDX-License-Identifier: Apache-2.0\n@rem\n\n@if \"%DEBUG%\"==\"\" @echo off\n@rem ##########################################################################\n@rem\n@rem Gradle startup script for Windows\n@rem\n@rem ##########################################################################\n\n@rem Set local scope for the variables with windows NT shell\nif \"%OS%\"==\"Windows_NT\" setlocal\n\nset DIRNAME=%~dp0\nif \"%DIRNAME%\"==\"\" set DIRNAME=.\n@rem This is normally unused\nset APP_BASE_NAME=%~n0\nset APP_HOME=%DIRNAME%\n\n@rem Resolve any \".\" and \"..\" in APP_HOME to make it shorter.\nfor %%i in (\"%APP_HOME%\") do set APP_HOME=%%~fi\n\n@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.\nset DEFAULT_JVM_OPTS=\"-Xmx64m\" \"-Xms64m\"\n\n@rem Find java.exe\nif defined JAVA_HOME goto findJavaFromJavaHome\n\nset JAVA_EXE=java.exe\n%JAVA_EXE% -version >NUL 2>&1\nif %ERRORLEVEL% equ 0 goto execute\n\necho. 1>&2\necho ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2\necho. 1>&2\necho Please set the JAVA_HOME variable in your environment to match the 1>&2\necho location of your Java installation. 1>&2\n\ngoto fail\n\n:findJavaFromJavaHome\nset JAVA_HOME=%JAVA_HOME:\"=%\nset JAVA_EXE=%JAVA_HOME%/bin/java.exe\n\nif exist \"%JAVA_EXE%\" goto execute\n\necho. 1>&2\necho ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2\necho. 1>&2\necho Please set the JAVA_HOME variable in your environment to match the 1>&2\necho location of your Java installation. 1>&2\n\ngoto fail\n\n:execute\n@rem Setup the command line\n\nset CLASSPATH=\n\n\n@rem Execute Gradle\n\"%JAVA_EXE%\" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% \"-Dorg.gradle.appname=%APP_BASE_NAME%\" -classpath \"%CLASSPATH%\" -jar \"%APP_HOME%\\gradle\\wrapper\\gradle-wrapper.jar\" %*\n\n:end\n@rem End local scope for the variables with windows NT shell\nif %ERRORLEVEL% equ 0 goto mainEnd\n\n:fail\nrem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of\nrem the _cmd.exe /c_ return code!\nset EXIT_CODE=%ERRORLEVEL%\nif %EXIT_CODE% equ 0 set EXIT_CODE=1\nif not \"\"==\"%GRADLE_EXIT_CONSOLE%\" exit %EXIT_CODE%\nexit /b %EXIT_CODE%\n\n:mainEnd\nif \"%OS%\"==\"Windows_NT\" endlocal\n\n:omega\n"
},
{
"path": "examples/SampleAppAI/android/settings.gradle",
"content": "pluginManagement { includeBuild(\"../node_modules/@react-native/gradle-plugin\") }\nplugins { id(\"com.facebook.react.settings\") }\nextensions.configure(com.facebook.react.ReactSettingsExtension){ ex -> ex.autolinkLibrariesFromCommand() }\nrootProject.name = 'SampleApp'\ninclude ':app'\nincludeBuild('../node_modules/@react-native/gradle-plugin')\n"
},
{
"path": "examples/SampleAppAI/app.json",
"content": "{\n \"name\": \"ai_sample_app\",\n \"displayName\": \"AI Sample App\"\n}\n"
},
{
"path": "examples/SampleAppAI/babel.config.js",
"content": "module.exports = {\n presets: ['module:@react-native/babel-preset'],\n};\n"
},
{
"path": "examples/SampleAppAI/gesture-handler.js",
"content": ""
},
{
"path": "examples/SampleAppAI/gesture-handler.native.js",
"content": "// Only import react-native-gesture-handler on native platforms\nimport 'react-native-gesture-handler';"
},
{
"path": "examples/SampleAppAI/index.js",
"content": "import {AppRegistry} from 'react-native';\nimport App from './App';\nimport {name as appName} from './app.json';\nimport AppErrorBoundary from './AppErrorBoundary';\nimport {ActiveChatProvider} from './src/utils/ActiveChatContext';\n\nif (global?.ErrorUtils) {\n const defaultHandler = global.ErrorUtils.getGlobalHandler();\n\n function globalErrorHandler(error, isFatal) {\n console.log(\n '[GlobalErrorHandler]:',\n isFatal ? 'Fatal:' : 'Non-Fatal:',\n error,\n );\n defaultHandler?.(error, isFatal);\n }\n\n global.ErrorUtils.setGlobalHandler(globalErrorHandler);\n}\n\nif (typeof process === 'object' && process.on) {\n process.on('unhandledRejection', (reason, promise) => {\n console.log('[Unhandled Promise Rejection]:', reason);\n });\n}\n\nconst Root = () => (\n \n \n \n \n);\n\nAppRegistry.registerComponent(appName, () => Root);\n"
},
{
"path": "examples/SampleAppAI/ios/.xcode.env",
"content": "# This `.xcode.env` file is versioned and is used to source the environment\n# used when running script phases inside Xcode.\n# To customize your local environment, you can create an `.xcode.env.local`\n# file that is not versioned.\n\n# NODE_BINARY variable contains the PATH to the node executable.\n#\n# Customize the NODE_BINARY variable here.\n# For example, to use nvm with brew, add the following line\n# . \"$(brew --prefix nvm)/nvm.sh\" --no-use\nexport NODE_BINARY=$(command -v node)\n"
},
{
"path": "examples/SampleAppAI/ios/Podfile",
"content": "# Resolve react_native_pods.rb with node to allow for hoisting\nrequire Pod::Executable.execute_command('node', ['-p',\n 'require.resolve(\n \"react-native/scripts/react_native_pods.rb\",\n {paths: [process.argv[1]]},\n )', __dir__]).strip\n\nplatform :ios, min_ios_version_supported\nprepare_react_native_project!\n\n# Specify the Xcode project\nproject 'SampleApp.xcodeproj'\n\nuse_frameworks! :linkage => :static\n\ntarget 'SampleApp' do\n config = use_native_modules!\n\n pod 'SPTPersistentCache', :modular_headers => true\n pod 'DVAssetLoaderDelegate', :modular_headers => true\n\n use_react_native!(\n :path => config[:reactNativePath],\n # An absolute path to your application root.\n :app_path => \"#{Pod::Config.instance.installation_root}/..\"\n )\n\n post_install do |installer|\n # https://github.com/facebook/react-native/blob/main/packages/react-native/scripts/react_native_pods.rb#L197-L202\n react_native_post_install(\n installer,\n config[:reactNativePath],\n :mac_catalyst_enabled => false,\n # :ccache_enabled => true\n )\n\n # Fix fmt consteval compilation error with Xcode 26+\n # https://github.com/expo/expo/issues/44229\n fmt_base = File.join(installer.sandbox.pod_dir('fmt'), 'include', 'fmt', 'base.h')\n if File.exist?(fmt_base)\n content = File.read(fmt_base)\n patched = content.gsub(/^#\\s*define FMT_USE_CONSTEVAL 1$/, '# define FMT_USE_CONSTEVAL 0')\n if patched != content\n File.chmod(0644, fmt_base)\n File.write(fmt_base, patched)\n end\n end\n end\nend\n"
},
{
"path": "examples/SampleAppAI/ios/SampleApp/AppDelegate.swift",
"content": "import UIKit\nimport React\nimport React_RCTAppDelegate\nimport ReactAppDependencyProvider\n\n@main\nclass AppDelegate: UIResponder, UIApplicationDelegate {\n var window: UIWindow?\n\n var reactNativeDelegate: ReactNativeDelegate?\n var reactNativeFactory: RCTReactNativeFactory?\n\n func application(\n _ application: UIApplication,\n didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? = nil\n ) -> Bool {\n let delegate = ReactNativeDelegate()\n let factory = RCTReactNativeFactory(delegate: delegate)\n delegate.dependencyProvider = RCTAppDependencyProvider()\n\n reactNativeDelegate = delegate\n reactNativeFactory = factory\n\n window = UIWindow(frame: UIScreen.main.bounds)\n\n factory.startReactNative(\n withModuleName: \"ai_sample_app\",\n in: window,\n launchOptions: launchOptions\n )\n\n return true\n }\n}\n\nclass ReactNativeDelegate: RCTDefaultReactNativeFactoryDelegate {\n override func sourceURL(for bridge: RCTBridge) -> URL? {\n self.bundleURL()\n }\n\n override func bundleURL() -> URL? {\n#if DEBUG\n RCTBundleURLProvider.sharedSettings().jsBundleURL(forBundleRoot: \"index\")\n#else\n Bundle.main.url(forResource: \"main\", withExtension: \"jsbundle\")\n#endif\n }\n}\n"
},
{
"path": "examples/SampleAppAI/ios/SampleApp/Images.xcassets/AppIcon.appiconset/Contents.json",
"content": "{\n \"images\" : [\n {\n \"filename\" : \"CometChat_React_Native_40x40.png\",\n \"idiom\" : \"iphone\",\n \"scale\" : \"2x\",\n \"size\" : \"20x20\"\n },\n {\n \"filename\" : \"CometChat_React_Native_60x60.png\",\n \"idiom\" : \"iphone\",\n \"scale\" : \"3x\",\n \"size\" : \"20x20\"\n },\n {\n \"filename\" : \"CometChat_React_Native_58x58.png\",\n \"idiom\" : \"iphone\",\n \"scale\" : \"2x\",\n \"size\" : \"29x29\"\n },\n {\n \"filename\" : \"CometChat_React_Native_87x87.png\",\n \"idiom\" : \"iphone\",\n \"scale\" : \"3x\",\n \"size\" : \"29x29\"\n },\n {\n \"filename\" : \"CometChat_React_Native_80x80.png\",\n \"idiom\" : \"iphone\",\n \"scale\" : \"2x\",\n \"size\" : \"40x40\"\n },\n {\n \"filename\" : \"CometChat_React_Native_120x120 1.png\",\n \"idiom\" : \"iphone\",\n \"scale\" : \"3x\",\n \"size\" : \"40x40\"\n },\n {\n \"filename\" : \"CometChat_React_Native_120x120.png\",\n \"idiom\" : \"iphone\",\n \"scale\" : \"2x\",\n \"size\" : \"60x60\"\n },\n {\n \"filename\" : \"CometChat_React_Native_180x180.png\",\n \"idiom\" : \"iphone\",\n \"scale\" : \"3x\",\n \"size\" : \"60x60\"\n },\n {\n \"filename\" : \"CometChat React native.png\",\n \"idiom\" : \"ios-marketing\",\n \"scale\" : \"1x\",\n \"size\" : \"1024x1024\"\n }\n ],\n \"info\" : {\n \"author\" : \"xcode\",\n \"version\" : 1\n }\n}\n"
},
{
"path": "examples/SampleAppAI/ios/SampleApp/Images.xcassets/Contents.json",
"content": "{\n \"info\" : {\n \"version\" : 1,\n \"author\" : \"xcode\"\n }\n}\n"
},
{
"path": "examples/SampleAppAI/ios/SampleApp/Info.plist",
"content": "\n\n\n\n\tCFBundleDevelopmentRegion \n\ten \n\tCFBundleDisplayName \n\tAI Sample App \n\tCFBundleExecutable \n\t$(EXECUTABLE_NAME) \n\tCFBundleIdentifier \n\t$(PRODUCT_BUNDLE_IDENTIFIER) \n\tCFBundleInfoDictionaryVersion \n\t6.0 \n\tCFBundleName \n\t$(PRODUCT_NAME) \n\tCFBundlePackageType \n\tAPPL \n\tCFBundleShortVersionString \n\t$(MARKETING_VERSION) \n\tCFBundleSignature \n\t???? \n\tCFBundleVersion \n\t$(CURRENT_PROJECT_VERSION) \n\tLSRequiresIPhoneOS \n\tNSAppTransportSecurity \n\t\n\tNSAllowsArbitraryLoads \n\tNSAllowsLocalNetworking \n\t \n\tNSCameraUsageDescription \n\tThis is for Camera permission \n\tNSLocationWhenInUseUsageDescription \n\tNSMicrophoneUsageDescription \n\tThis is for Mic permission \n\tRCTNewArchEnabled \n\tUILaunchStoryboardName \n\tLaunchScreen \n\tUIRequiredDeviceCapabilities \n\t\n\t\tarm64 \n\t \n\tUISupportedInterfaceOrientations \n\t\n\t\tUIInterfaceOrientationPortrait \n\t\tUIInterfaceOrientationLandscapeLeft \n\t\tUIInterfaceOrientationLandscapeRight \n\t \n\tUISupportedInterfaceOrientations~ipad \n\t\n\t\tUIInterfaceOrientationPortrait \n\t\tUIInterfaceOrientationLandscapeLeft \n\t\tUIInterfaceOrientationLandscapeRight \n\t \n\tUIViewControllerBasedStatusBarAppearance \n\t \n \n"
},
{
"path": "examples/SampleAppAI/ios/SampleApp/LaunchScreen.storyboard",
"content": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n"
},
{
"path": "examples/SampleAppAI/ios/SampleApp/PrivacyInfo.xcprivacy",
"content": "\n\n\n\n\tNSPrivacyAccessedAPITypes \n\t\n\t\t\n\t\t\tNSPrivacyAccessedAPIType \n\t\t\tNSPrivacyAccessedAPICategoryFileTimestamp \n\t\t\tNSPrivacyAccessedAPITypeReasons \n\t\t\t\n\t\t\t\tC617.1 \n\t\t\t \n\t\t \n\t\t\n\t\t\tNSPrivacyAccessedAPIType \n\t\t\tNSPrivacyAccessedAPICategoryUserDefaults \n\t\t\tNSPrivacyAccessedAPITypeReasons \n\t\t\t\n\t\t\t\tCA92.1 \n\t\t\t \n\t\t \n\t\t\n\t\t\tNSPrivacyAccessedAPIType \n\t\t\tNSPrivacyAccessedAPICategorySystemBootTime \n\t\t\tNSPrivacyAccessedAPITypeReasons \n\t\t\t\n\t\t\t\t35F9.1 \n\t\t\t \n\t\t \n\t \n\tNSPrivacyCollectedDataTypes \n\tNSPrivacyTracking \n\t \n \n"
},
{
"path": "examples/SampleAppAI/ios/SampleApp.xcodeproj/project.pbxproj",
"content": "// !$*UTF8*$!\n{\n\tarchiveVersion = 1;\n\tclasses = {\n\t};\n\tobjectVersion = 54;\n\tobjects = {\n\n/* Begin PBXBuildFile section */\n\t\t13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };\n\t\t3FB2022EB49561EBA8A32491 /* Pods_SampleApp.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 578B0B2D70ABC3C90153065B /* Pods_SampleApp.framework */; };\n\t\t761780ED2CA45674006654EE /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 761780EC2CA45674006654EE /* AppDelegate.swift */; };\n\t\t81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };\n\t\tBDCB18E08DA1EE3CCF31234A /* PrivacyInfo.xcprivacy in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */; };\n/* End PBXBuildFile section */\n\n/* Begin PBXFileReference section */\n\t\t1080499FF01EB6C0E2E655F6 /* Pods-SampleApp.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = \"Pods-SampleApp.debug.xcconfig\"; path = \"Target Support Files/Pods-SampleApp/Pods-SampleApp.debug.xcconfig\"; sourceTree = \"\"; };\n\t\t13B07F961A680F5B00A75B9A /* SampleApp.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = SampleApp.app; sourceTree = BUILT_PRODUCTS_DIR; };\n\t\t13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = SampleApp/Images.xcassets; sourceTree = \"\"; };\n\t\t13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = SampleApp/Info.plist; sourceTree = \"\"; };\n\t\t13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = PrivacyInfo.xcprivacy; path = SampleApp/PrivacyInfo.xcprivacy; sourceTree = \"\"; };\n\t\t24B03C26D609B5A540B05A65 /* Pods-SampleApp.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = \"Pods-SampleApp.release.xcconfig\"; path = \"Target Support Files/Pods-SampleApp/Pods-SampleApp.release.xcconfig\"; sourceTree = \"\"; };\n\t\t578B0B2D70ABC3C90153065B /* Pods_SampleApp.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_SampleApp.framework; sourceTree = BUILT_PRODUCTS_DIR; };\n\t\t761780EC2CA45674006654EE /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = AppDelegate.swift; path = SampleApp/AppDelegate.swift; sourceTree = \"\"; };\n\t\t81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = SampleApp/LaunchScreen.storyboard; sourceTree = \"\"; };\n\t\tED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };\n/* End PBXFileReference section */\n\n/* Begin PBXFrameworksBuildPhase section */\n\t\t13B07F8C1A680F5B00A75B9A /* Frameworks */ = {\n\t\t\tisa = PBXFrameworksBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\t3FB2022EB49561EBA8A32491 /* Pods_SampleApp.framework in Frameworks */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n/* End PBXFrameworksBuildPhase section */\n\n/* Begin PBXGroup section */\n\t\t13B07FAE1A68108700A75B9A /* SampleApp */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t13B07FB51A68108700A75B9A /* Images.xcassets */,\n\t\t\t\t761780EC2CA45674006654EE /* AppDelegate.swift */,\n\t\t\t\t13B07FB61A68108700A75B9A /* Info.plist */,\n\t\t\t\t81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */,\n\t\t\t\t13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */,\n\t\t\t);\n\t\t\tname = SampleApp;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t2D16E6871FA4F8E400B85C8A /* Frameworks */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\tED297162215061F000B7C4FE /* JavaScriptCore.framework */,\n\t\t\t\t578B0B2D70ABC3C90153065B /* Pods_SampleApp.framework */,\n\t\t\t);\n\t\t\tname = Frameworks;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t832341AE1AAA6A7D00B99B32 /* Libraries */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t);\n\t\t\tname = Libraries;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\t83CBB9F61A601CBA00E9B192 = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t13B07FAE1A68108700A75B9A /* SampleApp */,\n\t\t\t\t832341AE1AAA6A7D00B99B32 /* Libraries */,\n\t\t\t\t83CBBA001A601CBA00E9B192 /* Products */,\n\t\t\t\t2D16E6871FA4F8E400B85C8A /* Frameworks */,\n\t\t\t\tBBD78D7AC51CEA395F1C20DB /* Pods */,\n\t\t\t);\n\t\t\tindentWidth = 2;\n\t\t\tsourceTree = \"\";\n\t\t\ttabWidth = 2;\n\t\t\tusesTabs = 0;\n\t\t};\n\t\t83CBBA001A601CBA00E9B192 /* Products */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t13B07F961A680F5B00A75B9A /* SampleApp.app */,\n\t\t\t);\n\t\t\tname = Products;\n\t\t\tsourceTree = \"\";\n\t\t};\n\t\tBBD78D7AC51CEA395F1C20DB /* Pods */ = {\n\t\t\tisa = PBXGroup;\n\t\t\tchildren = (\n\t\t\t\t1080499FF01EB6C0E2E655F6 /* Pods-SampleApp.debug.xcconfig */,\n\t\t\t\t24B03C26D609B5A540B05A65 /* Pods-SampleApp.release.xcconfig */,\n\t\t\t);\n\t\t\tpath = Pods;\n\t\t\tsourceTree = \"\";\n\t\t};\n/* End PBXGroup section */\n\n/* Begin PBXNativeTarget section */\n\t\t13B07F861A680F5B00A75B9A /* SampleApp */ = {\n\t\t\tisa = PBXNativeTarget;\n\t\t\tbuildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget \"SampleApp\" */;\n\t\t\tbuildPhases = (\n\t\t\t\t93A7E3EE15C66A560927690C /* [CP] Check Pods Manifest.lock */,\n\t\t\t\t13B07F871A680F5B00A75B9A /* Sources */,\n\t\t\t\t13B07F8C1A680F5B00A75B9A /* Frameworks */,\n\t\t\t\t13B07F8E1A680F5B00A75B9A /* Resources */,\n\t\t\t\t00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,\n\t\t\t\tB26D7914AEF39D3B5D13EA59 /* [CP] Embed Pods Frameworks */,\n\t\t\t\t313738ECC7D8394BE4D3F3F3 /* [CP] Copy Pods Resources */,\n\t\t\t);\n\t\t\tbuildRules = (\n\t\t\t);\n\t\t\tdependencies = (\n\t\t\t);\n\t\t\tname = SampleApp;\n\t\t\tproductName = SampleApp;\n\t\t\tproductReference = 13B07F961A680F5B00A75B9A /* SampleApp.app */;\n\t\t\tproductType = \"com.apple.product-type.application\";\n\t\t};\n/* End PBXNativeTarget section */\n\n/* Begin PBXProject section */\n\t\t83CBB9F71A601CBA00E9B192 /* Project object */ = {\n\t\t\tisa = PBXProject;\n\t\t\tattributes = {\n\t\t\t\tLastUpgradeCheck = 1210;\n\t\t\t\tTargetAttributes = {\n\t\t\t\t\t13B07F861A680F5B00A75B9A = {\n\t\t\t\t\t\tLastSwiftMigration = 1120;\n\t\t\t\t\t};\n\t\t\t\t};\n\t\t\t};\n\t\t\tbuildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject \"SampleApp\" */;\n\t\t\tcompatibilityVersion = \"Xcode 12.0\";\n\t\t\tdevelopmentRegion = en;\n\t\t\thasScannedForEncodings = 0;\n\t\t\tknownRegions = (\n\t\t\t\ten,\n\t\t\t\tBase,\n\t\t\t);\n\t\t\tmainGroup = 83CBB9F61A601CBA00E9B192;\n\t\t\tproductRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;\n\t\t\tprojectDirPath = \"\";\n\t\t\tprojectRoot = \"\";\n\t\t\ttargets = (\n\t\t\t\t13B07F861A680F5B00A75B9A /* SampleApp */,\n\t\t\t);\n\t\t};\n/* End PBXProject section */\n\n/* Begin PBXResourcesBuildPhase section */\n\t\t13B07F8E1A680F5B00A75B9A /* Resources */ = {\n\t\t\tisa = PBXResourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\t81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */,\n\t\t\t\t13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,\n\t\t\t\tBDCB18E08DA1EE3CCF31234A /* PrivacyInfo.xcprivacy in Resources */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n/* End PBXResourcesBuildPhase section */\n\n/* Begin PBXShellScriptBuildPhase section */\n\t\t00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = {\n\t\t\tisa = PBXShellScriptBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\tinputPaths = (\n\t\t\t\t\"$(SRCROOT)/.xcode.env.local\",\n\t\t\t\t\"$(SRCROOT)/.xcode.env\",\n\t\t\t);\n\t\t\tname = \"Bundle React Native code and images\";\n\t\t\toutputPaths = (\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t\tshellPath = /bin/sh;\n\t\t\tshellScript = \"set -e\\n\\nWITH_ENVIRONMENT=\\\"$REACT_NATIVE_PATH/scripts/xcode/with-environment.sh\\\"\\nREACT_NATIVE_XCODE=\\\"$REACT_NATIVE_PATH/scripts/react-native-xcode.sh\\\"\\n\\n/bin/sh -c \\\"$WITH_ENVIRONMENT $REACT_NATIVE_XCODE\\\"\\n\";\n\t\t};\n\t\t313738ECC7D8394BE4D3F3F3 /* [CP] Copy Pods Resources */ = {\n\t\t\tisa = PBXShellScriptBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\tinputFileListPaths = (\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-SampleApp/Pods-SampleApp-resources-${CONFIGURATION}-input-files.xcfilelist\",\n\t\t\t);\n\t\t\tname = \"[CP] Copy Pods Resources\";\n\t\t\toutputFileListPaths = (\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-SampleApp/Pods-SampleApp-resources-${CONFIGURATION}-output-files.xcfilelist\",\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t\tshellPath = /bin/sh;\n\t\t\tshellScript = \"\\\"${PODS_ROOT}/Target Support Files/Pods-SampleApp/Pods-SampleApp-resources.sh\\\"\\n\";\n\t\t\tshowEnvVarsInLog = 0;\n\t\t};\n\t\t93A7E3EE15C66A560927690C /* [CP] Check Pods Manifest.lock */ = {\n\t\t\tisa = PBXShellScriptBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\tinputFileListPaths = (\n\t\t\t);\n\t\t\tinputPaths = (\n\t\t\t\t\"${PODS_PODFILE_DIR_PATH}/Podfile.lock\",\n\t\t\t\t\"${PODS_ROOT}/Manifest.lock\",\n\t\t\t);\n\t\t\tname = \"[CP] Check Pods Manifest.lock\";\n\t\t\toutputFileListPaths = (\n\t\t\t);\n\t\t\toutputPaths = (\n\t\t\t\t\"$(DERIVED_FILE_DIR)/Pods-SampleApp-checkManifestLockResult.txt\",\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t\tshellPath = /bin/sh;\n\t\t\tshellScript = \"diff \\\"${PODS_PODFILE_DIR_PATH}/Podfile.lock\\\" \\\"${PODS_ROOT}/Manifest.lock\\\" > /dev/null\\nif [ $? != 0 ] ; then\\n # print error to STDERR\\n echo \\\"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\\\" >&2\\n exit 1\\nfi\\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\\necho \\\"SUCCESS\\\" > \\\"${SCRIPT_OUTPUT_FILE_0}\\\"\\n\";\n\t\t\tshowEnvVarsInLog = 0;\n\t\t};\n\t\tB26D7914AEF39D3B5D13EA59 /* [CP] Embed Pods Frameworks */ = {\n\t\t\tisa = PBXShellScriptBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t);\n\t\t\tinputFileListPaths = (\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-SampleApp/Pods-SampleApp-frameworks-${CONFIGURATION}-input-files.xcfilelist\",\n\t\t\t);\n\t\t\tname = \"[CP] Embed Pods Frameworks\";\n\t\t\toutputFileListPaths = (\n\t\t\t\t\"${PODS_ROOT}/Target Support Files/Pods-SampleApp/Pods-SampleApp-frameworks-${CONFIGURATION}-output-files.xcfilelist\",\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t\tshellPath = /bin/sh;\n\t\t\tshellScript = \"\\\"${PODS_ROOT}/Target Support Files/Pods-SampleApp/Pods-SampleApp-frameworks.sh\\\"\\n\";\n\t\t\tshowEnvVarsInLog = 0;\n\t\t};\n/* End PBXShellScriptBuildPhase section */\n\n/* Begin PBXSourcesBuildPhase section */\n\t\t13B07F871A680F5B00A75B9A /* Sources */ = {\n\t\t\tisa = PBXSourcesBuildPhase;\n\t\t\tbuildActionMask = 2147483647;\n\t\t\tfiles = (\n\t\t\t\t761780ED2CA45674006654EE /* AppDelegate.swift in Sources */,\n\t\t\t);\n\t\t\trunOnlyForDeploymentPostprocessing = 0;\n\t\t};\n/* End PBXSourcesBuildPhase section */\n\n/* Begin XCBuildConfiguration section */\n\t\t13B07F941A680F5B00A75B9A /* Debug */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbaseConfigurationReference = 1080499FF01EB6C0E2E655F6 /* Pods-SampleApp.debug.xcconfig */;\n\t\t\tbuildSettings = {\n\t\t\t\tASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;\n\t\t\t\tCLANG_ENABLE_MODULES = YES;\n\t\t\t\tCURRENT_PROJECT_VERSION = 1;\n\t\t\t\tDEVELOPMENT_TEAM = T9F7QDSC2S;\n\t\t\t\tENABLE_BITCODE = NO;\n\t\t\t\tINFOPLIST_FILE = SampleApp/Info.plist;\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 15.1;\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"@executable_path/Frameworks\",\n\t\t\t\t);\n\t\t\t\tMARKETING_VERSION = V5.3.4;\n\t\t\t\tOTHER_LDFLAGS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"-ObjC\",\n\t\t\t\t\t\"-lc++\",\n\t\t\t\t);\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = com.cometchat.ai.sampleapp;\n\t\t\t\tPRODUCT_NAME = SampleApp;\n\t\t\t\tSWIFT_OPTIMIZATION_LEVEL = \"-Onone\";\n\t\t\t\tSWIFT_VERSION = 5.0;\n\t\t\t\tVERSIONING_SYSTEM = \"apple-generic\";\n\t\t\t};\n\t\t\tname = Debug;\n\t\t};\n\t\t13B07F951A680F5B00A75B9A /* Release */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbaseConfigurationReference = 24B03C26D609B5A540B05A65 /* Pods-SampleApp.release.xcconfig */;\n\t\t\tbuildSettings = {\n\t\t\t\tASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;\n\t\t\t\tCLANG_ENABLE_MODULES = YES;\n\t\t\t\tCURRENT_PROJECT_VERSION = 1;\n\t\t\t\tDEVELOPMENT_TEAM = T9F7QDSC2S;\n\t\t\t\tINFOPLIST_FILE = SampleApp/Info.plist;\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 15.1;\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"@executable_path/Frameworks\",\n\t\t\t\t);\n\t\t\t\tMARKETING_VERSION = V5.3.4;\n\t\t\t\tOTHER_LDFLAGS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"-ObjC\",\n\t\t\t\t\t\"-lc++\",\n\t\t\t\t);\n\t\t\t\tPRODUCT_BUNDLE_IDENTIFIER = com.cometchat.ai.sampleapp;\n\t\t\t\tPRODUCT_NAME = SampleApp;\n\t\t\t\tSWIFT_VERSION = 5.0;\n\t\t\t\tVERSIONING_SYSTEM = \"apple-generic\";\n\t\t\t};\n\t\t\tname = Release;\n\t\t};\n\t\t83CBBA201A601CBA00E9B192 /* Debug */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tALWAYS_SEARCH_USER_PATHS = NO;\n\t\t\t\tCLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;\n\t\t\t\tCLANG_CXX_LANGUAGE_STANDARD = \"c++20\";\n\t\t\t\tCLANG_CXX_LIBRARY = \"libc++\";\n\t\t\t\tCLANG_ENABLE_MODULES = YES;\n\t\t\t\tCLANG_ENABLE_OBJC_ARC = YES;\n\t\t\t\tCLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;\n\t\t\t\tCLANG_WARN_BOOL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_COMMA = YES;\n\t\t\t\tCLANG_WARN_CONSTANT_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;\n\t\t\t\tCLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;\n\t\t\t\tCLANG_WARN_EMPTY_BODY = YES;\n\t\t\t\tCLANG_WARN_ENUM_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_INFINITE_RECURSION = YES;\n\t\t\t\tCLANG_WARN_INT_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;\n\t\t\t\tCLANG_WARN_OBJC_LITERAL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;\n\t\t\t\tCLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;\n\t\t\t\tCLANG_WARN_RANGE_LOOP_ANALYSIS = YES;\n\t\t\t\tCLANG_WARN_STRICT_PROTOTYPES = YES;\n\t\t\t\tCLANG_WARN_SUSPICIOUS_MOVE = YES;\n\t\t\t\tCLANG_WARN_UNREACHABLE_CODE = YES;\n\t\t\t\tCLANG_WARN__DUPLICATE_METHOD_MATCH = YES;\n\t\t\t\t\"CODE_SIGN_IDENTITY[sdk=iphoneos*]\" = \"iPhone Developer\";\n\t\t\t\tCOPY_PHASE_STRIP = NO;\n\t\t\t\tENABLE_STRICT_OBJC_MSGSEND = YES;\n\t\t\t\tENABLE_TESTABILITY = YES;\n\t\t\t\t\"EXCLUDED_ARCHS[sdk=iphonesimulator*]\" = \"\";\n\t\t\t\tGCC_C_LANGUAGE_STANDARD = gnu99;\n\t\t\t\tGCC_DYNAMIC_NO_PIC = NO;\n\t\t\t\tGCC_NO_COMMON_BLOCKS = YES;\n\t\t\t\tGCC_OPTIMIZATION_LEVEL = 0;\n\t\t\t\tGCC_PREPROCESSOR_DEFINITIONS = (\n\t\t\t\t\t\"DEBUG=1\",\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t);\n\t\t\t\tGCC_SYMBOLS_PRIVATE_EXTERN = NO;\n\t\t\t\tGCC_WARN_64_TO_32_BIT_CONVERSION = YES;\n\t\t\t\tGCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;\n\t\t\t\tGCC_WARN_UNDECLARED_SELECTOR = YES;\n\t\t\t\tGCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;\n\t\t\t\tGCC_WARN_UNUSED_FUNCTION = YES;\n\t\t\t\tGCC_WARN_UNUSED_VARIABLE = YES;\n\t\t\t\tHEADER_SEARCH_PATHS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-runtimeexecutor/React_runtimeexecutor.framework/Headers\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-runtimeexecutor/React_runtimeexecutor.framework/Headers/platform/ios\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon-Samples/ReactCommon_Samples.framework/Headers\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon-Samples/ReactCommon_Samples.framework/Headers/platform/ios\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-NativeModulesApple/React_NativeModulesApple.framework/Headers\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios\",\n\t\t\t\t);\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 15.1;\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\n\t\t\t\t\t/usr/lib/swift,\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t);\n\t\t\t\tLIBRARY_SEARCH_PATHS = (\n\t\t\t\t\t\"\\\"$(SDKROOT)/usr/lib/swift\\\"\",\n\t\t\t\t\t\"\\\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\\\"\",\n\t\t\t\t\t\"\\\"$(inherited)\\\"\",\n\t\t\t\t);\n\t\t\t\tMTL_ENABLE_DEBUG_INFO = YES;\n\t\t\t\tONLY_ACTIVE_ARCH = YES;\n\t\t\t\tOTHER_CPLUSPLUSFLAGS = (\n\t\t\t\t\t\"$(OTHER_CFLAGS)\",\n\t\t\t\t\t\"-DFOLLY_NO_CONFIG\",\n\t\t\t\t\t\"-DFOLLY_MOBILE=1\",\n\t\t\t\t\t\"-DFOLLY_USE_LIBCPP=1\",\n\t\t\t\t\t\"-DFOLLY_CFG_NO_COROUTINES=1\",\n\t\t\t\t\t\"-DFOLLY_HAVE_CLOCK_GETTIME=1\",\n\t\t\t\t);\n\t\t\t\tREACT_NATIVE_PATH = \"${PODS_ROOT}/../../node_modules/react-native\";\n\t\t\t\tSDKROOT = iphoneos;\n\t\t\t\tSWIFT_ACTIVE_COMPILATION_CONDITIONS = \"$(inherited) DEBUG\";\n\t\t\t\tUSE_HERMES = true;\n\t\t\t};\n\t\t\tname = Debug;\n\t\t};\n\t\t83CBBA211A601CBA00E9B192 /* Release */ = {\n\t\t\tisa = XCBuildConfiguration;\n\t\t\tbuildSettings = {\n\t\t\t\tALWAYS_SEARCH_USER_PATHS = NO;\n\t\t\t\tCLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;\n\t\t\t\tCLANG_CXX_LANGUAGE_STANDARD = \"c++20\";\n\t\t\t\tCLANG_CXX_LIBRARY = \"libc++\";\n\t\t\t\tCLANG_ENABLE_MODULES = YES;\n\t\t\t\tCLANG_ENABLE_OBJC_ARC = YES;\n\t\t\t\tCLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;\n\t\t\t\tCLANG_WARN_BOOL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_COMMA = YES;\n\t\t\t\tCLANG_WARN_CONSTANT_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;\n\t\t\t\tCLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;\n\t\t\t\tCLANG_WARN_EMPTY_BODY = YES;\n\t\t\t\tCLANG_WARN_ENUM_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_INFINITE_RECURSION = YES;\n\t\t\t\tCLANG_WARN_INT_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;\n\t\t\t\tCLANG_WARN_OBJC_LITERAL_CONVERSION = YES;\n\t\t\t\tCLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;\n\t\t\t\tCLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;\n\t\t\t\tCLANG_WARN_RANGE_LOOP_ANALYSIS = YES;\n\t\t\t\tCLANG_WARN_STRICT_PROTOTYPES = YES;\n\t\t\t\tCLANG_WARN_SUSPICIOUS_MOVE = YES;\n\t\t\t\tCLANG_WARN_UNREACHABLE_CODE = YES;\n\t\t\t\tCLANG_WARN__DUPLICATE_METHOD_MATCH = YES;\n\t\t\t\t\"CODE_SIGN_IDENTITY[sdk=iphoneos*]\" = \"iPhone Developer\";\n\t\t\t\tCOPY_PHASE_STRIP = YES;\n\t\t\t\tENABLE_NS_ASSERTIONS = NO;\n\t\t\t\tENABLE_STRICT_OBJC_MSGSEND = YES;\n\t\t\t\t\"EXCLUDED_ARCHS[sdk=iphonesimulator*]\" = \"\";\n\t\t\t\tGCC_C_LANGUAGE_STANDARD = gnu99;\n\t\t\t\tGCC_NO_COMMON_BLOCKS = YES;\n\t\t\t\tGCC_WARN_64_TO_32_BIT_CONVERSION = YES;\n\t\t\t\tGCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;\n\t\t\t\tGCC_WARN_UNDECLARED_SELECTOR = YES;\n\t\t\t\tGCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;\n\t\t\t\tGCC_WARN_UNUSED_FUNCTION = YES;\n\t\t\t\tGCC_WARN_UNUSED_VARIABLE = YES;\n\t\t\t\tHEADER_SEARCH_PATHS = (\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-runtimeexecutor/React_runtimeexecutor.framework/Headers\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-runtimeexecutor/React_runtimeexecutor.framework/Headers/platform/ios\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon-Samples/ReactCommon_Samples.framework/Headers\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon-Samples/ReactCommon_Samples.framework/Headers/platform/ios\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-NativeModulesApple/React_NativeModulesApple.framework/Headers\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers\",\n\t\t\t\t\t\"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios\",\n\t\t\t\t);\n\t\t\t\tIPHONEOS_DEPLOYMENT_TARGET = 15.1;\n\t\t\t\tLD_RUNPATH_SEARCH_PATHS = (\n\t\t\t\t\t/usr/lib/swift,\n\t\t\t\t\t\"$(inherited)\",\n\t\t\t\t);\n\t\t\t\tLIBRARY_SEARCH_PATHS = (\n\t\t\t\t\t\"\\\"$(SDKROOT)/usr/lib/swift\\\"\",\n\t\t\t\t\t\"\\\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\\\"\",\n\t\t\t\t\t\"\\\"$(inherited)\\\"\",\n\t\t\t\t);\n\t\t\t\tMTL_ENABLE_DEBUG_INFO = NO;\n\t\t\t\tOTHER_CPLUSPLUSFLAGS = (\n\t\t\t\t\t\"$(OTHER_CFLAGS)\",\n\t\t\t\t\t\"-DFOLLY_NO_CONFIG\",\n\t\t\t\t\t\"-DFOLLY_MOBILE=1\",\n\t\t\t\t\t\"-DFOLLY_USE_LIBCPP=1\",\n\t\t\t\t\t\"-DFOLLY_CFG_NO_COROUTINES=1\",\n\t\t\t\t\t\"-DFOLLY_HAVE_CLOCK_GETTIME=1\",\n\t\t\t\t);\n\t\t\t\tREACT_NATIVE_PATH = \"${PODS_ROOT}/../../node_modules/react-native\";\n\t\t\t\tSDKROOT = iphoneos;\n\t\t\t\tUSE_HERMES = true;\n\t\t\t\tVALIDATE_PRODUCT = YES;\n\t\t\t};\n\t\t\tname = Release;\n\t\t};\n/* End XCBuildConfiguration section */\n\n/* Begin XCConfigurationList section */\n\t\t13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget \"SampleApp\" */ = {\n\t\t\tisa = XCConfigurationList;\n\t\t\tbuildConfigurations = (\n\t\t\t\t13B07F941A680F5B00A75B9A /* Debug */,\n\t\t\t\t13B07F951A680F5B00A75B9A /* Release */,\n\t\t\t);\n\t\t\tdefaultConfigurationIsVisible = 0;\n\t\t\tdefaultConfigurationName = Release;\n\t\t};\n\t\t83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject \"SampleApp\" */ = {\n\t\t\tisa = XCConfigurationList;\n\t\t\tbuildConfigurations = (\n\t\t\t\t83CBBA201A601CBA00E9B192 /* Debug */,\n\t\t\t\t83CBBA211A601CBA00E9B192 /* Release */,\n\t\t\t);\n\t\t\tdefaultConfigurationIsVisible = 0;\n\t\t\tdefaultConfigurationName = Release;\n\t\t};\n/* End XCConfigurationList section */\n\t};\n\trootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;\n}\n"
},
{
"path": "examples/SampleAppAI/ios/SampleApp.xcodeproj/xcshareddata/xcschemes/SampleApp.xcscheme",
"content": "\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n"
},
{
"path": "examples/SampleAppAI/ios/SampleApp.xcworkspace/contents.xcworkspacedata",
"content": "\n\n \n \n \n \n\n"
},
{
"path": "examples/SampleAppAI/ios/SampleApp.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings",
"content": "\n\n\n \n"
},
{
"path": "examples/SampleAppAI/jest.config.js",
"content": "module.exports = {\n preset: 'react-native',\n};\n"
},
{
"path": "examples/SampleAppAI/metro.config.js",
"content": "const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');\n\n/**\n * Metro configuration\n * https://reactnative.dev/docs/metro\n *\n * @type {import('@react-native/metro-config').MetroConfig}\n */\nconst config = {};\n\nmodule.exports = mergeConfig(getDefaultConfig(__dirname), config);\n"
},
{
"path": "examples/SampleAppAI/package.json",
"content": "{\n \"name\": \"ai_sample_app\",\n \"version\": \"5.3.4\",\n \"private\": true,\n \"scripts\": {\n \"android\": \"react-native run-android\",\n \"ios\": \"react-native run-ios\",\n \"lint\": \"eslint .\",\n \"start\": \"react-native start\",\n \"test\": \"jest\"\n },\n \"dependencies\": {\n \"@cometchat/calls-sdk-react-native\": \"^4.4.0\",\n \"@cometchat/chat-sdk-react-native\": \"^4.0.21\",\n \"@cometchat/chat-uikit-react-native\": \"^5.3.4\",\n \"@react-native-async-storage/async-storage\": \"^2.2.0\",\n \"@react-native-clipboard/clipboard\": \"^1.16.3\",\n \"@react-native-community/datetimepicker\": \"^8.4.5\",\n \"@react-native-community/netinfo\": \"^11.4.1\",\n \"@react-native/new-app-screen\": \"0.81.4\",\n \"@react-navigation/bottom-tabs\": \"^7.4.7\",\n \"@react-navigation/native\": \"^7.1.17\",\n \"@react-navigation/native-stack\": \"^7.14.12\",\n \"@react-navigation/stack\": \"^7.4.8\",\n \"dayjs\": \"^1.11.18\",\n \"react\": \"19.1.0\",\n \"react-native\": \"0.81.4\",\n \"react-native-background-timer\": \"^2.4.1\",\n \"react-native-callstats\": \"^3.73.22\",\n \"react-native-gesture-handler\": \"^2.28.0\",\n \"react-native-localize\": \"^3.5.4\",\n \"react-native-safe-area-context\": \"^5.5.2\",\n \"react-native-screens\": \"^4.16.0\",\n \"react-native-svg\": \"^15.13.0\",\n \"react-native-video\": \"^6.16.1\",\n \"react-native-webrtc\": \"^124.0.6\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.25.2\",\n \"@babel/preset-env\": \"^7.25.3\",\n \"@babel/runtime\": \"^7.25.0\",\n \"@react-native-community/cli\": \"20.0.0\",\n \"@react-native-community/cli-platform-android\": \"20.0.0\",\n \"@react-native-community/cli-platform-ios\": \"20.0.0\",\n \"@react-native/babel-preset\": \"0.81.4\",\n \"@react-native/eslint-config\": \"0.81.4\",\n \"@react-native/metro-config\": \"0.81.4\",\n \"@react-native/typescript-config\": \"0.81.4\",\n \"@types/jest\": \"^29.5.13\",\n \"@types/react\": \"^19.1.0\",\n \"@types/react-test-renderer\": \"^19.1.0\",\n \"eslint\": \"^8.19.0\",\n \"jest\": \"^29.6.3\",\n \"prettier\": \"2.8.8\",\n \"react-test-renderer\": \"19.1.0\",\n \"typescript\": \"^5.8.3\"\n },\n \"engines\": {\n \"node\": \">=20\"\n }\n}\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/AccountCircle.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/AddComment.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/ArrowBack.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/Block.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/Call.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/CallFill.tsx",
"content": "import Svg, { Mask, Path, G } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n \n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/Chat.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/Chatfill.tsx",
"content": "import Svg, { Mask, Path, G } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n \n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/CheckFill.tsx",
"content": "import Svg, { Mask, Path, G } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n \n \n \n);\nexport default SvgComponent;"
},
{
"path": "examples/SampleAppAI/src/assets/icons/Close.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/Delete.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/Group.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/GroupAdd.tsx",
"content": "import type { SvgProps } from \"react-native-svg\";\nimport Svg, { Path } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/GroupFill.tsx",
"content": "import Svg, { Mask, Path, G } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n \n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/Info.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/InfoIcon.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/Logout.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/Person.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/PersonAdd.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/PersonFill.tsx",
"content": "import Svg, { Mask, Path, G } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n \n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/PersonOff.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n \n \n \n \n);\n\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/assets/icons/VideoCam.tsx",
"content": "import Svg, { Path } from \"react-native-svg\";\nimport type { SvgProps } from \"react-native-svg\";\nconst SvgComponent = ({ height, width, color }: SvgProps) => (\n \n \n);\nexport default SvgComponent;\n"
},
{
"path": "examples/SampleAppAI/src/components/AIAgents.tsx",
"content": "import {CometChat} from '@cometchat/chat-sdk-react-native';\nimport {CometChatUsers, useTheme, CometChatUIKit, CometChatAvatar} from '@cometchat/chat-uikit-react-native';\nimport React, {useLayoutEffect, useState, useRef, useCallback, useContext} from 'react';\nimport {StyleSheet, TouchableOpacity, View} from 'react-native';\nimport {useNavigation, CommonActions} from '@react-navigation/native';\nimport {RootStackParamList} from '../navigation/types';\nimport {StackNavigationProp} from '@react-navigation/stack';\nimport {TooltipMenu} from '../utils/TooltipMenu';\nimport {AppConstants} from '../utils/AppConstants';\nimport Logout from '../assets/icons/Logout';\nimport Info from '../assets/icons/Info';\nimport {AuthContext} from '../navigation/AuthContext';\nimport {navigationRef} from '../navigation/NavigationService';\nimport AccountCircle from '../assets/icons/AccountCircle';\n\ntype AIAgentNavigationProp = StackNavigationProp;\n\nconst AppBarOptions: React.FC<{\n onPress: () => void;\n loggedInUser: CometChat.User;\n avatarContainerRef: React.RefObject;\n}> = ({ onPress, loggedInUser, avatarContainerRef }) => {\n return (\n \n \n \n \n );\n};\n\nconst AIAgents: React.FC = () => {\n const theme = useTheme();\n const navigation = useNavigation();\n const {setIsLoggedIn: setLogout} = useContext(AuthContext);\n const [tooltipVisible, setTooltipVisible] = useState(false);\n const [isLoggingOut, setIsLoggingOut] = useState(false);\n const tooltipPosition = useRef({pageX: 0, pageY: 0});\n const avatarContainerRef = useRef(null);\n const loggedInUser = useRef(\n CometChatUIKit.loggedInUser!,\n ).current;\n\n // Configure header with back button\n useLayoutEffect(() => {\n navigation.setOptions({\n headerShown: false,\n title: 'AI Assistants',\n headerStyle: {\n backgroundColor: theme.color.background1,\n },\n headerTitleStyle: {\n color: theme.color.textPrimary,\n },\n });\n }, [navigation, theme]);\n\n const handleUserPress = (user: CometChat.User) => {\n navigation.navigate('Messages', { user });\n };\n\n const handleAvatarPress = useCallback(() => {\n try {\n if (avatarContainerRef.current) {\n avatarContainerRef.current.measureInWindow((x, y, width, height) => {\n // Add spacing from the avatar - move tooltip to the right and down\n tooltipPosition.current = {\n pageX: x + width + 20, // 20px to the right of the avatar\n pageY: y + height + 10 // 10px below the avatar\n };\n });\n setTooltipVisible(true);\n }\n } catch (error) {\n console.error('Error while handling avatar press:', error);\n }\n }, [avatarContainerRef, tooltipPosition, setTooltipVisible]);\n\n const handleLogout = async () => {\n if (isLoggingOut) return;\n setIsLoggingOut(true);\n\n // Step 1: Logout from CometChat\n try {\n await CometChat.logout();\n } catch (error) {\n console.error('CometChat logout failed:', error);\n setIsLoggingOut(false);\n return; // Exit if CometChat logout fails\n }\n\n\n // If all operations succeed, navigate to the LoginScreen\n setIsLoggingOut(false);\n setLogout(false);\n // navigate('Login');\n navigationRef.dispatch(\n CommonActions.reset({\n index: 0,\n routes: [{ name: 'SampleUser' }],\n }),\n );\n };\n\n const AppBarWrapper = React.useMemo(\n () => () => (\n \n \n ),\n [handleAvatarPress, loggedInUser, avatarContainerRef]\n );\n\n\n\n\n\n return (\n \n \n \n\n \n {\n setTooltipVisible(false);\n }}\n onDismiss={() => {\n setTooltipVisible(false);\n }}\n event={{\n nativeEvent: tooltipPosition.current,\n }}\n menuItems={[\n {\n text: loggedInUser?.getName() || 'User',\n onPress: () => {\n setTooltipVisible(false);\n },\n icon: (\n ![\"CometChat\"](\"https://assets.cometchat.io/website/images/logos/banner.png\")
\n![](\"./screenshots/overview_cometchat_screens.png\")
\n![](\"../../screenshots/overview_cometchat_screens.png\")
\n![](\"../../screenshots/ai-agents-overview.png\")
\n