feat: Client Profile Details UI (#2463)

Author: revanthkumarJ

core/database/src/commonMain/kotlin/com/mifos/room/entities/client/ClientEntity.kt

@@ -72,7 +72,7 @@ data class ClientEntity(
 
     val activationDate: List<Int?> = emptyList(),
 
-    val dobDate: List<Int?> = emptyList(),
+    val dateOfBirth: List<Int?> = emptyList(),
 
     val groups: List<GroupEntity>? = emptyList(),
 
@@ -103,4 +103,8 @@ data class ClientEntity(
     val imagePresent: Boolean = false,
 
     val externalId: String? = null,
+
+    val emailAddress: String? = null,
+
+    val legalForm: ClientStatusEntity? = null,
 ) : Parcelable

core/designsystem/src/commonMain/kotlin/com/mifos/core/designsystem/component/MifosButton.kt

@@ -29,9 +29,11 @@ import androidx.compose.material3.OutlinedButton
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextButton
 import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Shape
 import androidx.compose.ui.unit.dp
+import com.mifos.core.designsystem.theme.AppColors
 import com.mifos.core.designsystem.theme.DesignToken
 import com.mifos.core.designsystem.theme.MifosTheme
 import org.jetbrains.compose.ui.tooling.preview.Preview
@@ -164,9 +166,11 @@ fun MifosTextButton(
         modifier = modifier,
         enabled = enabled,
         colors = ButtonDefaults.textButtonColors(
-            contentColor = MaterialTheme.colorScheme.onBackground,
+            contentColor = AppColors.customWhite,
+            containerColor = MaterialTheme.colorScheme.primary,
         ),
         content = content,
+        shape = DesignToken.shapes.medium,
     )
 }
 
@@ -212,7 +216,10 @@ private fun MifosButtonContent(
     modifier: Modifier = Modifier,
     leadingIcon: @Composable (() -> Unit)? = null,
 ) {
-    Row(modifier) {
+    Row(
+        modifier = modifier,
+        verticalAlignment = Alignment.CenterVertically,
+    ) {
         if (leadingIcon != null) {
             Box(Modifier.sizeIn(maxHeight = ButtonDefaults.IconSize)) {
                 leadingIcon()

core/network/src/commonMain/kotlin/com/mifos/core/network/mappers/clients/ClientMapper.kt

@@ -35,6 +35,13 @@ object ClientMapper : AbstractMapper<GetClientsPageItemsResponse, ClientEntity>(
                 value = entity.status.value,
             ),
             externalId = entity.externalId,
+            emailAddress = entity.emailAddress,
+            legalForm = ClientStatusEntity(
+                id = entity.legalForm?.id?.toInt() ?: -1,
+                code = entity.legalForm?.code,
+                value = entity.legalForm?.value,
+            ),
+            dateOfBirth = entity.dateOfBirth ?: emptyList(),
         )
     }
 
@@ -53,6 +60,13 @@ object ClientMapper : AbstractMapper<GetClientsPageItemsResponse, ClientEntity>(
                 value = domainModel.status?.value,
             ),
             externalId = domainModel.externalId,
+            emailAddress = domainModel.emailAddress,
+            legalForm = GetClientStatus(
+                id = domainModel.legalForm?.id?.toLong(),
+                code = domainModel.legalForm?.code,
+                value = domainModel.legalForm?.value,
+            ),
+            dateOfBirth = domainModel.dateOfBirth,
         )
     }
 }

core/network/src/commonMain/kotlin/com/mifos/core/network/model/GetClientsPageItemsResponse.kt

@@ -48,4 +48,8 @@ data class GetClientsPageItemsResponse(
 
     val externalId: String? = null,
 
+    val legalForm: GetClientStatus? = null,
+
+    val dateOfBirth: List<Int?> = emptyList(),
+
 )

core/ui/src/commonMain/kotlin/com/mifos/core/ui/components/MifosListingComponent.kt

@@ -66,12 +66,14 @@ import com.mifos.core.designsystem.theme.AppColors
 import com.mifos.core.designsystem.theme.DesignToken
 import com.mifos.core.designsystem.theme.MifosTheme
 import com.mifos.core.designsystem.theme.MifosTypography
+import org.jetbrains.compose.resources.StringResource
 import org.jetbrains.compose.resources.stringResource
 import org.jetbrains.compose.ui.tooling.preview.Preview
 
 @Composable
 fun MifosListingComponentOutline(
     modifier: Modifier = Modifier,
+    color: Color = MaterialTheme.colorScheme.secondaryContainer,
     content: @Composable () -> Unit,
 ) {
     Box(
@@ -81,7 +83,7 @@ fun MifosListingComponentOutline(
             .border(
                 width = 1.dp,
                 shape = DesignToken.shapes.medium,
-                color = MaterialTheme.colorScheme.secondaryContainer,
+                color = color,
             )
             .padding(DesignToken.padding.large),
     ) {
@@ -123,9 +125,12 @@ fun MifosListingRowItem(
 
 @Composable
 fun MifosDefaultListingComponent(
+    color: Color = MaterialTheme.colorScheme.primary.copy(alpha = 0.5f),
     data: Map<String, String>,
 ) {
-    MifosListingComponentOutline {
+    MifosListingComponentOutline(
+        color = color,
+    ) {
         Column(
             modifier = Modifier.fillMaxWidth(),
             verticalArrangement = Arrangement.spacedBy(DesignToken.padding.extraExtraSmall),
@@ -140,6 +145,28 @@ fun MifosDefaultListingComponent(
     }
 }
 
+@Composable
+fun MifosDefaultListingComponentFromStringResources(
+    color: Color = MaterialTheme.colorScheme.primary.copy(alpha = 0.5f),
+    data: Map<StringResource, String>,
+) {
+    MifosListingComponentOutline(
+        color = color,
+    ) {
+        Column(
+            modifier = Modifier.fillMaxWidth(),
+            verticalArrangement = Arrangement.spacedBy(DesignToken.padding.extraExtraSmall),
+        ) {
+            data.forEach { (key, value) ->
+                MifosListingRowItem(
+                    key = stringResource(key),
+                    value = value,
+                )
+            }
+        }
+    }
+}
+
 @Composable
 fun MifosClientFeeListingComponent(
     name: String,

core/ui/src/commonMain/kotlin/com/mifos/core/ui/components/MifosRowCard.kt

@@ -114,7 +114,7 @@ fun MifosRowCard(
                 modifier = Modifier
                     .size(DesignToken.sizes.iconExtraLarge)
                     .background(
-                        color = Color.LightGray.copy(alpha = 0.15f),
+                        color = Color.LightGray.copy(alpha = 0.1f),
                         shape = CircleShape,
                     )
                     .padding(DesignToken.padding.small),

core/ui/src/commonMain/kotlin/com/mifos/core/ui/util/ToDateFromList.kt

@@ -0,0 +1,22 @@
+/*
+ * Copyright 2025 Mifos Initiative
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ *
+ * See https://github.com/openMF/android-client/blob/master/LICENSE.md
+ */
+package com.mifos.core.ui.util
+
+fun List<Int?>?.toDateString(): String {
+    if (this == null) return ""
+    return if (this.size >= 3) {
+        val year = this[0]
+        val month = this[1].toString().padStart(2, '0')
+        val day = this[2].toString().padStart(2, '0')
+        "$day-$month-$year"
+    } else {
+        ""
+    }
+}

feature/client/build.gradle.kts

@@ -23,6 +23,7 @@ kotlin {
             implementation(projects.core.domain)
             implementation(projects.core.datastore)
             implementation(projects.core.designsystem)
+            implementation(projects.core.ui)
             implementation(projects.feature.dataTable)
 
             implementation(compose.ui)

feature/client/src/commonMain/composeResources/drawable/adf_scanner.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+    Copyright 2025 Mifos Initiative
+
+    This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
+    If a copy of the MPL was not distributed with this file,
+    You can obtain one at https://mozilla.org/MPL/2.0/.
+
+    See https://github.com/openMF/android-client/blob/master/LICENSE.md
+-->
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="20dp"
+    android:height="20dp"
+    android:viewportWidth="20"
+    android:viewportHeight="20">
+  <path
+      android:pathData="M15.833,10H15V3.333H5V10H4.167C2.783,10 1.667,11.117 1.667,12.5V16.667H18.333V12.5C18.333,11.117 17.217,10 15.833,10ZM13.333,10H6.667V5H13.333V10ZM15,14.167C14.542,14.167 14.167,13.792 14.167,13.333C14.167,12.875 14.542,12.5 15,12.5C15.458,12.5 15.833,12.875 15.833,13.333C15.833,13.792 15.458,14.167 15,14.167Z"
+      android:strokeAlpha="0.2"
+      android:fillColor="#191C20"
+      android:fillAlpha="0.2"/>
+</vector>

feature/client/src/commonMain/composeResources/drawable/arrow_downward.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+    Copyright 2025 Mifos Initiative
+
+    This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
+    If a copy of the MPL was not distributed with this file,
+    You can obtain one at https://mozilla.org/MPL/2.0/.
+
+    See https://github.com/openMF/android-client/blob/master/LICENSE.md
+-->
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="20dp"
+    android:height="20dp"
+    android:viewportWidth="20"
+    android:viewportHeight="20">
+  <path
+      android:pathData="M9.171,4.341V13.649L5.104,9.582C4.779,9.257 4.246,9.257 3.921,9.582C3.596,9.907 3.596,10.432 3.921,10.757L9.412,16.249C9.737,16.574 10.262,16.574 10.587,16.249L16.079,10.757C16.404,10.432 16.404,9.907 16.079,9.582C15.754,9.257 15.229,9.257 14.904,9.582L10.837,13.649V4.341C10.837,3.882 10.462,3.507 10.004,3.507C9.546,3.507 9.171,3.882 9.171,4.341Z"
+      android:fillColor="#BAC8DB"/>
+</vector>