feat(language): add language selection to onboarding

cmp-android/dependencies/prodReleaseRuntimeClasspath.tree.txt

@@ -3430,6 +3430,43 @@
 |    |    +--- org.jetbrains.compose.material3:material3:1.9.0-beta03 -> 1.9.0 (*)
 |    |    +--- org.jetbrains.compose.components:components-resources:1.9.3 -> 1.10.0 (*)
 |    |    \--- org.jetbrains.compose.components:components-ui-tooling-preview:1.9.3 (*)
+|    +--- project :feature:onboarding-language
+|    |    +--- androidx.lifecycle:lifecycle-runtime-compose:2.9.4 (*)
+|    |    +--- androidx.lifecycle:lifecycle-viewmodel-compose:2.9.4 (*)
+|    |    +--- androidx.tracing:tracing-ktx:1.3.0 (*)
+|    |    +--- io.insert-koin:koin-bom:4.1.1 (*)
+|    |    +--- io.insert-koin:koin-android:4.1.1 (*)
+|    |    +--- io.insert-koin:koin-androidx-compose:4.1.1 (*)
+|    |    +--- io.insert-koin:koin-androidx-navigation:4.1.1 (*)
+|    |    +--- io.insert-koin:koin-core-viewmodel:4.1.1 (*)
+|    |    +--- org.jetbrains.kotlin:kotlin-stdlib:2.2.21 (*)
+|    |    +--- io.insert-koin:koin-core:4.1.1 (*)
+|    |    +--- io.insert-koin:koin-annotations:2.1.0 (*)
+|    |    +--- project :core:ui (*)
+|    |    +--- project :core:designsystem (*)
+|    |    +--- project :core:data (*)
+|    |    +--- io.insert-koin:koin-compose:4.1.1 (*)
+|    |    +--- io.insert-koin:koin-compose-viewmodel:4.1.1 (*)
+|    |    +--- org.jetbrains.compose.runtime:runtime:1.9.3 -> 1.10.1 (*)
+|    |    +--- org.jetbrains.androidx.lifecycle:lifecycle-runtime-compose:2.9.6 (*)
+|    |    +--- org.jetbrains.androidx.lifecycle:lifecycle-viewmodel-compose:2.9.6 (*)
+|    |    +--- org.jetbrains.androidx.lifecycle:lifecycle-viewmodel:2.9.6 (*)
+|    |    +--- org.jetbrains.androidx.lifecycle:lifecycle-viewmodel-savedstate:2.9.6 (*)
+|    |    +--- org.jetbrains.androidx.savedstate:savedstate:1.4.0 (*)
+|    |    +--- org.jetbrains.androidx.core:core-bundle:1.0.1 (*)
+|    |    +--- org.jetbrains.androidx.navigation:navigation-compose:2.9.1 (*)
+|    |    +--- org.jetbrains.androidx.navigationevent:navigationevent-compose:1.0.1 (*)
+|    |    +--- org.jetbrains.kotlinx:kotlinx-collections-immutable:0.4.0 (*)
+|    |    +--- org.jetbrains.kotlinx:kotlinx-serialization-json:1.9.0 (*)
+|    |    +--- io.github.openmf:mifos-authenticator-passcode:2.0.6 (*)
+|    |    +--- io.github.openmf:mifos-authenticator-biometrics:2.0.4 (*)
+|    |    +--- org.jetbrains.compose.ui:ui:1.9.3 -> 1.10.1 (*)
+|    |    +--- org.jetbrains.compose.foundation:foundation:1.9.3 -> 1.10.0 (*)
+|    |    +--- org.jetbrains.compose.material3:material3:1.9.0-beta03 -> 1.9.0 (*)
+|    |    +--- org.jetbrains.compose.components:components-resources:1.9.3 -> 1.10.0 (*)
+|    |    +--- org.jetbrains.compose.components:components-ui-tooling-preview:1.9.3 (*)
+|    |    +--- project :core:datastore (*)
+|    |    \--- project :core-base:designsystem (*)
 |    +--- project :feature:passcode (*)
 |    \--- org.jetbrains.kotlin:kotlin-parcelize-runtime:2.2.21 (*)
 +--- project :core:data (*)

cmp-android/dependencies/prodReleaseRuntimeClasspath.txt

@@ -28,6 +28,7 @@
 :feature:mpay-qr
 :feature:mpay-qr-scan
 :feature:notification
+:feature:onboarding-language
 :feature:passcode
 :feature:payments
 :feature:profile

