rns-nativecall 0.1.4 → 0.1.6

package/android/build.gradle

@@ -48,7 +48,15 @@ dependencies {
     // Kotlin Standard Library
     implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
     
-    // Note: Telecom APIs (ConnectionService) are part of the standard Android SDK,
-    // so no extra external dependencies are needed for them.
+    // Firebase for FCM
     implementation "com.google.firebase:firebase-messaging:23.4.0"
+
+    // UI & Design (Crucial for the "Pill" Activity and Notifications)
+    implementation "com.google.android.material:material:1.9.0"
+    implementation "androidx.appcompat:appcompat:1.6.1"
+    implementation "androidx.core:core-ktx:1.10.1"
+
+    // Image Loading (To load the profile picture URL)
+    implementation "com.github.bumptech.glide:glide:4.15.1"
+    annotationProcessor "com.github.bumptech.glide:compiler:4.15.1"
 }

package/android/src/main/java/com/rnsnativecall/CallModule.kt

@@ -1,4 +1,3 @@
-/// Users/bush/Desktop/Apps/Raiidr/package/android/src/main/java/com/rnsnativecall/CallModule.kt
 package com.rnsnativecall
 
 import android.content.ComponentName
@@ -12,6 +11,9 @@ import android.telecom.PhoneAccountHandle
 import android.telecom.TelecomManager
 import com.facebook.react.bridge.*
 import com.facebook.react.modules.core.DeviceEventManagerModule
+import android.widget.Toast
+import com.google.android.material.snackbar.Snackbar
+import android.view.View
 
 class CallModule(reactContext: ReactApplicationContext) : ReactContextBaseJavaModule(reactContext) {
 
@@ -24,62 +26,47 @@ class CallModule(reactContext: ReactApplicationContext) : ReactContextBaseJavaMo
 
     private fun getPhoneAccountHandle(): PhoneAccountHandle {
         val componentName = ComponentName(reactApplicationContext, MyConnectionService::class.java)
-        // Using the app's package name for the ID makes it unique for every app using this package
         return PhoneAccountHandle(componentName, "${reactApplicationContext.packageName}.voip")
     }
 
     private fun registerPhoneAccount() {
-        val telecomManager =
-                reactApplicationContext.getSystemService(Context.TELECOM_SERVICE) as TelecomManager
-        val phoneAccountHandle = getPhoneAccountHandle()
-
-        // Dynamically get the app's display name from the Android Manifest
-        val appName =
-                reactApplicationContext
-                        .applicationInfo
-                        .loadLabel(reactApplicationContext.packageManager)
-                        .toString()
-
-        // Correct bitmasking: Combine all capabilities into a single integer
-        val capabilities =
-                PhoneAccount.CAPABILITY_VIDEO_CALLING or
-                        PhoneAccount.CAPABILITY_SUPPORTS_VIDEO_CALLING
-
-        val phoneAccount =
-                PhoneAccount.builder(phoneAccountHandle, appName)
-                        .setCapabilities(capabilities)
-                        .setCapabilities(PhoneAccount.CAPABILITY_SELF_MANAGED)
-                        .setCapabilities(PhoneAccount.CAPABILITY_CALL_PROVIDER)
-                        .build()
-
-        telecomManager.registerPhoneAccount(phoneAccount)
-    }
+    val telecomManager = reactApplicationContext.getSystemService(Context.TELECOM_SERVICE) as TelecomManager
+    val phoneAccountHandle = getPhoneAccountHandle()
+
+    val appName = reactApplicationContext.applicationInfo.loadLabel(reactApplicationContext.packageManager).toString()
+
+    // ✅ FIXED: Removed CAPABILITY_CALL_PROVIDER
+    // Self-managed apps only need these specific flags
+    val capabilities = PhoneAccount.CAPABILITY_VIDEO_CALLING or
+                          PhoneAccount.CAPABILITY_SUPPORTS_VIDEO_CALLING
+
+    val phoneAccount = PhoneAccount.builder(phoneAccountHandle, appName)
+        .setCapabilities(capabilities)
+        .setShortDescription(appName)
+        .addSupportedUriScheme("sip")
+        .addSupportedUriScheme("tel")
+        .setCapabilities(PhoneAccount.CAPABILITY_SELF_MANAGED)
+        .setCapabilities(PhoneAccount.CAPABILITY_CALL_PROVIDER)
+        .build()
+
+    telecomManager.registerPhoneAccount(phoneAccount)
+}
 
     @ReactMethod
