@qusaieilouti99/call-manager 0.1.98 → 0.1.99

package/android/src/main/java/com/margelo/nitro/qusaieilouti99/callmanager/CallActivity.kt

@@ -1,15 +1,16 @@
-// File: CallActivity.kt
 package com.margelo.nitro.qusaieilouti99.callmanager
 
 import android.app.Activity
 import android.app.KeyguardManager
 import android.content.Context
+import android.graphics.Bitmap
 import android.graphics.BitmapFactory
 import android.graphics.Color
 import android.graphics.RenderEffect
 import android.graphics.Shader
-import android.graphics.drawable.Drawable
+import android.graphics.Typeface
 import android.graphics.drawable.GradientDrawable
+import android.graphics.drawable.RippleDrawable
 import android.os.Build
 import android.os.Bundle
 import android.os.Handler
@@ -24,19 +25,20 @@ import android.widget.FrameLayout
 import android.widget.ImageView
 import android.widget.LinearLayout
 import android.widget.TextView
-import androidx.core.content.ContextCompat
 import java.net.HttpURLConnection
 import java.net.URL
 
 class CallActivity : Activity(), CallEngine.CallEndListener {
 
-  private enum class FinishReason { ANSWER, DECLINE, TIMEOUT,
-                                      MANUAL_DISMISS, EXTERNAL_END }
+  private enum class FinishReason {
+    ANSWER, DECLINE, TIMEOUT, MANUAL_DISMISS, EXTERNAL_END
+  }
   private var finishReason: FinishReason? = null
-  private var callId: String = ""
-  private var callType: String = "Audio"
+  private var callId = ""
+  private var callType = "Audio"
+
   private val timeoutMs = 60_000L
-  private val handler = Handler(Looper.getMainLooper())
+  private val uiHandler = Handler(Looper.getMainLooper())
   private val timeoutRunnable = Runnable {
     finishReason = FinishReason.TIMEOUT
     CallEngine.stopRingtone()
@@ -47,24 +49,31 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
 
   override fun onCreate(savedInstanceState: Bundle?) {
     super.onCreate(savedInstanceState)
+    // Samsung lock‐screen bypass flag
     val isSamsungBypass = intent.getBooleanExtra(
       "SAMSUNG_LOCK_SCREEN_BYPASS", false
     )
     setupLockScreenBypass(isSamsungBypass)
 
     // Read params
-    callId    = intent.getStringExtra("callId") ?: ""
-    callType  = intent.getStringExtra("callType") ?: "Audio"
+    callId   = intent.getStringExtra("callId") ?: ""
+    callType = intent.getStringExtra("callType") ?: "Audio"
     val callerName = intent.getStringExtra("callerName") ?: "Unknown"
     val avatarUrl  = intent.getStringExtra("callerAvatar")
 
+    // Register for external hang‐up
     CallEngine.registerCallEndListener(this)
+
+    // Build all‐code UI
     buildUi(callerName, avatarUrl)
-    handler.postDelayed(timeoutRunnable, timeoutMs)
+
+    // Auto‐timeout
+    uiHandler.postDelayed(timeoutRunnable, timeoutMs)
     Log.d(TAG, "CallActivity setup complete for callId=$callId")
   }
 
   private fun buildUi(name: String, avatarUrl: String?) {
+    // Root container
     val root = FrameLayout(this).apply {
       layoutParams = ViewGroup.LayoutParams(
         ViewGroup.LayoutParams.MATCH_PARENT,
@@ -72,14 +81,16 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
       )
     }
 
-    // 1) Background ImageView + optional blur
+    //
+    // 1) Background ImageView + blur
+    //
     val bg = ImageView(this).apply {
       layoutParams = FrameLayout.LayoutParams(
         ViewGroup.LayoutParams.MATCH_PARENT,
         ViewGroup.LayoutParams.MATCH_PARENT
       )
       scaleType = ImageView.ScaleType.CENTER_CROP
-      // apply RenderEffect blur on API31+
+      // On API 31+ apply live RenderEffect blur
       if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
         setRenderEffect(
           RenderEffect.createBlurEffect(
@@ -91,7 +102,9 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
     root.addView(bg)
     loadAndBlurBackground(bg, avatarUrl)
 
-    // 2) Dark scrim
+    //
+    // 2) Semi-transparent scrim
+    //
     root.addView(View(this).apply {
       layoutParams = FrameLayout.LayoutParams(
         ViewGroup.LayoutParams.MATCH_PARENT,
@@ -100,12 +113,14 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
       setBackgroundColor(Color.parseColor("#80000000"))
     })
 
-    // 3) Top call-type label
-    val callTypeLabel = TextView(this).apply {
-      text = when (callType.lowercase()) {
-        "video" -> "Incoming video call"
-        else    -> "Incoming audio call"
-      }
+    //
+    // 3) Top “Incoming … call” label
+    //
+    val typeLabel = TextView(this).apply {
+      text = if (callType.equals("video", true))
+        "Incoming video call"
+      else
+        "Incoming audio call"
       setTextColor(Color.WHITE)
       setTextSize(TypedValue.COMPLEX_UNIT_SP, 18f)
       gravity = Gravity.CENTER
@@ -114,55 +129,42 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
         ViewGroup.LayoutParams.WRAP_CONTENT
       ).apply {
         gravity = Gravity.TOP or Gravity.CENTER_HORIZONTAL
-        topMargin = dp(40)
+        topMargin = dp(32)
       }
     }
-    root.addView(callTypeLabel)
+    root.addView(typeLabel)
 
-    // 4) Center content: profile + name
-    val centerCol = LinearLayout(this).apply {
+    //
+    // 4) Avatar + Name (in top half)
+    //
+    val avatarSection = LinearLayout(this).apply {
       orientation = LinearLayout.VERTICAL
       gravity = Gravity.CENTER_HORIZONTAL
       layoutParams = FrameLayout.LayoutParams(
         ViewGroup.LayoutParams.MATCH_PARENT,
         ViewGroup.LayoutParams.WRAP_CONTENT
       ).apply {
-        gravity = Gravity.CENTER
-        topMargin = dp(20)
-      }
-    }
-
-    // Profile circle
-    val profile = ImageView(this).apply {
-      val sz = dp(140)
-      layoutParams = LinearLayout.LayoutParams(sz, sz)
-      scaleType = ImageView.ScaleType.CENTER_CROP
-      background = GradientDrawable().apply {
-        shape = GradientDrawable.OVAL
-        setColor(Color.LTGRAY)
+        gravity = Gravity.TOP or Gravity.CENTER_HORIZONTAL
+        topMargin = dp(100)
       }
-      // enable clipping to our oval background
-      clipToOutline = true
     }
-    centerCol.addView(profile)
-    loadAvatar(profile, avatarUrl)
-
-    // Caller name
-    centerCol.addView(TextView(this).apply {
+    avatarSection.addView(createAvatarView(name, avatarUrl))
+    avatarSection.addView(TextView(this).apply {
       text = name
       setTextColor(Color.WHITE)
       setTextSize(TypedValue.COMPLEX_UNIT_SP, 28f)
-      typeface = android.graphics.Typeface.DEFAULT_BOLD
+      typeface = Typeface.DEFAULT_BOLD
       gravity = Gravity.CENTER
       layoutParams = LinearLayout.LayoutParams(
         ViewGroup.LayoutParams.WRAP_CONTENT,
         ViewGroup.LayoutParams.WRAP_CONTENT
-      ).apply { topMargin = dp(24) }
+      ).apply { topMargin = dp(16) }
     })
+    root.addView(avatarSection)
 
-    root.addView(centerCol)
-
-    // 5) Bottom actions
+    //
+    // 5) Bottom Answer/Decline Buttons
+    //
     val actions = LinearLayout(this).apply {
       orientation = LinearLayout.HORIZONTAL
       gravity = Gravity.CENTER
@@ -174,30 +176,89 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
         bottomMargin = dp(48)
       }
     }
-
-    val declineBtn = createCircleButton(
-      android.R.drawable.ic_menu_close_clear_cancel,
-      Color.parseColor("#F44336")
-    ).apply { setOnClickListener { onDecline() } }
-
-    val answerBtn = createCircleButton(
-      android.R.drawable.ic_menu_call,
-      Color.parseColor("#4CAF50")
-    ).apply { setOnClickListener { onAnswer() } }
-
-    actions.addView(declineBtn)
+    actions.addView(
+      createCircleButton(
+        android.R.drawable.ic_menu_close_clear_cancel,
+        Color.parseColor("#F44336")
+      ).apply { setOnClickListener { onDecline() } }
+    )
     actions.addView(View(this).apply {
       layoutParams = LinearLayout.LayoutParams(dp(60), 0)
     })
-    actions.addView(answerBtn)
+    actions.addView(
+      createCircleButton(
+        android.R.drawable.ic_menu_call,
+        Color.parseColor("#4CAF50")
+      ).apply { setOnClickListener { onAnswer() } }
+    )
     root.addView(actions)
 
     setContentView(root)
   }
 
-  // Plain HTTP loader + setImageBitmap
-  private fun loadAvatar(iv: ImageView, url: String?) {
-    if (url.isNullOrEmpty()) return
+  /** Creates the top avatar circle: remote image or default + initials. */
+  private fun createAvatarView(
+    name: String,
+    url: String?
+  ): FrameLayout {
+    val size = dp(140)
+    val container = FrameLayout(this).apply {
+      layoutParams = LinearLayout.LayoutParams(size, size)
+      background = GradientDrawable().apply {
+        shape = GradientDrawable.OVAL
+        setColor(Color.parseColor("#DDFFFFFF"))
+      }
+      clipToOutline = true
+    }
+
+    // ImageView for remote or default avatar
+    val iv = ImageView(this).apply {
+      layoutParams = FrameLayout.LayoutParams(
+        ViewGroup.LayoutParams.MATCH_PARENT,
+        ViewGroup.LayoutParams.MATCH_PARENT
+      )
+      scaleType = ImageView.ScaleType.CENTER_CROP
+    }
+    container.addView(iv)
+
+    // Initials overlay
+    val initials = TextView(this).apply {
+      layoutParams = FrameLayout.LayoutParams(
+        ViewGroup.LayoutParams.MATCH_PARENT,
+        ViewGroup.LayoutParams.MATCH_PARENT
+      )
+      gravity = Gravity.CENTER
+      setTextColor(Color.WHITE)
+      setTextSize(TypedValue.COMPLEX_UNIT_SP, 32f)
+      typeface = Typeface.DEFAULT_BOLD
+      text = getInitials(name)
+    }
+    container.addView(initials)
+
+    if (url.isNullOrEmpty()) {
+      // No remote → show default vector + initials
+      iv.setImageResource(R.drawable.ic_default_avatar)
+      initials.visibility = View.VISIBLE
+    } else {
+      // Remote → load + hide initials
+      initials.visibility = View.GONE
+      loadAvatar(iv, url)
+    }
+    return container
+  }
+
+  private fun getInitials(fullName: String): String {
+    val parts = fullName.trim().split("\\s+".toRegex())
+    return when (parts.size) {
+      0    -> ""
+      1    -> parts[0].substring(0,1).uppercase()
+      else -> (parts[0][0].toString() + parts[1][0].toString())
+                .uppercase()
+    }
+  }
+
+  /** Downloads an image + sets it on the ImageView. */
+  private fun loadAvatar(iv: ImageView, url: String) {
     Thread {
       try {
         val conn = URL(url).openConnection() as HttpURLConnection
@@ -208,25 +269,51 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
     }.start()
   }
 
-  // Same loader for background
+  /** Downloads bg image (remote or fallback), applies blur if needed. */
   private fun loadAndBlurBackground(iv: ImageView, url: String?) {
-    if (url.isNullOrEmpty()) return
     Thread {
-      try {
-        val conn = URL(url).openConnection() as HttpURLConnection
-        conn.doInput = true; conn.connect()
-        val bmp = BitmapFactory.decodeStream(conn.inputStream)
-        runOnUiThread { iv.setImageBitmap(bmp) }
-      } catch (_: Exception) { /* ignore */ }
+      val bmp: Bitmap? = try {
+        if (!url.isNullOrEmpty()) {
+          val c = URL(url).openConnection() as HttpURLConnection
+          c.doInput = true; c.connect()
+          BitmapFactory.decodeStream(c.inputStream)
+        } else {
+          // your fallback background
+          BitmapFactory.decodeResource(
+            resources, R.drawable.default_call_bg
+          )
+        }
+      } catch (_: Exception) {
+        null
+      }
+      bmp ?: return@Thread
+
+      val finalBmp = if (Build.VERSION.SDK_INT < Build.VERSION_CODES.S) {
+        // quick blur: down/up-scale
+        val factor = 8
+        val w = bmp.width / factor
+        val h = bmp.height / factor
+        val small = Bitmap.createScaledBitmap(bmp, w, h, true)
+        Bitmap.createScaledBitmap(small, bmp.width, bmp.height, true)
+      } else {
+        bmp
+      }
+
+      runOnUiThread { iv.setImageBitmap(finalBmp) }
     }.start()
   }
 
-  private fun createCircleButton(iconRes: Int, bgColor: Int): FrameLayout {
+  /** Big round button with circular ripple. */
+  private fun createCircleButton(
+    iconRes: Int,
+    bgColor: Int
+  ): FrameLayout {
     val size = dp(70)
     return FrameLayout(this).apply {
       layoutParams = LinearLayout.LayoutParams(size, size)
-      isClickable = true; isFocusable = true
-      foreground = getRipple()
+      isClickable = true
+      isFocusable = true
+      foreground = makeCircleRipple()
       // colored circle
       addView(View(context).apply {
         layoutParams = FrameLayout.LayoutParams(
@@ -248,12 +335,18 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
     }
   }
 
-  private fun getRipple(): Drawable? {
-    val tv = TypedValue()
-    theme.resolveAttribute(
-      android.R.attr.selectableItemBackgroundBorderless, tv, true
+  /** Circular RippleDrawable. */
+  private fun makeCircleRipple(): RippleDrawable {
+    val mask = GradientDrawable().apply {
+      shape = GradientDrawable.OVAL
+      setColor(Color.WHITE)
+    }
+    val clr = Color.parseColor("#33FFFFFF")
+    return RippleDrawable(
+      android.content.res.ColorStateList.valueOf(clr),
+      null,
+      mask
     )
-    return ContextCompat.getDrawable(this, tv.resourceId)
   }
 
   private fun onAnswer() {
@@ -263,7 +356,6 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
     CallEngine.answerCall(callId)
     finishCallActivity()
   }
-
   private fun onDecline() {
     finishReason = FinishReason.DECLINE
     CallEngine.stopRingtone()
@@ -272,14 +364,10 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
     finishCallActivity()
   }
 
-  private fun dp(v: Int): Int = TypedValue.applyDimension(
-    TypedValue.COMPLEX_UNIT_DIP, v.toFloat(),
-    resources.displayMetrics
-  ).toInt()
-
   private fun setupLockScreenBypass(isSamsung: Boolean) {
     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O_MR1) {
-      setShowWhenLocked(true); setTurnScreenOn(true)
+      setShowWhenLocked(true)
+      setTurnScreenOn(true)
     } else {
       window.addFlags(
         WindowManager.LayoutParams.FLAG_SHOW_WHEN_LOCKED or
@@ -294,19 +382,17 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
         WindowManager.LayoutParams.FLAG_DISMISS_KEYGUARD or
         WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON
       )
-      val km = getSystemService(Context.KEYGUARD_SERVICE)
-               as KeyguardManager
-      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
-        km.requestDismissKeyguard(this,
+      (getSystemService(Context.KEYGUARD_SERVICE) as KeyguardManager)
+        .requestDismissKeyguard(this,
           object : KeyguardManager.KeyguardDismissCallback() {
             override fun onDismissSucceeded() {
               Log.d(TAG, "Samsung keyguard dismissed")
             }
             override fun onDismissError() {
-              Log.w(TAG, "Samsung keyguard dismiss error")
+              Log.w(TAG, "Keyguard dismiss error")
             }
-          })
-      }
+          }
+        )
     }
   }
 
@@ -328,7 +414,7 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
   override fun onDestroy() {
     super.onDestroy()
     CallEngine.unregisterCallEndListener(this)
-    handler.removeCallbacks(timeoutRunnable)
+    uiHandler.removeCallbacks(timeoutRunnable)
     if (finishReason != FinishReason.ANSWER) {
       CallEngine.stopRingtone()
       CallEngine.cancelIncomingCallUI()
@@ -344,6 +430,11 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
     }
   }
 
+  private fun dp(v: Int): Int = TypedValue.applyDimension(
+    TypedValue.COMPLEX_UNIT_DIP, v.toFloat(),
+    resources.displayMetrics
+  ).toInt()
+
   companion object {
     private const val TAG = "CallActivity"
   }

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

@@ -0,0 +1,18 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+        android:width="24dp"
+        android:height="24dp"
+        android:viewportWidth="24"
+        android:viewportHeight="24">
+  <path
+    android:fillColor="#BDBDBD"
+    android:pathData="
+      M12,12c2.21,0 4,-1.79 4,-4
+      s-1.79,-4 -4,-4
+      s-4,1.79 -4,4
+      s1.79,4 4,4z
+      M6,20
+      c0,-3.31 2.69,-6 6,-6
+      s6,2.69 6,6
+      v1
+      H6v-1z"/>
+</vector>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qusaieilouti99/call-manager",
-  "version": "0.1.98",
+  "version": "0.1.99",
   "description": "Call manager",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",