@qusaieilouti99/call-manager 0.1.98 → 0.1.100

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

@@ -4,12 +4,14 @@ 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 +26,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()
@@ -52,7 +55,6 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
     )
     setupLockScreenBypass(isSamsungBypass)
 
-    // Read params
     callId    = intent.getStringExtra("callId") ?: ""
     callType  = intent.getStringExtra("callType") ?: "Audio"
     val callerName = intent.getStringExtra("callerName") ?: "Unknown"
@@ -60,7 +62,7 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
 
     CallEngine.registerCallEndListener(this)
     buildUi(callerName, avatarUrl)
-    handler.postDelayed(timeoutRunnable, timeoutMs)
+    uiHandler.postDelayed(timeoutRunnable, timeoutMs)
     Log.d(TAG, "CallActivity setup complete for callId=$callId")
   }
 
@@ -72,18 +74,17 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
       )
     }
 
-    // 1) Background ImageView + optional blur
+    // 1) Full-screen background + 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+
       if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
         setRenderEffect(
           RenderEffect.createBlurEffect(
-            25f, 25f, Shader.TileMode.CLAMP
+            50f, 50f, Shader.TileMode.CLAMP
           )
         )
       }
@@ -100,12 +101,12 @@ 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) “Incoming ... call” with extra top padding (48dp)
+    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 +115,38 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
         ViewGroup.LayoutParams.WRAP_CONTENT
       ).apply {
         gravity = Gravity.TOP or Gravity.CENTER_HORIZONTAL
-        topMargin = dp(40)
+        topMargin = dp(48)
       }
     }
-    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 buttons with extra bottom padding (64dp)
     val actions = LinearLayout(this).apply {
       orientation = LinearLayout.HORIZONTAL
       gravity = Gravity.CENTER
@@ -171,53 +155,129 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
         ViewGroup.LayoutParams.WRAP_CONTENT
       ).apply {
         gravity = Gravity.BOTTOM or Gravity.CENTER_HORIZONTAL
-        bottomMargin = dp(48)
+        bottomMargin = dp(64)
       }
     }
-
-    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
+  private fun createAvatarView(name: String, url: String?): FrameLayout {
+    val size = dp(140)
+    // Gradient purple background
+    val gradientBg = GradientDrawable(
+      GradientDrawable.Orientation.TL_BR,
+      intArrayOf(
+        Color.parseColor("#8E24AA"),
+        Color.parseColor("#CE93D8")
+      )
+    ).apply { shape = GradientDrawable.OVAL }
+
+    val container = FrameLayout(this).apply {
+      layoutParams = LinearLayout.LayoutParams(size, size)
+      background = gradientBg
+      clipToOutline = true
+    }
+
+    // ImageView (only visible when URL != null)
+    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 TextView
+    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()) {
+      iv.visibility = View.GONE
+      initials.visibility = View.VISIBLE
+    } else {
+      iv.visibility = View.VISIBLE
+      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()
+    }
+  }
+
+  private fun loadAvatar(iv: ImageView, url: String) {
     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 */ }
+      } catch (_: Exception) { }
     }.start()
   }
 
-  // Same loader for background
   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 {
+          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) {
+        // heavier blur via 16× down/up-scale
+        val factor = 16
+        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()
   }
 
@@ -225,9 +285,11 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
     val size = dp(70)
     return FrameLayout(this).apply {
       layoutParams = LinearLayout.LayoutParams(size, size)
-      isClickable = true; isFocusable = true
-      foreground = getRipple()
-      // colored circle
+      isClickable = true
+      isFocusable = true
+      foreground = makeCircleRipple()
+
+      // circular background
       addView(View(context).apply {
         layoutParams = FrameLayout.LayoutParams(
           ViewGroup.LayoutParams.MATCH_PARENT,
@@ -238,6 +300,7 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
           setColor(bgColor)
         }
       })
+
       // icon
       addView(ImageView(context).apply {
         layoutParams = FrameLayout.LayoutParams(dp(36), dp(36))
@@ -248,12 +311,15 @@ class CallActivity : Activity(), CallEngine.CallEndListener {
     }
   }
 
-  private fun getRipple(): Drawable? {
-    val tv = TypedValue()
-    theme.resolveAttribute(
-      android.R.attr.selectableItemBackgroundBorderless, tv, true
+  private fun makeCircleRipple(): RippleDrawable {
+    val mask = GradientDrawable().apply {
+      shape = GradientDrawable.OVAL
+      setColor(Color.WHITE)
+    }
+    val color = android.content.res.ColorStateList.valueOf(
+      Color.parseColor("#33FFFFFF")
     )
-    return ContextCompat.getDrawable(this, tv.resourceId)
+    return RippleDrawable(color, null, mask)
   }
 
   private fun onAnswer() {
@@ -272,14 +338,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 +356,16 @@ 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 +387,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 +403,12 @@ 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/package.json

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