@kaleem766/react-native-incoming-call 0.1.0

package/android/src/main/java/com/margelo/nitro/incomingcall/IncomingCall.kt

@@ -0,0 +1,219 @@
+package com.margelo.nitro.incomingcall
+
+import android.graphics.Color
+import android.graphics.drawable.GradientDrawable
+import android.util.TypedValue
+import android.view.Gravity
+import android.view.View
+import android.widget.LinearLayout
+import android.widget.RelativeLayout
+import android.widget.TextView
+import androidx.core.graphics.toColorInt
+import com.facebook.proguard.annotations.DoNotStrip
+import com.facebook.react.uimanager.ThemedReactContext
+
+/**
+ * NitroView for displaying an inline incoming call UI inside a React Native screen
+ * (foreground / in-app use). For background / lock-screen display use the
+ * IncomingCallModule.display() API which starts the full-screen Activity.
+ */
+@DoNotStrip
+class HybridIncomingCall(private val ctx: ThemedReactContext) : HybridIncomingCallSpec() {
+
+  // ── Root layout ─────────────────────────────────────────────────────────────
+  private val rootLayout = RelativeLayout(ctx).apply {
+    setBackgroundColor(Color.parseColor("#1A1A2E"))
+  }
+
+  private val avatarView = TextView(ctx).apply {
+    gravity = Gravity.CENTER
+    setTextColor(Color.WHITE)
+    setTextSize(TypedValue.COMPLEX_UNIT_SP, 28f)
+    background = GradientDrawable().apply {
+      shape = GradientDrawable.OVAL
+      setColor(Color.parseColor("#3D5AFE"))
+    }
+  }
+
+  private val callerNameView = TextView(ctx).apply {
+    setTextColor(Color.WHITE)
+    setTextSize(TypedValue.COMPLEX_UNIT_SP, 18f)
+    gravity = Gravity.CENTER
+  }
+
+  private val subtitleView = TextView(ctx).apply {
+    setTextColor(Color.parseColor("#AAAAAA"))
+    setTextSize(TypedValue.COMPLEX_UNIT_SP, 12f)
+    gravity = Gravity.CENTER
+    text = "Incoming audio call"
+  }
+
+  override val view: View = rootLayout
+
+  init {
+    buildLayout()
+  }
+
+  private fun buildLayout() {
+    val dp = { v: Int -> (v * ctx.resources.displayMetrics.density).toInt() }
+
+    val avatarSize = dp(72)
+    avatarView.apply {
+      id = View.generateViewId()
+      layoutParams = RelativeLayout.LayoutParams(avatarSize, avatarSize).apply {
+        addRule(RelativeLayout.CENTER_HORIZONTAL)
+        topMargin = dp(20)
+      }
+      text = "?"
+    }
+    rootLayout.addView(avatarView)
+
+    subtitleView.apply {
+      id = View.generateViewId()
+      layoutParams = RelativeLayout.LayoutParams(
+        RelativeLayout.LayoutParams.MATCH_PARENT,
+        RelativeLayout.LayoutParams.WRAP_CONTENT
+      ).apply {
+        addRule(RelativeLayout.BELOW, avatarView.id)
+        topMargin = dp(8)
+      }
+    }
+    rootLayout.addView(subtitleView)
+
+    callerNameView.apply {
+      id = View.generateViewId()
+      layoutParams = RelativeLayout.LayoutParams(
+        RelativeLayout.LayoutParams.MATCH_PARENT,
+        RelativeLayout.LayoutParams.WRAP_CONTENT
+      ).apply {
+        addRule(RelativeLayout.BELOW, subtitleView.id)
+        topMargin = dp(4)
+      }
+    }
+    rootLayout.addView(callerNameView)
+
+    // Answer / Reject buttons row
+    val buttonsRow = LinearLayout(ctx).apply {
+      id = View.generateViewId()
+      orientation = LinearLayout.HORIZONTAL
+      gravity = Gravity.CENTER
+      layoutParams = RelativeLayout.LayoutParams(
+        RelativeLayout.LayoutParams.MATCH_PARENT,
+        RelativeLayout.LayoutParams.WRAP_CONTENT
+      ).apply {
+        addRule(RelativeLayout.ALIGN_PARENT_BOTTOM)
+        bottomMargin = dp(16)
+      }
+    }
+
+    val btnSize = dp(52)
+
+    val rejectBtn = TextView(ctx).apply {
+      layoutParams = LinearLayout.LayoutParams(btnSize, btnSize).apply {
+        rightMargin = dp(40)
+      }
+      text = "✕"
+      setTextColor(Color.WHITE)
+      setTextSize(TypedValue.COMPLEX_UNIT_SP, 20f)
+      gravity = Gravity.CENTER
+      background = GradientDrawable().apply {
+        shape = GradientDrawable.OVAL
+        setColor(Color.parseColor("#E53935"))
+      }
+      setOnClickListener { rejectCall() }
+    }
+
+    val answerBtn = TextView(ctx).apply {
+      layoutParams = LinearLayout.LayoutParams(btnSize, btnSize)
+      text = "✆"
+      setTextColor(Color.WHITE)
+      setTextSize(TypedValue.COMPLEX_UNIT_SP, 20f)
+      gravity = Gravity.CENTER
+      background = GradientDrawable().apply {
+        shape = GradientDrawable.OVAL
+        setColor(Color.parseColor("#43A047"))
+      }
+      setOnClickListener { answerCall() }
+    }
+
+    buttonsRow.addView(rejectBtn)
+    buttonsRow.addView(answerBtn)
+    rootLayout.addView(buttonsRow)
+  }
+
+  // ── Props ────────────────────────────────────────────────────────────────────
+
+  private var _color = "#1A1A2E"
+  override var color: String
+    get() = _color
+    set(value) {
+      _color = value
+      try { rootLayout.setBackgroundColor(value.toColorInt()) } catch (_: Exception) {}
+    }
+
+  private var _callerName: String? = null
+  override var callerName: String?
+    get() = _callerName
+    set(value) {
+      _callerName = value
+      callerNameView.text = value ?: ""
+      updateAvatar()
+    }
+
+  private var _avatar: String? = null
+  override var avatar: String?
+    get() = _avatar
+    set(value) {
+      _avatar = value
+      // Avatar URL loading can be added via an image-loading library;
+      // for now we keep the initials fallback.
+      updateAvatar()
+    }
+
+  private var _callType: String? = "audio"
+  override var callType: String?
+    get() = _callType
+    set(value) {
+      _callType = value ?: "audio"
+      subtitleView.text = "Incoming ${_callType} call"
+    }
+
+  private var _timeout: Double? = 30000.0
+  override var timeout: Double?
+    get() = _timeout
+    set(value) { _timeout = value }
+
+  // ── Methods ──────────────────────────────────────────────────────────────────
+
+  override fun answerCall() {
+    val uuid = IncomingCallModule.currentCallUuid ?: ""
+    val intent = android.content.Intent(IncomingCallModule.ACTION_ANSWER).apply {
+      putExtra("uuid", uuid)
+      `package` = ctx.packageName
+    }
+    ctx.sendBroadcast(intent)
+  }
+
+  override fun rejectCall() {
+    val uuid = IncomingCallModule.currentCallUuid ?: ""
+    val intent = android.content.Intent(IncomingCallModule.ACTION_REJECT).apply {
+      putExtra("uuid", uuid)
+      `package` = ctx.packageName
+    }
+    ctx.sendBroadcast(intent)
+  }
+
+  // ── Helpers ──────────────────────────────────────────────────────────────────
+
+  private fun updateAvatar() {
+    val name = _callerName ?: ""
+    val initials = name
+      .trim()
+      .split(" ")
+      .filter { it.isNotEmpty() }
+      .take(2)
+      .joinToString("") { it[0].uppercaseChar().toString() }
+      .ifEmpty { "?" }
+    avatarView.text = initials
+  }
+}