cmp-android/src/main/AndroidManifest.xml

@@ -44,6 +44,7 @@
         <activity
             android:name=".MainActivity"
             android:exported="true"
+            android:configChanges="locale|layoutDirection"
             android:theme="@style/Theme.MifosSplash"
             android:windowSoftInputMode="adjustResize">
             <intent-filter>

cmp-android/src/main/kotlin/org/mifospay/MainActivity.kt

@@ -13,9 +13,11 @@ import android.os.Bundle
 import androidx.activity.compose.setContent
 import androidx.activity.enableEdgeToEdge
 import androidx.appcompat.app.AppCompatActivity
+import androidx.appcompat.app.AppCompatDelegate
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.setValue
+import androidx.core.os.LocaleListCompat
 import androidx.core.splashscreen.SplashScreen.Companion.installSplashScreen
 import androidx.core.view.WindowCompat
 import androidx.lifecycle.Lifecycle
@@ -57,7 +59,31 @@ class MainActivity : AppCompatActivity() {
         lifecycleScope.launch {
             lifecycle.repeatOnLifecycle(Lifecycle.State.STARTED) {
                 viewModel.uiState
-                    .onEach { uiState = it }
+                    .onEach { state ->
+                        uiState = state
+                        if (state is MainUiState.Success) {
+                            val languageTag = state.language.localName
+                            val currentAppLocales = AppCompatDelegate.getApplicationLocales()
+
+                            val isRequestedDefault = languageTag.isNullOrBlank()
+                            val isCurrentDefault = currentAppLocales.isEmpty
+
+                            val shouldUpdate = if (isRequestedDefault) {
+                                !isCurrentDefault
+                            } else {
+                                languageTag != currentAppLocales.toLanguageTags()
+                            }
+
+                            if (shouldUpdate) {
+                                val appLocale: LocaleListCompat = if (isRequestedDefault) {
+                                    LocaleListCompat.getEmptyLocaleList()
+                                } else {
+                                    LocaleListCompat.forLanguageTags(languageTag)
+                                }
+                                AppCompatDelegate.setApplicationLocales(appLocale)
+                            }
+                        }
+                    }
                     .collect()
             }
         }

cmp-desktop/src/desktopMain/kotlin/main.kt

@@ -26,7 +26,11 @@ fun main() {
             state = windowState,
             title = "MifosWallet",
         ) {
-            MifosPaySharedApp()
+            MifosPaySharedApp(
+                onLanguageChange = { languageCode ->
+                    java.util.Locale.setDefault(java.util.Locale(languageCode))
+                }
+            )
         }
     }
 }

cmp-shared/build.gradle.kts

@@ -58,6 +58,7 @@ kotlin {
             implementation(projects.feature.fastMpay)
             implementation(projects.feature.merchants)
             implementation(projects.feature.upiSetup)
+            implementation(projects.feature.onboardingLanguage)
             implementation(projects.feature.passcode)
         }
 

cmp-shared/src/commonMain/kotlin/org/mifospay/shared/MifosPayApp.kt

@@ -15,6 +15,7 @@ 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.Modifier
 import androidx.lifecycle.Lifecycle
 import androidx.lifecycle.LifecycleEventObserver
@@ -32,6 +33,7 @@ import org.mifospay.core.data.util.NetworkMonitor
 import org.mifospay.core.data.util.TimeZoneMonitor
 import org.mifospay.core.designsystem.component.MifosDialogBox
 import org.mifospay.core.designsystem.theme.MifosTheme
+import org.mifospay.feature.onboarding.language.navigation.ONBOARDING_LANGUAGE_ROUTE
 import org.mifospay.shared.MainUiState.Success
 import org.mifospay.shared.navigation.MifosNavGraph.LOGIN_GRAPH
 import org.mifospay.shared.navigation.RootNavGraph
@@ -43,9 +45,10 @@ fun MifosPaySharedApp(
     modifier: Modifier = Modifier,
     networkMonitor: NetworkMonitor = koinInject(),
     timeZoneMonitor: TimeZoneMonitor = koinInject(),
+    onLanguageChange: (String) -> Unit = {},
 ) {
     PlatformAuthenticatorLocalCompositionProvider {
-        MifosPayApp(modifier, networkMonitor, timeZoneMonitor)
+        MifosPayApp(modifier, networkMonitor, timeZoneMonitor, onLanguageChange = onLanguageChange)
     }
 }
 