-    fun displayIncomingCall(
-            uuid: String,
-            number: String,
-            name: String,
-            hasVideo: Boolean,
-            playRing: Boolean,
-            promise: Promise
-    ) {
-        val telecomManager =
-                reactApplicationContext.getSystemService(Context.TELECOM_SERVICE) as TelecomManager
+    fun displayIncomingCall(uuid: String, number: String, name: String, hasVideo: Boolean, playRing: Boolean, promise: Promise) {
+        val telecomManager = reactApplicationContext.getSystemService(Context.TELECOM_SERVICE) as TelecomManager
         val phoneAccountHandle = getPhoneAccountHandle()
 
-        val extras =
-                Bundle().apply {
-                    putParcelable(
-                            TelecomManager.EXTRA_INCOMING_CALL_ADDRESS,
-                            Uri.fromParts("sip", number, null)
-                    )
-                    putString(TelecomManager.EXTRA_CALL_SUBJECT, name)
-                    putString("EXTRA_CALL_UUID", uuid)
-                    putBoolean("EXTRA_PLAY_RING", playRing)
-                    putBoolean(TelecomManager.EXTRA_START_CALL_WITH_VIDEO_STATE, hasVideo)
-                }
+         val extras = Bundle().apply {
+            putParcelable(TelecomManager.EXTRA_INCOMING_CALL_ADDRESS, Uri.fromParts("sip", number, null))
+            putString("EXTRA_CALL_UUID", uuid)
+
+            putString("EXTRA_CALLER_NAME", name)
+            putString(TelecomManager.EXTRA_CALL_SUBJECT, number)
+            putBoolean("EXTRA_PLAY_RING", false)
+            putBoolean(TelecomManager.EXTRA_START_CALL_WITH_VIDEO_STATE, hasVideo)
 
+        }
         try {
             telecomManager.addNewIncomingCall(phoneAccountHandle, extras)
             promise.resolve(true)
@@ -98,23 +85,49 @@ class CallModule(reactContext: ReactApplicationContext) : ReactContextBaseJavaMo
         }
     }
 
+    //done             //     val fallbackIntent = Intent(Intent.ACTION_MAIN).apply {
+            //     addCategory(Intent.CATEGORY_LAUNCHER)
+            //     component = ComponentName("com.android.phone", "com.android.phone.CallFeaturesSetting")
+            //     addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
+            //    }
+            // reactApplicationContext.startActivity(fallbackIntent)
+
     @ReactMethod
-    fun checkTelecomPermissions(promise: Promise) {
-        val telecomManager =
-                reactApplicationContext.getSystemService(Context.TELECOM_SERVICE) as TelecomManager
-        val phoneAccountHandle = getPhoneAccountHandle()
+  fun checkTelecomPermissions(promise: Promise) {
+    val telecomManager = reactApplicationContext.getSystemService(Context.TELECOM_SERVICE) as TelecomManager
+    val phoneAccountHandle = getPhoneAccountHandle()
+    val appName = reactApplicationContext.applicationInfo.loadLabel(reactApplicationContext.packageManager).toString()
+
+    val account = telecomManager.getPhoneAccount(phoneAccountHandle)
+    if (account != null && account.isEnabled) {
+        promise.resolve(true)
+    } else {
+        try {
+            // Show a quick message to guide the user
+            val text = "Tap 'Active calling accounts' and then enable $appName"
+val duration = Toast.LENGTH_LONG
+val toast = Toast.makeText(reactApplicationContext, text, duration)
 
-        val account = telecomManager.getPhoneAccount(phoneAccountHandle)
-        if (account != null && account.isEnabled) {
-            promise.resolve(true)
-        } else {
-            // Opens the system settings for "Calling Accounts" so the user can enable the app
+toast.show()
+
+// Show again after 3.5s
+android.os.Handler(android.os.Looper.getMainLooper()).postDelayed({
+    toast.show()
+}, 3500)
+
+
+            // Open Calling Accounts settings
             val intent = Intent(TelecomManager.ACTION_CHANGE_PHONE_ACCOUNTS)
             intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
             reactApplicationContext.startActivity(intent)
+
             promise.resolve(false)
+        } catch (e: Exception) {
+            promise.reject("PERMISSION_ERROR", "Could not open settings: ${e.message}")
         }
     }
+}
+
 
     @ReactMethod fun addListener(eventName: String) {}
     @ReactMethod fun removeListeners(count: Int) {}
@@ -122,11 +135,27 @@ class CallModule(reactContext: ReactApplicationContext) : ReactContextBaseJavaMo
     companion object {
         private var instance: CallModule? = null
 
-        fun sendEventToJS(eventName: String, uuid: String?) {
-            val params = Arguments.createMap().apply { putString("callUUID", uuid) }
-            instance?.reactApplicationContext
-                    ?.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
-                    ?.emit(eventName, params)
+        @JvmStatic
+        fun sendEventToJS(eventName: String, params: Any?) {
+            val reactContext = instance?.reactApplicationContext ?: return
+            
+            val bridgeData = when (params) {
+                is Map<*, *> -> {
+                    val map = Arguments.createMap()
+                    params.forEach { (key, value) ->
+                        map.putString(key.toString(), value.toString())
+                    }
+                    map
+                }
+                is String -> {
+                    Arguments.createMap().apply { putString("callUUID", params) }
+                }
+                else -> null
+            }
+
+            reactContext
+                .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
+                ?.emit(eventName, bridgeData)
         }
     }
-}
+}

package/android/src/main/java/com/rnsnativecall/CallPackage.kt

@@ -1,4 +1,4 @@
-///// Users/bush/Desktop/Apps/Raiidr/package/android/src/main/java/com/rnsnativecall/CallPackage.kt
+/////Users/bush/Desktop/Apps/Raiidr/package/android/src/main/java/com/rnsnativecall/CallPackage.kt
 package com.rnsnativecall
 
 import com.facebook.react.ReactPackage
@@ -11,9 +11,7 @@ class CallPackage : ReactPackage {
         return listOf(CallModule(reactContext))
     }
 
-    override fun createViewManagers(
-            reactContext: ReactApplicationContext
-    ): List<ViewManager<*, *>> {
+    override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
         return emptyList()
     }
-}
+}