package/android/src/main/java/com/margelo/nitro/incomingcall/IncomingCallActivity.kt

@@ -0,0 +1,314 @@
+package com.margelo.nitro.incomingcall
+
+import android.app.KeyguardManager
+import android.content.Context
+import android.content.Intent
+import android.graphics.Color
+import android.graphics.drawable.GradientDrawable
+import android.os.Build
+import android.os.Bundle
+import android.os.CountDownTimer
+import android.util.TypedValue
+import android.view.Gravity
+import android.view.View
+import android.view.WindowManager
+import android.widget.LinearLayout
+import android.widget.RelativeLayout
+import android.widget.TextView
+import androidx.appcompat.app.AppCompatActivity
+
+class IncomingCallActivity : AppCompatActivity() {
+
+    private var uuid: String = ""
+    private var callerName: String = "Unknown"
+    private var callType: String = "audio"
+    private var timeout: Long = 30000L
+    private var countDownTimer: CountDownTimer? = null
+    private var timerView: TextView? = null
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        setupLockScreenFlags()
+
+        uuid = intent.getStringExtra("uuid") ?: ""
+        callerName = intent.getStringExtra("callerName") ?: "Unknown"
+        callType = intent.getStringExtra("callType") ?: "audio"
+        timeout = intent.getLongExtra("timeout", 30000L)
+        val backgroundColor = intent.getStringExtra("backgroundColor")
+
+        val bgColor = try {
+            if (backgroundColor != null) Color.parseColor(backgroundColor)
+            else Color.parseColor("#1A1A2E")
+        } catch (_: Exception) {
+            Color.parseColor("#1A1A2E")
+        }
+
+        buildUI(bgColor)
+        startCountdown()
+    }
+
+    // ──────────────────────────────────────────────────────────────────────────
+    // Lock screen / wake flags
+    // ──────────────────────────────────────────────────────────────────────────
+
+    private fun setupLockScreenFlags() {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O_MR1) {
+            setShowWhenLocked(true)
+            setTurnScreenOn(true)
+        } else {
+            @Suppress("DEPRECATION")
+            window.addFlags(
+                WindowManager.LayoutParams.FLAG_SHOW_WHEN_LOCKED or
+                WindowManager.LayoutParams.FLAG_TURN_SCREEN_ON or
+                WindowManager.LayoutParams.FLAG_DISMISS_KEYGUARD
+            )
+        }
+        window.addFlags(
+            WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON or
+            WindowManager.LayoutParams.FLAG_ALLOW_LOCK_WHILE_SCREEN_ON
+        )
+
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+            val km = getSystemService(Context.KEYGUARD_SERVICE) as KeyguardManager
+            km.requestDismissKeyguard(this, null)
+        }
+    }
+
+    // ──────────────────────────────────────────────────────────────────────────
+    // UI (built programmatically – no XML resources needed from the library)
+    // ──────────────────────────────────────────────────────────────────────────
+
+    private fun buildUI(bgColor: Int) {
+        val root = RelativeLayout(this).apply {
+            setBackgroundColor(bgColor)
+            layoutParams = RelativeLayout.LayoutParams(
+                RelativeLayout.LayoutParams.MATCH_PARENT,
+                RelativeLayout.LayoutParams.MATCH_PARENT
+            )
+        }
+
+        // ── Avatar (circle with initials) ──────────────────────────────────
+        val initials = callerName
+            .trim()
+            .split(" ")
+            .filter { it.isNotEmpty() }
+            .take(2)
+            .joinToString("") { it[0].uppercaseChar().toString() }
+            .ifEmpty { "?" }
+
+        val avatarSize = dp(100)
+        val avatar = TextView(this).apply {
+            id = View.generateViewId()
+            layoutParams = RelativeLayout.LayoutParams(avatarSize, avatarSize).apply {
+                addRule(RelativeLayout.CENTER_HORIZONTAL)
+                topMargin = dp(110)
+            }
+            text = initials
+            setTextColor(Color.WHITE)
+            setTextSize(TypedValue.COMPLEX_UNIT_SP, 38f)
+            gravity = Gravity.CENTER
+            background = circle(Color.parseColor("#3D5AFE"))
+        }
+        root.addView(avatar)
+
+        // ── "Incoming call" subtitle ────────────────────────────────────────
+        val subtitle = TextView(this).apply {
+            id = View.generateViewId()
+            layoutParams = RelativeLayout.LayoutParams(
+                RelativeLayout.LayoutParams.WRAP_CONTENT,
+                RelativeLayout.LayoutParams.WRAP_CONTENT
+            ).apply {
+                addRule(RelativeLayout.CENTER_HORIZONTAL)
+                addRule(RelativeLayout.BELOW, avatar.id)
+                topMargin = dp(14)
+            }
+            text = "Incoming ${callType} call"
+            setTextColor(Color.parseColor("#AAAAAA"))
+            setTextSize(TypedValue.COMPLEX_UNIT_SP, 14f)
+        }
+        root.addView(subtitle)
+
+        // ── Caller name ─────────────────────────────────────────────────────
+        val nameView = TextView(this).apply {
+            id = View.generateViewId()
+            layoutParams = RelativeLayout.LayoutParams(
+                RelativeLayout.LayoutParams.WRAP_CONTENT,
+                RelativeLayout.LayoutParams.WRAP_CONTENT
+            ).apply {
+                addRule(RelativeLayout.CENTER_HORIZONTAL)
+                addRule(RelativeLayout.BELOW, subtitle.id)
+                topMargin = dp(6)
+            }
+            text = callerName
+            setTextColor(Color.WHITE)
+            setTextSize(TypedValue.COMPLEX_UNIT_SP, 28f)
+        }
+        root.addView(nameView)
+
+        // ── Countdown timer ─────────────────────────────────────────────────
+        timerView = TextView(this).apply {
+            id = View.generateViewId()
+            layoutParams = RelativeLayout.LayoutParams(
+                RelativeLayout.LayoutParams.WRAP_CONTENT,
+                RelativeLayout.LayoutParams.WRAP_CONTENT
+            ).apply {
+                addRule(RelativeLayout.CENTER_HORIZONTAL)
+                addRule(RelativeLayout.BELOW, nameView.id)
+                topMargin = dp(10)
+            }
+            setTextColor(Color.parseColor("#AAAAAA"))
+            setTextSize(TypedValue.COMPLEX_UNIT_SP, 13f)
+        }
+        root.addView(timerView)
+
+        // ── Bottom action buttons ───────────────────────────────────────────
+        val buttonsRow = LinearLayout(this).apply {
+            id = View.generateViewId()
+            layoutParams = RelativeLayout.LayoutParams(
+                RelativeLayout.LayoutParams.MATCH_PARENT,
+                RelativeLayout.LayoutParams.WRAP_CONTENT
+            ).apply {
+                addRule(RelativeLayout.ALIGN_PARENT_BOTTOM)
+                bottomMargin = dp(80)
+            }
+            orientation = LinearLayout.HORIZONTAL
+            gravity = Gravity.CENTER
+        }
+
+        // Decline button group
+        val declineGroup = buttonGroup(
+            label = "Decline",
+            emoji = "✕",
+            color = Color.parseColor("#E53935"),
+            onClick = { onRejected() }
+        )
+
+        // Accept button group
+        val acceptGroup = buttonGroup(
+            label = "Accept",
+            emoji = "✆",
+            color = Color.parseColor("#43A047"),
+            onClick = { onAnswered() }
+        )
+        (acceptGroup.layoutParams as LinearLayout.LayoutParams).leftMargin = dp(80)
+
+        buttonsRow.addView(declineGroup)
+        buttonsRow.addView(acceptGroup)
+        root.addView(buttonsRow)
+
+        setContentView(root)
+    }
+
+    /** Creates a vertical group: circle button + label */
+    private fun buttonGroup(
+        label: String,
+        emoji: String,
+        color: Int,
+        onClick: () -> Unit
+    ): LinearLayout {
+        val group = LinearLayout(this).apply {
+            orientation = LinearLayout.VERTICAL
+            gravity = Gravity.CENTER
+            layoutParams = LinearLayout.LayoutParams(
+                LinearLayout.LayoutParams.WRAP_CONTENT,
+                LinearLayout.LayoutParams.WRAP_CONTENT
+            )
+        }
+
+        val btnSize = dp(72)
+        val btn = TextView(this).apply {
+            layoutParams = LinearLayout.LayoutParams(btnSize, btnSize)
+            text = emoji
+            setTextColor(Color.WHITE)
+            setTextSize(TypedValue.COMPLEX_UNIT_SP, 26f)
+            gravity = Gravity.CENTER
+            background = circle(color)
+            setOnClickListener { onClick() }
+        }
+        group.addView(btn)
+
+        val lbl = TextView(this).apply {
+            layoutParams = LinearLayout.LayoutParams(
+                LinearLayout.LayoutParams.WRAP_CONTENT,
+                LinearLayout.LayoutParams.WRAP_CONTENT
+            ).apply { topMargin = dp(8) }
+            text = label
+            setTextColor(Color.WHITE)
+            setTextSize(TypedValue.COMPLEX_UNIT_SP, 13f)
+            gravity = Gravity.CENTER
+        }
+        group.addView(lbl)
+        return group
+    }
+
+    private fun circle(color: Int) = GradientDrawable().apply {
+        shape = GradientDrawable.OVAL
+        setColor(color)
+    }
+
+    private fun dp(value: Int) = (value * resources.displayMetrics.density).toInt()
+
+    // ──────────────────────────────────────────────────────────────────────────
+    // Timer
+    // ──────────────────────────────────────────────────────────────────────────
+
+    private fun startCountdown() {
+        countDownTimer = object : CountDownTimer(timeout, 1000) {
+            override fun onTick(millisUntilFinished: Long) {
+                timerView?.text = "Auto-declining in ${millisUntilFinished / 1000}s"
+            }
+            override fun onFinish() {
+                onTimeout()
+            }
+        }.start()
+    }
+
+    // ──────────────────────────────────────────────────────────────────────────
+    // Call actions
+    // ──────────────────────────────────────────────────────────────────────────
+
+    private fun onAnswered() {
+        countDownTimer?.cancel()
+        broadcast(IncomingCallModule.ACTION_ANSWER)
+        cleanup()
+    }
+
+    private fun onRejected() {
+        countDownTimer?.cancel()
+        broadcast(IncomingCallModule.ACTION_REJECT)
+        cleanup()
+    }
+
+    private fun onTimeout() {
+        broadcast(IncomingCallModule.ACTION_TIMEOUT)
+        cleanup()
+    }
+
+    private fun broadcast(action: String) {
+        val intent = Intent(action).apply {
+            putExtra("uuid", uuid)
+            `package` = packageName
+        }
+        sendBroadcast(intent)
+    }
+
+    private fun cleanup() {
+        stopService(Intent(this, IncomingCallService::class.java))
+        finish()
+    }
+
+    // ──────────────────────────────────────────────────────────────────────────
+    // Lifecycle
+    // ──────────────────────────────────────────────────────────────────────────
+
+    override fun onDestroy() {
+        super.onDestroy()
+        countDownTimer?.cancel()
+    }
+
+    @Deprecated("Deprecated in Java")
+    override fun onBackPressed() {
+        // Prevent back button from dismissing the incoming call screen
+    }
+}