@@ -56,6 +59,7 @@ private fun MifosPayApp(
     networkMonitor: NetworkMonitor,
     timeZoneMonitor: TimeZoneMonitor,
     viewModel: MifosPayViewModel = koinViewModel(),
+    onLanguageChange: (String) -> Unit = {},
 ) {
     val uiState by viewModel.uiState.collectAsStateWithLifecycle()
     val navController = rememberNavController()
@@ -73,14 +77,21 @@ private fun MifosPayApp(
         }
     }
 
-    LaunchedEffect(Unit) {
+    var hasCheckedPasscodeOnStartup by remember { mutableStateOf(false) }
+
+    LaunchedEffect(uiState) {
         val state = uiState
-        if (
-            state is Success &&
-            state.userData.authenticated &&
-            !viewModel.isPasscodeCreated()
-        ) {
-            viewModel.logOut()
+        if (state is Success) {
+            val langCode = state.language.localName
+            if (!langCode.isNullOrEmpty()) {
+                onLanguageChange(langCode)
+            }
+            if (!hasCheckedPasscodeOnStartup) {
+                hasCheckedPasscodeOnStartup = true
+                if (state.userData.authenticated && !viewModel.isPasscodeCreated()) {
+                    viewModel.logOut()
+                }
+            }
         }
     }
 
@@ -106,7 +117,9 @@ private fun MifosPayApp(
 
     val navDestination = when (uiState) {
         is MainUiState.Loading -> LOGIN_GRAPH
-        is Success -> if ((uiState as Success).userData.authenticated) {
+        is Success -> if ((uiState as Success).showLanguageScreen) {
+            ONBOARDING_LANGUAGE_ROUTE
+        } else if ((uiState as Success).userData.authenticated) {
             ROOT_MIFOS_PASSCODE_ROUTE
         } else {
             LOGIN_GRAPH

cmp-shared/src/commonMain/kotlin/org/mifospay/shared/MifosPayViewModel.kt

@@ -13,14 +13,15 @@ import androidx.lifecycle.ViewModel
 import androidx.lifecycle.viewModelScope
 import kotlinx.coroutines.flow.SharingStarted
 import kotlinx.coroutines.flow.StateFlow
-import kotlinx.coroutines.flow.map
+import kotlinx.coroutines.flow.combine
 import kotlinx.coroutines.flow.stateIn
 import kotlinx.coroutines.launch
 import org.mifos.authenticator.passcode.PasscodeAction
 import org.mifos.authenticator.passcode.PasscodeManager
 import org.mifos.authenticator.passcode.PasscodeStorageAdapter
 import org.mifospay.core.data.repository.AppLockRepository
 import org.mifospay.core.datastore.UserPreferencesRepository
+import org.mifospay.core.model.LanguageConfig
 import org.mifospay.core.model.user.UserInfo
 
 class MifosPayViewModel(
@@ -29,8 +30,12 @@ class MifosPayViewModel(
     private val appLockRepository: AppLockRepository,
     private val passcodeStorageAdapter: PasscodeStorageAdapter,
 ) : ViewModel() {
-    val uiState: StateFlow<MainUiState> = userDataRepository.userInfo.map {
-        MainUiState.Success(it)
+    val uiState: StateFlow<MainUiState> = combine(
+        userDataRepository.userInfo,
+        userDataRepository.language,
+        userDataRepository.showLanguageScreen,
+    ) { userInfo, language, showLanguageScreen ->
+        MainUiState.Success(userInfo, language, showLanguageScreen)
     }.stateIn(
         scope = viewModelScope,
         initialValue = MainUiState.Loading,
@@ -55,5 +60,9 @@ class MifosPayViewModel(
 
 sealed interface MainUiState {
     data object Loading : MainUiState
-    data class Success(val userData: UserInfo) : MainUiState
+    data class Success(
+        val userData: UserInfo,
+        val language: LanguageConfig,
+        val showLanguageScreen: Boolean,
+    ) : MainUiState
 }

cmp-shared/src/commonMain/kotlin/org/mifospay/shared/di/KoinModules.kt

@@ -38,6 +38,7 @@ import org.mifospay.feature.merchants.di.MerchantsModule
 import org.mifospay.feature.mpay.qr.di.MpayQrModule
 import org.mifospay.feature.mpay.qr.scan.di.MpayQrScanModule
 import org.mifospay.feature.notification.di.NotificationModule
+import org.mifospay.feature.onboarding.language.di.onboardingLanguageModule
 import org.mifospay.feature.payments.di.PaymentsModule
 import org.mifospay.feature.profile.di.ProfileModule
 import org.mifospay.feature.receipt.di.ReceiptModule
@@ -96,6 +97,7 @@ object KoinModules {
             FastMpayModule,
             MerchantsModule,
             UpiSetupModule,
+            onboardingLanguageModule,
             MifosAuthenticatorModule,
         )
     }

cmp-shared/src/commonMain/kotlin/org/mifospay/shared/navigation/RootNavGraph.kt

@@ -27,6 +27,8 @@ import org.mifos.feature.passcode.reAuthMifosPasscodeScreen
 import org.mifos.feature.passcode.rootMifosPasscodeScreen
 import org.mifospay.core.data.util.NetworkMonitor
 import org.mifospay.core.data.util.TimeZoneMonitor
+import org.mifospay.feature.onboarding.language.navigation.ONBOARDING_LANGUAGE_ROUTE
+import org.mifospay.feature.onboarding.language.navigation.onboardingLanguageScreen
 import org.mifospay.shared.instance.InstanceSelectorScreen
 import org.mifospay.shared.ui.MifosApp
 
@@ -58,6 +60,16 @@ internal fun RootNavGraph(
             onShowInstanceSelector = { showInstanceSelector = true },
         )
 
+        onboardingLanguageScreen(
+            onNavigateToNext = {
+                navHostController.navigate(MifosNavGraph.LOGIN_GRAPH) {
+                    popUpTo(ONBOARDING_LANGUAGE_ROUTE) {
+                        inclusive = true
+                    }
+                }
+            },
+        )
+
         rootMifosPasscodeScreen(
             onForgotButton = onClickLogout,
             onAuthenticationSuccess = {

cmp-web/src/jsMain/kotlin/Application.kt

@@ -1,18 +1,66 @@
-
-import androidx.compose.ui.ExperimentalComposeUiApi
-import androidx.compose.ui.window.ComposeViewport
-import kotlinx.browser.document
-import org.jetbrains.skiko.wasm.onWasmReady
-import org.mifospay.shared.MifosPaySharedApp
-import org.mifospay.shared.di.initKoin
-
-@OptIn(ExperimentalComposeUiApi::class)
-fun main() {
-    initKoin()
-
-    onWasmReady {
-        ComposeViewport(document.body!!) {
-            MifosPaySharedApp()
-        }
-    }
-}
+@file:OptIn(ExperimentalSettingsApi::class)
+
+import androidx.compose.ui.ExperimentalComposeUiApi
+import androidx.compose.ui.window.ComposeViewport
+import com.russhwolf.settings.ExperimentalSettingsApi
+import com.russhwolf.settings.Settings
+import com.russhwolf.settings.serialization.decodeValueOrNull
+import kotlinx.browser.document
+import kotlinx.browser.window
+import org.jetbrains.skiko.wasm.onWasmReady
+import org.mifospay.core.model.LanguageConfig
+import org.mifospay.shared.MifosPaySharedApp
+import org.mifospay.shared.di.initKoin
+
+private fun setLocaleOverride(localeCode: String) {
+    window.localStorage.setItem("__mifos_locale_override", localeCode)
+}
+
+private fun applyLocaleOverride() {
+    js(
+        """
+        (function() {
+            var loc = localStorage.getItem('__mifos_locale_override');
+            if (loc) {
+                Object.defineProperty(navigator, 'language', {
+                    get: function() { return loc; },
+                    configurable: true
+                });
+                Object.defineProperty(navigator, 'languages', {
+                    get: function() { return [loc]; },
+                    configurable: true
+                });
+            }
+        })();
+        """
+    )
+}
+
+@OptIn(ExperimentalComposeUiApi::class)
+fun main() {
+    val settings = Settings()
+    val languageConfig = settings.decodeValueOrNull(
+        key = "language",
+        serializer = LanguageConfig.serializer(),
+    )
+    val injectedLocale = languageConfig?.localName
+
+    if (injectedLocale != null) {
+        setLocaleOverride(injectedLocale)
+        applyLocaleOverride()
+    }
+
+    initKoin()
+
+    onWasmReady {
+        ComposeViewport(document.body!!) {
+            MifosPaySharedApp(
+                onLanguageChange = { languageCode ->
+                    if (languageCode != injectedLocale) {
+                        window.location.reload()
+                    }
+                },
+            )
+        }
+    }
+}