feat(home): add service visibility customization

cmp-android/src/main/AndroidManifest.xml

@@ -34,7 +34,7 @@
 
     <application
         android:name=".AndroidApp"
-        android:allowBackup="true"
+        android:allowBackup="false"
         android:icon="@mipmap/ic_launcher"
         android:label="@string/app_name"
         android:roundIcon="@mipmap/ic_launcher_round"

core/datastore/src/commonMain/kotlin/org/mifos/mobile/core/datastore/UserPreferencesDataSource.kt

@@ -32,6 +32,7 @@ import org.mifos.mobile.core.model.MifosThemeConfig
 private const val USER_DATA = "userData"
 private const val APP_SETTINGS = "appSettings"
 
+@Suppress("TooManyFunctions")
 class UserPreferencesDataSource(
     private val settings: Settings,
     private val dispatcher: CoroutineDispatcher,
@@ -160,6 +161,7 @@ class UserPreferencesDataSource(
     suspend fun clearInfo() {
         withContext(dispatcher) {
             settings.putUserPreference(UserData.DEFAULT)
+            _userInfo.value = UserData.DEFAULT
             val cleared = settings.getSettingsPreference().copy(
                 isAuthenticated = false,
             )
@@ -234,8 +236,25 @@ class UserPreferencesDataSource(
             _settingsInfo.value = newPreference
         }
 
+    suspend fun setSelectedServices(selectedServices: Set<String>) =
+        withContext(dispatcher) {
+            val newPreference = settings.getSettingsPreference().copy(selectedServices = selectedServices)
+            settings.putSettingsPreference(newPreference)
+            _settingsInfo.value = newPreference
+        }
+
+    fun saveSelectedServicesDirectly(services: Set<String>) {
+        settings.putString(SELECTED_SERVICES_KEY, services.joinToString(","))
+    }
+
+    fun getSelectedServicesDirectly(): Set<String> {
+        val stored = settings.getString(SELECTED_SERVICES_KEY, "")
+        return if (stored.isEmpty()) emptySet() else stored.split(",").toSet()
+    }
+
     companion object {
         private const val PROFILE_IMAGE = "preferences_profile_image"
+        private const val SELECTED_SERVICES_KEY = "selected_services"
     }
 }
 

core/datastore/src/commonMain/kotlin/org/mifos/mobile/core/datastore/UserPreferencesRepository.kt

@@ -75,5 +75,10 @@ interface UserPreferencesRepository {
 
     suspend fun setLanguage(language: LanguageConfig)
 
+    suspend fun setSelectedServices(selectedServices: Set<String>)
+
+    val selectedServices: Set<String>
+    fun saveSelectedServices(services: Set<String>)
+
     suspend fun logOut(): Unit
 }

core/datastore/src/commonMain/kotlin/org/mifos/mobile/core/datastore/UserPreferencesRepositoryImpl.kt

@@ -187,6 +187,17 @@ class UserPreferencesRepositoryImpl(
         preferenceManager.setPasscode(passcode)
     }
 
+    override suspend fun setSelectedServices(selectedServices: Set<String>) {
+        preferenceManager.setSelectedServices(selectedServices)
+    }
+
+    override val selectedServices: Set<String>
+        get() = preferenceManager.getSelectedServicesDirectly()
+
+    override fun saveSelectedServices(services: Set<String>) {
+        preferenceManager.saveSelectedServicesDirectly(services)
+    }
+
     override suspend fun logOut() {
         preferenceManager.clearInfo()
     }

core/datastore/src/commonMain/kotlin/org/mifos/mobile/core/datastore/model/AppSettings.kt

@@ -29,6 +29,7 @@ data class AppSettings(
     val showOnboarding: Boolean,
     val firstTimeState: Boolean,
     val timeBasedTheme: TimeBasedTheme,
+    val selectedServices: Set<String> = emptySet(),
 ) {
     companion object {
         val DEFAULT = AppSettings(

core/designsystem/src/commonMain/kotlin/org/mifos/mobile/core/designsystem/icon/MifosIcons.kt

@@ -69,6 +69,7 @@ import fluent.ui.system.icons.filled.CaretUp
 import fluent.ui.system.icons.filled.ChatBubblesQuestion
 import fluent.ui.system.icons.filled.ChatHistory
 import fluent.ui.system.icons.filled.ChatMultiple
+import fluent.ui.system.icons.filled.CheckmarkCircle
 import fluent.ui.system.icons.filled.ChevronRight
 import fluent.ui.system.icons.filled.CoinMultiple
 import fluent.ui.system.icons.filled.ContactCardRibbon
@@ -265,4 +266,8 @@ object MifosIcons {
     val Attach = FluentIcons.Regular.Attach
 
     val AddColor = FluentIcons.Colored.AddCircle
+
+    val GridApps = FluentIcons.Filled.Grid
+    val CheckCircle1 = FluentIcons.Filled.CheckmarkCircle
+    val Pencil = Icons.Filled.Edit
 }

feature/home/src/commonMain/kotlin/org/mifos/mobile/feature/home/HomeScreen.kt

@@ -19,23 +19,28 @@ import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.wrapContentHeight
 import androidx.compose.foundation.rememberScrollState
 import androidx.compose.foundation.verticalScroll
 import androidx.compose.material3.BottomSheetDefaults
 import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
 import androidx.compose.material3.ModalBottomSheet
 import androidx.compose.material3.Text
 import androidx.compose.material3.rememberModalBottomSheetState
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
 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.graphics.ColorFilter
 import androidx.compose.ui.graphics.vector.ImageVector
 import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
 import kotlinx.collections.immutable.ImmutableList
 import mifos_mobile.core.ui.generated.resources.ic_icon_logo_1
@@ -124,6 +129,28 @@ internal fun HomeContent(
     onAction: (HomeAction) -> Unit,
     modifier: Modifier = Modifier,
 ) {
+    // Repository for persistence
+    val preferencesRepository: org.mifos.mobile.core.datastore.UserPreferencesRepository =
+        org.koin.compose.koinInject()
+
+    // All available service routes
+    val allRoutes = remember { serviceCards.map { it.route }.toSet() }
+
+    // Load saved services
+    val savedServices = remember { preferencesRepository.selectedServices }
+    var selectedServices by remember {
+        mutableStateOf(if (savedServices.isEmpty()) allRoutes else savedServices)
+    }
+    var isEditMode by remember { mutableStateOf(false) }
+
+    fun toggleEditMode() {
+        if (isEditMode) {
+            // Save
+            preferencesRepository.saveSelectedServices(selectedServices)
+        }
+        isEditMode = !isEditMode
+    }
+
     MifosElevatedScaffold(
         modifier = modifier,
         brandIcon = mifos_mobile.core.ui.generated.resources.Res.drawable.ic_icon_logo_1,
@@ -208,17 +235,43 @@ internal fun HomeContent(
 
                     Spacer(modifier = Modifier.height(DesignToken.spacing.extraLarge))
 
-                    Text(
-                        text = stringResource(Res.string.feature_home_services),
-                        style = MifosTypography.titleMediumEmphasized,
-                        color = KptTheme.colorScheme.onSurface,
-                    )
+                    // Services header with edit icon
+                    Row(
+                        verticalAlignment = Alignment.CenterVertically,
+                        horizontalArrangement = Arrangement.spacedBy(KptTheme.spacing.sm),
+                    ) {
+                        Text(
+                            text = stringResource(Res.string.feature_home_services),
+                            style = MifosTypography.titleMediumEmphasized,
+                            color = KptTheme.colorScheme.onSurface,
+                        )
+                        Icon(
+                            imageVector = if (isEditMode) MifosIcons.Edit else MifosIcons.GridApps,
+                            contentDescription = "Edit services",
+                            tint = KptTheme.colorScheme.primary,
+                            modifier = Modifier
+                                .size(16.dp)
+                                .clickable { toggleEditMode() },
+                        )
+                    }
 
                     Spacer(modifier = Modifier.height(KptTheme.spacing.md))
 
                     ServiceBox(
                         items = state.items,
-                        onAction = onAction,
+                        isEditMode = isEditMode,
+                        selectedServices = selectedServices,
+                        onServiceClick = { route ->
+                            if (isEditMode) {
+                                selectedServices = if (selectedServices.contains(route)) {
+                                    selectedServices - route
+                                } else {
+                                    selectedServices + route
+                                }
+                            } else {
+                                onAction(HomeAction.OnNavigate(route))
+                            }
+                        },
                     )
                 }
             }
@@ -231,12 +284,15 @@ internal fun HomeContent(
 @Composable
 internal fun ServiceBox(
     items: ImmutableList<ServiceItem>,
-    onAction: (HomeAction) -> Unit,
+    isEditMode: Boolean,
+    selectedServices: Set<String>,
+    onServiceClick: (String) -> Unit,
     modifier: Modifier = Modifier,
 ) {
     val columnCount = 4
     val spacing = DesignToken.spacing.medium
-    val rows = items.chunked(columnCount)
+    val displayItems = if (isEditMode) items else items.filter { selectedServices.contains(it.route) }
+    val rows = displayItems.chunked(columnCount)
 
     Column(
         modifier = modifier.fillMaxWidth(),
@@ -248,14 +304,17 @@ internal fun ServiceBox(
                 horizontalArrangement = Arrangement.spacedBy(spacing),
             ) {
                 rowItems.forEach { item ->
+                    val isSelected = selectedServices.contains(item.route)
                     Box(
                         modifier = Modifier.weight(1f),
                         contentAlignment = Alignment.TopCenter,
                     ) {
                         ServiceItemCard(
                             title = item.title,
                             icon = item.icon,
-                            onClick = { onAction(HomeAction.OnNavigate(item.route)) },
+                            isSelected = isSelected,
+                            isEditMode = isEditMode,
+                            onClick = { onServiceClick(item.route) },
                         )
                     }
                 }
@@ -273,30 +332,51 @@ internal fun ServiceItemCard(
     icon: ImageVector,
     onClick: () -> Unit,
     modifier: Modifier = Modifier,
+    isSelected: Boolean = true,
+    isEditMode: Boolean = false,
 ) {
     Column(
-        modifier = modifier
-            .padding(vertical = KptTheme.spacing.sm)
-            .clippedClickable(
-                onClick = onClick,
-            ),
+        modifier = modifier.padding(vertical = KptTheme.spacing.sm),
         verticalArrangement = Arrangement.spacedBy(KptTheme.spacing.sm),
         horizontalAlignment = Alignment.CenterHorizontally,
     ) {
         Box(
-            modifier = Modifier
-                .border(
-                    DesignToken.strokes.thin,
-                    KptTheme.colorScheme.secondaryContainer,
-                    KptTheme.shapes.medium,
-                )
-                .padding(DesignToken.padding.dp14),
+            modifier = Modifier.clickable { onClick() },
         ) {
             Image(
+                modifier = Modifier
+                    .border(
+                        DesignToken.strokes.thin,
+                        if (isEditMode && isSelected) {
+                            KptTheme.colorScheme.primary
+                        } else {
+                            KptTheme.colorScheme.outlineVariant
+                        },
+                        KptTheme.shapes.medium,
+                    )
+                    .padding(DesignToken.padding.dp14),
                 imageVector = icon,
                 contentDescription = null,
-                colorFilter = ColorFilter.tint(KptTheme.colorScheme.tertiary),
+                colorFilter = ColorFilter.tint(
+                    if (isEditMode && isSelected) {
+                        KptTheme.colorScheme.primary
+                    } else {
+                        KptTheme.colorScheme.tertiary
+                    },
+                ),
             )
+            // Checkmark icon for selected items in edit mode
+            if (isEditMode && isSelected) {
+                Icon(
+                    imageVector = MifosIcons.CheckCircle1,
+                    contentDescription = "Selected",
+                    tint = KptTheme.colorScheme.primary,
+                    modifier = Modifier
+                        .align(Alignment.TopEnd)
+                        .padding(4.dp)
+                        .size(KptTheme.spacing.md),
+                )
+            }
         }
 
         Text(