package/android/src/main/java/com/rnsnativecall/IncomingCallActivity.kt

@@ -0,0 +1,74 @@
+package com.rnsnativecall
+
+import android.app.NotificationManager
+import android.content.Context
+import android.os.Bundle
+import android.view.View
+import android.view.WindowManager
+import android.widget.ImageView
+import android.widget.TextView
+import androidx.appcompat.app.AppCompatActivity
+import com.bumptech.glide.Glide
+
+class IncomingCallActivity : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        // 1. Show over lockscreen
+        window.addFlags(
+            WindowManager.LayoutParams.FLAG_SHOW_WHEN_LOCKED or
+            WindowManager.LayoutParams.FLAG_TURN_SCREEN_ON or
+            WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON or
+            WindowManager.LayoutParams.FLAG_DISMISS_KEYGUARD
+        )
+
+        // 2. Set the layout FIRST
+        setContentView(R.layout.activity_incoming_call)
+
+        // 3. Extract data from Intent
+        val uuid = intent.getStringExtra("EXTRA_CALL_UUID")
+        val name = intent.getStringExtra("EXTRA_CALLER_NAME") ?: "Unknown"
+        val profileUrl = intent.getStringExtra("profile")
+        val callType = intent.getStringExtra("callType") ?: "audio"
+
+        // 4. Initialize Views
+        val imageView = findViewById<ImageView>(R.id.caller_image)
+        val nameText = findViewById<TextView>(R.id.caller_name)
+        val typeText = findViewById<TextView>(R.id.call_type)
+
+        nameText.text = name
+        typeText.text = if (callType == "video") "Incoming Video..." else "Incoming Audio..."
+
+        // 5. Load Image with Glide
+        if (!profileUrl.isNullOrEmpty()) {
+            Glide.with(this)
+                .load(profileUrl)
+                .circleCrop()
+                .into(imageView)
+        }
+
+        // 6. Handle buttons
+        findViewById<View>(R.id.btn_accept).setOnClickListener {
+            dismissCall()
+            CallModule.sendEventToJS("onCallAccepted", mapOf("callUUID" to uuid))
+            finish()
+        }
+
+        findViewById<View>(R.id.btn_reject).setOnClickListener {
+            dismissCall()
+            CallModule.sendEventToJS("onCallRejected", mapOf("callUUID" to uuid))
+            finish()
+        }
+    }
+
+    private fun dismissCall() {
+        // This removes the "Pill" notification from the status bar
+        val notificationManager = getSystemService(Context.NOTIFICATION_SERVICE) as NotificationManager
+        notificationManager.cancel(101) // Use the same ID you used in NativeCallManager
+    }
+    
+    override fun onBackPressed() {
+        // Disable back button so they have to click Accept or Reject
+    }
+}