package/android/src/main/java/com/margelo/nitro/incomingcall/IncomingCallModule.kt

@@ -0,0 +1,152 @@
+package com.margelo.nitro.incomingcall
+
+import android.content.BroadcastReceiver
+import android.content.Context
+import android.content.Intent
+import android.content.IntentFilter
+import android.os.Build
+import androidx.core.content.ContextCompat
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.Promise
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactContextBaseJavaModule
+import com.facebook.react.bridge.ReactMethod
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.modules.core.DeviceEventManagerModule
+
+class IncomingCallModule(private val reactContext: ReactApplicationContext) :
+    ReactContextBaseJavaModule(reactContext) {
+
+    companion object {
+        const val MODULE_NAME = "IncomingCallModule"
+        const val ACTION_ANSWER = "com.margelo.nitro.incomingcall.ANSWER"
+        const val ACTION_REJECT = "com.margelo.nitro.incomingcall.REJECT"
+        const val ACTION_TIMEOUT = "com.margelo.nitro.incomingcall.TIMEOUT"
+
+        // Shared call state accessible from Activity/Service
+        var currentCallUuid: String? = null
+    }
+
+    private val broadcastReceiver = object : BroadcastReceiver() {
+        override fun onReceive(context: Context?, intent: Intent?) {
+            val uuid = intent?.getStringExtra("uuid") ?: currentCallUuid ?: ""
+            when (intent?.action) {
+                ACTION_ANSWER -> sendEvent("onAnswer", uuid)
+                ACTION_REJECT -> sendEvent("onReject", uuid)
+                ACTION_TIMEOUT -> sendEvent("onTimeout", uuid)
+            }
+        }
+    }
+
+    override fun getName() = MODULE_NAME
+
+    override fun initialize() {
+        super.initialize()
+        val filter = IntentFilter().apply {
+            addAction(ACTION_ANSWER)
+            addAction(ACTION_REJECT)
+            addAction(ACTION_TIMEOUT)
+        }
+        ContextCompat.registerReceiver(
+            reactContext,
+            broadcastReceiver,
+            filter,
+            ContextCompat.RECEIVER_NOT_EXPORTED
+        )
+    }
+
+    override fun onCatalystInstanceDestroy() {
+        super.onCatalystInstanceDestroy()
+        try {
+            reactContext.unregisterReceiver(broadcastReceiver)
+        } catch (_: Exception) {}
+    }
+
+    @ReactMethod
+    fun displayIncomingCall(options: ReadableMap, promise: Promise) {
+        try {
+            val uuid = options.getString("uuid") ?: ""
+            val callerName = options.getString("callerName") ?: "Unknown"
+            val avatar = if (options.hasKey("avatar")) options.getString("avatar") else null
+            val backgroundColor = if (options.hasKey("backgroundColor")) options.getString("backgroundColor") else null
+            val callType = if (options.hasKey("callType")) options.getString("callType") else "audio"
+            val timeout = if (options.hasKey("timeout")) options.getDouble("timeout").toLong() else 30000L
+
+            currentCallUuid = uuid
+
+            val serviceIntent = Intent(reactContext, IncomingCallService::class.java).apply {
+                putExtra("uuid", uuid)
+                putExtra("callerName", callerName)
+                putExtra("avatar", avatar)
+                putExtra("backgroundColor", backgroundColor)
+                putExtra("callType", callType)
+                putExtra("timeout", timeout)
+            }
+
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+                reactContext.startForegroundService(serviceIntent)
+            } else {
+                reactContext.startService(serviceIntent)
+            }
+
+            promise.resolve(null)
+        } catch (e: Exception) {
+            promise.reject("DISPLAY_ERROR", e.message, e)
+        }
+    }
+
+    @ReactMethod
+    fun answerCall(uuid: String, promise: Promise) {
+        try {
+            stopService()
+            sendEvent("onAnswer", uuid)
+            promise.resolve(null)
+        } catch (e: Exception) {
+            promise.reject("ANSWER_ERROR", e.message, e)
+        }
+    }
+
+    @ReactMethod
+    fun rejectCall(uuid: String, promise: Promise) {
+        try {
+            stopService()
+            sendEvent("onReject", uuid)
+            promise.resolve(null)
+        } catch (e: Exception) {
+            promise.reject("REJECT_ERROR", e.message, e)
+        }
+    }
+
+    @ReactMethod
+    fun endCall(uuid: String, promise: Promise) {
+        try {
+            stopService()
+            promise.resolve(null)
+        } catch (e: Exception) {
+            promise.reject("END_ERROR", e.message, e)
+        }
+    }
+
+    // Required by NativeEventEmitter on JS side
+    @ReactMethod
+    fun addListener(eventName: String) {}
+
+    @ReactMethod
+    fun removeListeners(count: Int) {}
+
+    private fun stopService() {
+        currentCallUuid = null
+        val serviceIntent = Intent(reactContext, IncomingCallService::class.java)
+        reactContext.stopService(serviceIntent)
+    }
+
+    private fun sendEvent(eventName: String, uuid: String) {
+        val params = Arguments.createMap().apply {
+            putString("uuid", uuid)
+            putDouble("timestamp", System.currentTimeMillis().toDouble())
+        }
+        reactContext
+            .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
+            .emit(eventName, params)
+    }
+}