refactor #1532: profile fragment migrated to compose

Author: PratyushSingh07

core/designsystem/src/main/java/org/mifos/mobilewallet/mifospay/designsystem/component/MifosTextUserImage.kt

@@ -0,0 +1,44 @@
+package org.mifos.mobilewallet.mifospay.designsystem.component
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.geometry.Size
+import androidx.compose.ui.layout.onGloballyPositioned
+import androidx.compose.ui.platform.LocalDensity
+import kotlin.math.min
+
+@Composable
+fun MifosTextUserImage(modifier: Modifier = Modifier, text: String) {
+    var boxSize by remember { mutableStateOf(Size.Zero) }
+    Box(
+        modifier = modifier
+            .clip(CircleShape)
+            .background(color = MaterialTheme.colorScheme.primary)
+            .onGloballyPositioned { coordinates ->
+                boxSize = Size(
+                    coordinates.size.width.toFloat(),
+                    coordinates.size.height.toFloat()
+                )
+            },
+        contentAlignment = Alignment.Center
+    ) {
+        Text(
+            text = text,
+            color = MaterialTheme.colorScheme.onPrimary,
+            fontSize = with(LocalDensity.current) {
+                (min(boxSize.width, boxSize.height) / 2).toSp()
+            }
+        )
+    }
+}

core/designsystem/src/main/java/org/mifos/mobilewallet/mifospay/designsystem/component/MifosUserImage.kt

@@ -0,0 +1,40 @@
+package org.mifos.mobilewallet.mifospay.designsystem.component
+
+import android.graphics.Bitmap
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.asImageBitmap
+import androidx.compose.ui.layout.ContentScale
+
+/**
+ * @author pratyush
+ * @since 20/12/2023
+ */
+
+@Composable
+fun MifosUserImage(
+    bitmap: Bitmap?,
+    modifier: Modifier = Modifier,
+    username: String? = null
+) {
+    if (bitmap == null) {
+        MifosTextUserImage(
+            modifier = modifier,
+            text = username?.firstOrNull()?.toString() ?: "J"
+        )
+    } else {
+        Image(
+            modifier = modifier
+                .clip(CircleShape)
+                .background(MaterialTheme.colorScheme.primary),
+            bitmap = bitmap.asImageBitmap(),
+            contentDescription = "Profile Image",
+            contentScale = ContentScale.Crop,
+        )
+    }
+}

core/designsystem/src/main/java/org/mifos/mobilewallet/mifospay/designsystem/component/ProfileConcentricImage.kt

@@ -0,0 +1,44 @@
+package org.mifos.mobilewallet.mifospay.designsystem.component
+
+import android.graphics.Bitmap
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun ProfileImage(bitmap: Bitmap?) {
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(top = 64.dp, bottom = 12.dp),
+        horizontalArrangement = Arrangement.Center
+    ) {
+        Box(
+            contentAlignment = Alignment.Center,
+            modifier = Modifier
+                .size(200.dp)
+                .border(
+                    width = 2.dp,
+                    color = Color.Gray,
+                    shape = CircleShape
+                )
+        ) {
+            MifosUserImage(
+                bitmap = bitmap,
+                modifier = Modifier
+                    .size(200.dp)
+                    .padding(10.dp)
+            )
+        }
+    }
+}

core/ui/src/main/kotlin/org/mifos/mobilewallet/mifospay/ui/utility/Orientation.kt

@@ -0,0 +1,5 @@
+package org.mifos.mobilewallet.mifospay.ui.utility
+
+enum class Orientation {
+    VERTICAL, HORIZONTAL
+}

mifospay/src/main/java/org/mifos/mobilewallet/mifospay/home/presenter/ProfileViewModel.kt

@@ -0,0 +1,81 @@
+package org.mifos.mobilewallet.mifospay.home.presenter
+
+import android.graphics.Bitmap
+import android.graphics.BitmapFactory
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import dagger.hilt.android.lifecycle.HiltViewModel
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.launch
+import okhttp3.ResponseBody
+import org.mifos.mobilewallet.core.base.UseCase
+import org.mifos.mobilewallet.core.base.UseCaseHandler
+import org.mifos.mobilewallet.core.domain.usecase.client.FetchClientImage
+import org.mifos.mobilewallet.datastore.PreferencesHelper
+import org.mifos.mobilewallet.mifospay.data.local.LocalRepository
+import org.mifos.mobilewallet.mifospay.utils.DebugUtil
+import javax.inject.Inject
+
+@HiltViewModel
+class ProfileViewModel @Inject constructor(
+    private val mUsecaseHandler: UseCaseHandler,
+    private val fetchClientImageUseCase: FetchClientImage,
+    private val localRepository: LocalRepository,
+    private val mPreferencesHelper: PreferencesHelper
+) : ViewModel() {
+
+    private val _bitmapImage = MutableStateFlow<Bitmap?>(null)
+    val bitmapImage: StateFlow<Bitmap?> = _bitmapImage
+
+    private val _name = MutableStateFlow<String?>(null)
+    val name: StateFlow<String?> = _name
+
+    private val _email = MutableStateFlow<String?>(null)
+    val email: StateFlow<String?> = _email
+
+    private val _vpa = MutableStateFlow<String?>(null)
+    val vpa: StateFlow<String?> = _vpa
+
+    private val _mobile = MutableStateFlow<String?>(null)
+    val mobile: StateFlow<String?> = _mobile
+
+    init {
+        fetchClientImage()
+        fetchProfileDetails()
+    }
+
+    private fun fetchClientImage() {
+        viewModelScope.launch {
+            mUsecaseHandler.execute(fetchClientImageUseCase,
+                FetchClientImage.RequestValues(localRepository.clientDetails.clientId),
+                object : UseCase.UseCaseCallback<FetchClientImage.ResponseValue?> {
+                    override fun onSuccess(response: FetchClientImage.ResponseValue?) {
+                        val bitmap = convertResponseToBitmap(response?.responseBody)
+                        _bitmapImage.value = bitmap
+                    }
+
+                    override fun onError(message: String) {
+                        DebugUtil.log("image", message)
+                    }
+                })
+        }
+    }
+
+    private fun fetchProfileDetails() {
+        _name.value = mPreferencesHelper.fullName ?: "-"
+        _email.value = mPreferencesHelper.email ?: "-"
+        _vpa.value = mPreferencesHelper.clientVpa ?: "-"
+        _mobile.value = mPreferencesHelper.mobile ?: "-"
+    }
+
+    private fun convertResponseToBitmap(responseBody: ResponseBody?): Bitmap? {
+        return try {
+            responseBody?.byteStream()?.use { inputStream ->
+                BitmapFactory.decodeStream(inputStream)
+            }
+        } catch (e: Exception) {
+            null
+        }
+    }
+}