package/android/src/main/java/com/rnsnativecall/MyCallConnection.kt

@@ -1,5 +1,3 @@
-/////
-// Users/bush/Desktop/Apps/Raiidr/package/android/src/main/java/com/rnsnativecall/MyCallConnection.kt
 package com.rnsnativecall
 
 import android.content.Context
@@ -11,11 +9,12 @@ import android.telecom.Connection
 import android.telecom.DisconnectCause
 
 class MyCallConnection(
-        private val context: Context,
-        private val callUUID: String?,
-        private val playRing: Boolean,
-        private val onAcceptCallback: (String?) -> Unit,
-        private val onRejectCallback: (String?) -> Unit
+    private val context: Context,
+    private val callUUID: String?,
+    private val playRing: Boolean,
+    private val allData: Map<String, String>,
+    private val onAcceptCallback: (Map<String, String>) -> Unit,
+    private val onRejectCallback: (Map<String, String>) -> Unit
 ) : Connection() {
 
     private var mediaPlayer: MediaPlayer? = null
@@ -23,28 +22,22 @@ class MyCallConnection(
     init {
         connectionProperties = PROPERTY_SELF_MANAGED
         audioModeIsVoip = true
-
-        if (playRing) {
-            startRingtone()
-        }
+        if (playRing) startRingtone()
     }
 
     private fun startRingtone() {
-        val uri = RingtoneManager.getDefaultUri(RingtoneManager.TYPE_RINGTONE)
-
-        mediaPlayer =
-                MediaPlayer().apply {
-                    setDataSource(context, uri)
-                    setAudioAttributes(
-                            AudioAttributes.Builder()
-                                    .setUsage(AudioAttributes.USAGE_NOTIFICATION_RINGTONE)
-                                    .setContentType(AudioAttributes.CONTENT_TYPE_MUSIC)
-                                    .build()
-                    )
-                    isLooping = true
-                    prepare()
-                    start()
-                }
+        try {
+            val uri = RingtoneManager.getDefaultUri(RingtoneManager.TYPE_RINGTONE)
+            mediaPlayer = MediaPlayer().apply {
+                setDataSource(context, uri)
+                setAudioAttributes(AudioAttributes.Builder()
+                    .setUsage(AudioAttributes.USAGE_NOTIFICATION_RINGTONE)
+                    .setContentType(AudioAttributes.CONTENT_TYPE_MUSIC).build())
+                isLooping = true
+                prepare()
+                start()
+            }
+        } catch (e: Exception) { e.printStackTrace() }
     }
 
     private fun stopRingtone() {
@@ -60,18 +53,15 @@ class MyCallConnection(
 
     override fun onAnswer() {
         stopRingtone()
-
-        // Bring app to foreground
         val launchIntent = context.packageManager.getLaunchIntentForPackage(context.packageName)
         launchIntent?.apply {
             addFlags(Intent.FLAG_ACTIVITY_NEW_TASK or Intent.FLAG_ACTIVITY_SINGLE_TOP)
             context.startActivity(this)
         }
 
-        // Notify JS
-        onAcceptCallback(callUUID)
+        onAcceptCallback(allData)
 
-        // 🔥 IMMEDIATELY detach from Telecom
+        // IMPORTANT: KEEP THIS AS IT IS
         setDisconnected(DisconnectCause(DisconnectCause.CANCELED))
         cleanUp()
         destroy()
@@ -82,7 +72,7 @@ class MyCallConnection(
         setDisconnected(DisconnectCause(DisconnectCause.REJECTED))
         cleanUp()
         destroy()
-        onRejectCallback(callUUID)
+        onRejectCallback(allData)
     }
 
     override fun onDisconnect() {
@@ -90,13 +80,6 @@ class MyCallConnection(
         setDisconnected(DisconnectCause(DisconnectCause.LOCAL))
         cleanUp()
         destroy()
-        onRejectCallback(callUUID)
-    }
-
-    override fun onAbort() {
-        stopRingtone()
-        setDisconnected(DisconnectCause(DisconnectCause.CANCELED))
-        cleanUp()
-        destroy()
+        onRejectCallback(allData)
     }
-}
+}

package/android/src/main/java/com/rnsnativecall/MyConnectionService.kt

@@ -1,7 +1,6 @@
-/////
-// Users/bush/Desktop/Apps/Raiidr/package/android/src/main/java/com/rnsnativecall/MyConnectionService.kt
 package com.rnsnativecall
 
+import android.net.Uri
 import android.telecom.Connection
 import android.telecom.ConnectionRequest
 import android.telecom.ConnectionService
@@ -13,58 +12,50 @@ class MyConnectionService : ConnectionService() {
 
     companion object {
         private val activeConnections = ConcurrentHashMap<String, MyCallConnection>()
-
         fun getConnection(uuid: String) = activeConnections[uuid]
-        fun addConnection(uuid: String, connection: MyCallConnection) {
-            activeConnections[uuid] = connection
-        }
-        fun removeConnection(uuid: String) {
-            activeConnections.remove(uuid)
-        }
+        fun addConnection(uuid: String, connection: MyCallConnection) { activeConnections[uuid] = connection }
+        fun removeConnection(uuid: String) { activeConnections.remove(uuid) }
     }
 
     override fun onCreateIncomingConnection(
-            connectionManagerPhoneAccount: PhoneAccountHandle?,
-            request: ConnectionRequest?
+        connectionManagerPhoneAccount: PhoneAccountHandle?,
+        request: ConnectionRequest?
     ): Connection {
-
-        // 1. Read extras
         val extras = request?.extras
         val callUUID = extras?.getString("EXTRA_CALL_UUID")
         val playRing = extras?.getBoolean("EXTRA_PLAY_RING", true) ?: true
-        val callerName = extras?.getString(TelecomManager.EXTRA_CALL_SUBJECT)
-
-        // 2. Create connection
-        val connection =
-                MyCallConnection(
-                        context = applicationContext,
-                        callUUID = callUUID,
-                        playRing = playRing,
-                        onAcceptCallback = { uuid ->
-                            CallModule.sendEventToJS("onCallAccepted", uuid)
-                        },
-                        onRejectCallback = { uuid ->
-                            CallModule.sendEventToJS("onCallRejected", uuid)
-                        }
-                )
-
-        // 3. Set caller display name
-        callerName?.let { connection.setCallerDisplayName(it, TelecomManager.PRESENTATION_ALLOWED) }
-
-        // 4. Standard Telecom setup
-        connection.connectionCapabilities =
-                Connection.CAPABILITY_MUTE or Connection.CAPABILITY_SUPPORT_HOLD
+        
+        // Convert Bundle to Map to send to JS
+        val extrasMap = mutableMapOf<String, String>()
+        extras?.keySet()?.forEach { key ->
+            val value = extras.get(key)
+            if (value is String) extrasMap[key] = value
+        }
 
-        connection.setAddress(request?.address, TelecomManager.PRESENTATION_ALLOWED)
+        val actualPersonName = extras?.getString("EXTRA_CALLER_NAME") ?: "Someone"
+        val appLabel = extras?.getString(TelecomManager.EXTRA_CALL_SUBJECT) ?: "Incoming Call"
+
+        val connection = MyCallConnection(
+            context = applicationContext,
+            callUUID = callUUID,
+            playRing = playRing,
+            allData = extrasMap,
+            onAcceptCallback = { dataMap -> CallModule.sendEventToJS("onCallAccepted", dataMap) },
+            onRejectCallback = { dataMap -> CallModule.sendEventToJS("onCallRejected", dataMap) }
+        )
+
+        connection.setCallerDisplayName(actualPersonName, TelecomManager.PRESENTATION_ALLOWED)
+        val labelUri = Uri.fromParts("tel", appLabel, null)
+        connection.setAddress(labelUri, TelecomManager.PRESENTATION_ALLOWED)
+        
         connection.setInitializing()
         connection.setRinging()
 
-        // ✅ EMIT EVENT TO JS (Fixed variable name to callUUID)
-        callUUID?.let { CallModule.sendEventToJS("onCallDisplayed", it) }
-
-        // 5. Track connection
-        callUUID?.let { addConnection(it, connection) }
+        callUUID?.let {
+            addConnection(it, connection)
+            CallModule.sendEventToJS("onCallDisplayed", extrasMap)
+        }
 
         return connection
     }
-}
+}

package/android/src/main/java/com/rnsnativecall/NativeCallManager.kt

@@ -10,70 +10,46 @@ import android.telecom.VideoProfile
 
 object NativeCallManager {
 
-    // Inside NativeCallManager.kt
-
-    fun handleIncomingPush(context: Context, data: Map<String, String>) {
-        val uuid = data["callId"] ?: return
-        val handle = data["from"] ?: "Unknown"
-        val callType = data["callType"] ?: "audio" // video or audio
-        val name = data["name"] ?: handle
-        val playRing = data["playRing"]?.toBoolean() ?: true
-
-        // 1. Get the real App Name dynamically
-        val appName =
-                try {
-                    val pm = context.packageManager
-                    val ai = pm.getApplicationInfo(context.packageName, 0)
-                    pm.getApplicationLabel(ai).toString()
-                } catch (e: Exception) {
-                    "App" // Fallback
-                }
-
-        // 2. Capitalize callType (e.g., "video" -> "Video")
-        val capitalizedCallType =
-                callType.replaceFirstChar {
-                    if (it.isLowerCase()) it.titlecase() else it.toString()
-                }
-
-        // 3. Construct the robust label: "Incoming [AppName] [Video/Audio] Call"
-        val displayLabel = "Incoming $appName $capitalizedCallType Call"
-
-        val telecomManager = context.getSystemService(Context.TELECOM_SERVICE) as TelecomManager
-        val phoneAccountHandle = getPhoneAccountHandle(context)
-
-        val extras =
-                Bundle().apply {
-                    putParcelable(
-                            TelecomManager.EXTRA_INCOMING_CALL_ADDRESS,
-                            Uri.fromParts("sip", handle, null)
-                    )
-                    putString("EXTRA_CALL_UUID", uuid)
-                    putString(
-                            TelecomManager.EXTRA_CALL_SUBJECT,
-                            displayLabel
-                    ) // Set the dynamic label
-                    putBoolean("EXTRA_PLAY_RING", playRing)
-
-                    // Ensure hasVideo is properly mapped to Telecom constants
-                    val isVideo = callType.equals("video", ignoreCase = true)
-                    val videoState =
-                            if (isVideo) VideoProfile.STATE_BIDIRECTIONAL
-                            else VideoProfile.STATE_AUDIO_ONLY
-                    putInt(TelecomManager.EXTRA_START_CALL_WITH_VIDEO_STATE, videoState)
-
-                    // Pass all other data so ConnectionService can access it if needed
-                    data.forEach { (key, value) -> putString(key, value) }
-                }
+ // Inside NativeCallManager.kt
+fun handleIncomingPush(context: Context, data: Map<String, String>) {
+    val uuid = data["callId"] ?: ""
+    val name = data["name"] ?: "Unknown"
+    
+    // Create the Intent for the FullScreen Activity
+    val fullScreenIntent = Intent(context, IncomingCallActivity::class.java).apply {
+        flags = Intent.FLAG_ACTIVITY_NEW_TASK or Intent.FLAG_ACTIVITY_NO_USER_ACTION
+        putExtra("EXTRA_CALL_UUID", uuid)
+        putExtra("EXTRA_CALLER_NAME", name)
+    }
 
-        try {
-            telecomManager.addNewIncomingCall(phoneAccountHandle, extras)
-        } catch (e: Exception) {
-            e.printStackTrace()
-        }
+    val fullScreenPendingIntent = PendingIntent.getActivity(context, 0,
+        fullScreenIntent, PendingIntent.FLAG_UPDATE_CURRENT or PendingIntent.FLAG_IMMUTABLE)
+
+    // Build the Notification
+    val notificationBuilder = NotificationCompat.Builder(context, "CALL_CHANNEL_ID")
+        .setSmallIcon(context.applicationInfo.icon)
+        .setContentTitle("Incoming Call")
+        .setContentText(name)
+        .setPriority(NotificationCompat.PRIORITY_MAX)
+        .setCategory(NotificationCompat.CATEGORY_CALL)
+        .setFullScreenIntent(fullScreenPendingIntent, true) // High Priority HUN
+        .setOngoing(true)
+        .setAutoCancel(false)
+
+    val notificationManager = context.getSystemService(Context.NOTIFICATION_SERVICE) as NotificationManager
+    
+    // Create Channel for Android O+
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+        val channel = NotificationChannel("CALL_CHANNEL_ID", "Incoming Calls", NotificationManager.IMPORTANCE_HIGH)
+        notificationManager.createNotificationChannel(channel)
     }
 
+    notificationManager.notify(101, notificationBuilder.build())
+}
+ 
+
     private fun getPhoneAccountHandle(context: Context): PhoneAccountHandle {
         val componentName = ComponentName(context, MyConnectionService::class.java)
         return PhoneAccountHandle(componentName, "${context.packageName}.voip")
     }
-}
+}

package/android/src/main/res/drawable/circle_green.xml

@@ -0,0 +1,4 @@
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#34C759" />
+    <corners android:radius="21dp" />
+</shape>

package/android/src/main/res/drawable/circle_red.xml

@@ -0,0 +1,4 @@
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#FF3B30" />
+    <corners android:radius="21dp" />
+</shape>

package/android/src/main/res/drawable/pill_background.xml

@@ -0,0 +1,5 @@
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="#212121" />
+    <corners android:radius="100dp" />
+    <stroke android:width="1dp" android:color="#33FFFFFF" />
+</shape>

package/android/src/main/res/layout/activity_incoming_call.xml

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#00000000">
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginHorizontal="8dp"
+        android:layout_marginTop="30dp"
+        android:background="@drawable/pill_background"
+        android:elevation="15dp"
+        android:orientation="horizontal"
+        android:padding="12dp"
+        android:gravity="center_vertical">
+
+        <com.google.android.material.imageview.ShapeableImageView
+            android:id="@+id/caller_image"
+            android:layout_width="50dp"
+            android:layout_height="50dp"
+            android:background="#ccc"
+            app:shapeAppearanceOverlay="@style/CircleImage" />
+
+        <LinearLayout
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_weight="1"
+            android:layout_marginStart="15dp"
+            android:orientation="vertical">
+
+            <TextView
+                android:id="@+id/caller_name"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="Caller Name"
+                android:textColor="#FFFFFF"
+                android:textSize="16sp"
+                android:textStyle="bold" />
+
+            <TextView
+                android:id="@+id/call_type"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="Incoming Audio..."
+                android:textColor="#FFFFFF"
+                android:textSize="13sp" />
+        </LinearLayout>
+
+        <ImageButton
+            android:id="@+id/btn_accept"
+            android:layout_width="42dp"
+            android:layout_height="42dp"
+            android:background="@drawable/circle_green"
+            android:src="@android:drawable/ic_menu_call"
+            android:layout_marginEnd="12dp"
+            android:tint="#FFFFFF" />
+
+        <ImageButton
+            android:id="@+id/btn_reject"
+            android:layout_width="42dp"
+            android:layout_height="42dp"
+            android:background="@drawable/circle_red"
+            android:src="@android:drawable/ic_menu_close_clear_cancel"
+            android:tint="#FFFFFF" />
+    </LinearLayout>
+</FrameLayout>

package/android/src/main/res/values/styles.xml

@@ -0,0 +1,3 @@
+<style name="CircleImage">
+    <item name="cornerSize">50%</item>
+</style>

package/index.js

@@ -26,6 +26,11 @@ const REQUIRED_PERMISSIONS = Platform.OS === 'android' ? [
 export async function ensureAndroidPermissions() {
     if (Platform.OS !== 'android') return true;
     const result = await PermissionsAndroid.requestMultiple(REQUIRED_PERMISSIONS);
+
+    // This triggers the "Calling Accounts" system settings if not enabled
+    const isAccountEnabled = await CallModule.checkTelecomPermissions();
+    if (!isAccountEnabled) return false;
+
     return Object.values(result).every(status => status === PermissionsAndroid.RESULTS.GRANTED);
 }
 
@@ -36,10 +41,6 @@ export const CallHandler = {
         if (Platform.OS === 'android') {
             const hasPerms = await ensureAndroidPermissions();
             if (!hasPerms) return false;
-
-            // This triggers the "Calling Accounts" system settings if not enabled
-            const isAccountEnabled = await CallModule.checkTelecomPermissions();
-            if (!isAccountEnabled) return false;
         }
 
         try {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "rns-nativecall",
-    "version": "0.1.4",
+    "version": "0.1.6",
     "description": "RNS nativecall component with native Android/iOS for handling native call ui, when app is not open or open.",
     "main": "index.js",
     "types": "index.d.ts",

package/withNativeCallVoip.js

@@ -6,62 +6,69 @@ const { withAndroidManifest, withInfoPlist, withPlugins } = require('@expo/confi
 function withAndroidConfig(config) {
     return withAndroidManifest(config, (config) => {
         const manifest = config.modResults;
+        const application = manifest.manifest.application[0];
 
+        // 1. Unified Permissions List
         const permissions = [
             'android.permission.READ_PHONE_NUMBERS',
             'android.permission.CALL_PHONE',
-            'android.permission.MANAGE_OWN_CALLS'
+            'android.permission.MANAGE_OWN_CALLS',
+            'android.permission.USE_FULL_SCREEN_INTENT',
+            'android.permission.VIBRATE',
+            'android.permission.FOREGROUND_SERVICE',
+            'android.permission.FOREGROUND_SERVICE_PHONE_CALL'
         ];
 
-        if (!manifest.manifest['uses-permission']) {
-            manifest.manifest['uses-permission'] = [];
-        }
-
+        manifest.manifest['uses-permission'] = manifest.manifest['uses-permission'] || [];
         permissions.forEach((perm) => {
             if (!manifest.manifest['uses-permission'].some((p) => p.$['android:name'] === perm)) {
                 manifest.manifest['uses-permission'].push({ $: { 'android:name': perm } });
             }
         });
 
-        const application = manifest.manifest.application[0];
-        application.service = application.service || [];
-
-        // MyConnectionService
-        const connectionServiceName = 'com.rnsnativecall.MyConnectionService';
-        const existingConnectionService = application.service.find((s) => s.$['android:name'] === connectionServiceName);
-
-        if (!existingConnectionService) {
-            application.service.push({
+        // 2. Register IncomingCallActivity
+        application.activity = application.activity || [];
+        const activityName = 'com.rnsnativecall.IncomingCallActivity';
+        if (!application.activity.some(a => a.$['android:name'] === activityName)) {
+            application.activity.push({
                 $: {
-                    'android:name': connectionServiceName,
-                    'android:permission': 'android.permission.BIND_CONNECTION_SERVICE',
-                    'android:exported': 'true',
-                },
-                'intent-filter': [
-                    {
-                        action: [{ $: { 'android:name': 'android.telecom.ConnectionService' } }]
-                    }
-                ]
+                    'android:name': activityName,
+                    'android:showOnLockScreen': 'true',
+                    'android:launchMode': 'singleInstance',
+                    'android:excludeFromRecents': 'true',
+                    'android:screenOrientation': 'portrait',
+                    'android:theme': '@style/Theme.AppCompat.Light.NoActionBar'
+                }
             });
         }
 
-        // CallMessagingService (FCM)
-        const fcmServiceName = 'com.rnsnativecall.CallMessagingService';
-        const existingFCMService = application.service.find((s) => s.$['android:name'] === fcmServiceName);
+        // 3. Services (ConnectionService & FCM)
+        application.service = application.service || [];
+
+        const services = [
+            {
+                name: 'com.rnsnativecall.MyConnectionService',
+                permission: 'android.permission.BIND_CONNECTION_SERVICE',
+                action: 'android.telecom.ConnectionService',
+                exported: 'true'
+            },
+            {
+                name: 'com.rnsnativecall.CallMessagingService',
+                action: 'com.google.firebase.MESSAGING_EVENT',
+                exported: 'false'
+            }
+        ];
 
-        if (!existingFCMService) {
-            application.service.push({
-                $: {
-                    'android:name': fcmServiceName,
-                    'android:exported': 'false',
-                },
-                'intent-filter': [
-                    {
-                        action: [{ $: { 'android:name': 'com.google.firebase.MESSAGING_EVENT' } }]
-                    }
-                ]
-            });
-        }
+        services.forEach(svc => {
+            if (!application.service.some(s => s.$['android:name'] === svc.name)) {
+                const serviceObj = {
+                    $: { 'android:name': svc.name, 'android:exported': svc.exported },
+                    'intent-filter': [{ action: [{ $: { 'android:name': svc.action } }] }]
+                };
+                if (svc.permission) serviceObj.$['android:permission'] = svc.permission;
+                application.service.push(serviceObj);
+            }
+        });
 
         return config;
     });