Detect user country and put it at the top

Author: wisnukurniawan

app/src/main/java/com/wisnu/kurniawan/wallee/features/onboarding/data/IOnboardingEnvironment.kt

@@ -1,7 +1,9 @@
 package com.wisnu.kurniawan.wallee.features.onboarding.data
 
 import com.wisnu.kurniawan.wallee.model.Currency
+import kotlinx.coroutines.flow.Flow
 
 interface IOnboardingEnvironment {
+    fun getCurrentCountryCode(): Flow<String>
     suspend fun saveAccount(currency: Currency)
 }

app/src/main/java/com/wisnu/kurniawan/wallee/features/onboarding/data/OnboardingEnvironment.kt

@@ -1,20 +1,30 @@
 package com.wisnu.kurniawan.wallee.features.onboarding.data
 
+import android.content.Context
 import com.google.firebase.crashlytics.ktx.crashlytics
 import com.google.firebase.crashlytics.ktx.setCustomKeys
 import com.google.firebase.ktx.Firebase
 import com.wisnu.kurniawan.wallee.foundation.datasource.local.LocalManager
 import com.wisnu.kurniawan.wallee.foundation.datasource.preference.PreferenceManager
 import com.wisnu.kurniawan.wallee.foundation.extension.defaultAccount
+import com.wisnu.kurniawan.wallee.foundation.extension.getCountryCode
 import com.wisnu.kurniawan.wallee.foundation.wrapper.DateTimeProvider
 import com.wisnu.kurniawan.wallee.model.Currency
+import dagger.hilt.android.qualifiers.ApplicationContext
 import javax.inject.Inject
+import kotlinx.coroutines.flow.Flow
+import kotlinx.coroutines.flow.flowOf
 
 class OnboardingEnvironment @Inject constructor(
     private val localManager: LocalManager,
     private val preferenceManager: PreferenceManager,
-    private val dateTimeProvider: DateTimeProvider
-) :  IOnboardingEnvironment {
+    private val dateTimeProvider: DateTimeProvider,
+    @ApplicationContext private val context: Context
+) : IOnboardingEnvironment {
+
+    override fun getCurrentCountryCode(): Flow<String> {
+        return flowOf(getCountryCode(context))
+    }
 
     override suspend fun saveAccount(currency: Currency) {
         val account = defaultAccount(currency, dateTimeProvider.now())

app/src/main/java/com/wisnu/kurniawan/wallee/features/onboarding/ui/OnboardingScreen.kt

@@ -27,6 +27,7 @@ import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.Shape
 import androidx.compose.ui.res.stringResource
@@ -47,6 +48,7 @@ import com.wisnu.kurniawan.wallee.foundation.uicomponent.PgIcon
 import com.wisnu.kurniawan.wallee.foundation.uicomponent.PgIconButton
 import com.wisnu.kurniawan.wallee.foundation.uicomponent.PgPageLayout
 import com.wisnu.kurniawan.wallee.foundation.viewmodel.HandleEffect
+import com.wisnu.kurniawan.wallee.model.Currency
 
 @OptIn(ExperimentalLifecycleComposeApi::class)
 @Composable
@@ -160,6 +162,7 @@ private fun Content(
 
         CurrencyCell(
             data = items,
+            selectedCurrency = state.selectedCurrency,
             onItemClick = onItemClick,
         )
 
@@ -171,7 +174,8 @@ private fun Content(
 
 @OptIn(ExperimentalFoundationApi::class)
 private inline fun LazyListScope.CurrencyCell(
-    data: Map<Char, List<CurrencyItem>>,
+    data: Map<String, List<CurrencyItem>>,
+    selectedCurrency: Currency?,
     noinline onItemClick: (CurrencyItem) -> Unit,
 ) {
     item {
@@ -187,31 +191,33 @@ private inline fun LazyListScope.CurrencyCell(
         SpacerHeadline2()
     }
 
-    data.forEach { (initial, currenciesForInitial) ->
-        stickyHeader {
-            Box(
-                modifier = Modifier
-                    .fillMaxWidth()
-                    .background(color = MaterialTheme.colorScheme.surface)
-            ) {
-                Text(
-                    style = MaterialTheme.typography.titleSmall.copy(color = MaterialTheme.colorScheme.onBackground, fontSize = 16.sp),
-                    text = initial.toString(),
-                    modifier = Modifier.padding(horizontal = 32.dp, vertical = 8.dp)
-                )
+    data.forEach { (title, currencies) ->
+        if (title.isNotBlank()) {
+            stickyHeader {
+                Box(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .background(color = MaterialTheme.colorScheme.surface)
+                ) {
+                    Text(
+                        style = MaterialTheme.typography.titleSmall.copy(color = MaterialTheme.colorScheme.onBackground, fontSize = 16.sp),
+                        text = title,
+                        modifier = Modifier.padding(horizontal = 32.dp, vertical = 8.dp)
+                    )
+                }
             }
         }
 
-        val size = currenciesForInitial.size
+        val size = currencies.size
         itemsIndexed(
-            items = currenciesForInitial,
-            key = { _, item -> item.currency.countryCode + item.currency.currencyCode }
+            items = currencies,
+            key = { index, item -> index.toString() + item.currency.countryCode + item.currency.currencyCode }
         ) { index, item ->
             CurrencyItemCell(
                 currencySymbol = item.currencySymbol,
                 flag = item.flag,
                 countryName = item.countryName,
-                selected = item.selected,
+                selected = item.currency == selectedCurrency,
                 shape = cellShape(index, size),
                 showDivider = shouldShowDivider(index, size),
                 onClick = { onItemClick(item) }
@@ -234,6 +240,7 @@ private fun CurrencyItemCell(
         modifier = Modifier
             .fillMaxWidth()
             .padding(horizontal = 16.dp)
+            .clip(shape)
             .clickable(onClick = onClick),
         shape = shape,
         color = MaterialTheme.colorScheme.secondary,

app/src/main/java/com/wisnu/kurniawan/wallee/features/onboarding/ui/OnboardingState.kt

@@ -8,38 +8,37 @@ import com.wisnu.kurniawan.wallee.model.Currency
 
 @Immutable
 data class OnboardingState(
-    val currencyItems: List<CurrencyItem> = listOf()
+    val selectedCurrency: Currency? = null,
+    val currencyItems: List<CurrencyItem> = listOf(),
+    val currentCountryCode: String = ""
 )
 
 data class CurrencyItem(
     val currencySymbol: String,
     val flag: String,
-    val selected: Boolean,
     val countryName: String,
+    val countryCode: String,
     val currency: Currency
 )
 
 // Derived state
 @Composable
 fun OnboardingState.rememberGroupedCurrencyItems() = remember(currencyItems) {
-    derivedStateOf { currencyItems.groupedCurrencyItems() }
-}
-
-// Collections
-fun List<CurrencyItem>.select(currency: Currency): List<CurrencyItem> {
-    return map {
-        it.copy(selected = it.currency == currency)
+    derivedStateOf {
+        val defaultCurrency = currencyItems.find { it.countryCode == currentCountryCode }
+        if (defaultCurrency != null) {
+            mapOf(" " to listOf(defaultCurrency)) + currencyItems.groupedCurrencyItems()
+        } else {
+            currencyItems.groupedCurrencyItems()
+        }
     }
 }
 
-fun List<CurrencyItem>.selected(): CurrencyItem? {
-    return find { it.selected }
-}
-
-fun List<CurrencyItem>.groupedCurrencyItems(): Map<Char, List<CurrencyItem>> {
-    return groupBy { it.countryName.first() }
+// Collections
+fun List<CurrencyItem>.groupedCurrencyItems(): Map<String, List<CurrencyItem>> {
+    return groupBy { it.countryName.first().toString() }
 }
 
 fun OnboardingState.canSave(): Boolean {
-    return currencyItems.any { it.selected }
+    return selectedCurrency != null
 }

app/src/main/java/com/wisnu/kurniawan/wallee/features/onboarding/ui/OnboardingViewModel.kt

@@ -27,6 +27,12 @@ class OnboardingViewModel @Inject constructor(
     }
 
     private fun initLoad() {
+        viewModelScope.launch {
+            environment.getCurrentCountryCode()
+                .collect {
+                    setState { copy(currentCountryCode = it) }
+                }
+        }
         viewModelScope.launch {
             setState { copy(currencyItems = initialCurrencyItems()) }
         }
@@ -38,10 +44,8 @@ class OnboardingViewModel @Inject constructor(
                 .filter { it }
                 .distinctUntilChanged { old, new -> old != new }
                 .collect {
-                    state.value.currencyItems.selected()?.let {
-                        environment.saveAccount(it.currency)
-                        setEffect(OnboardingEffect.ClosePage)
-                    }
+                    environment.saveAccount(state.value.selectedCurrency!!)
+                    setEffect(OnboardingEffect.ClosePage)
                 }
         }
     }
@@ -53,7 +57,7 @@ class OnboardingViewModel @Inject constructor(
             }
             is OnboardingAction.SelectCurrency -> {
                 viewModelScope.launch {
-                    setState { copy(currencyItems = currencyItems.select(action.item)) }
+                    setState { copy(selectedCurrency = action.item) }
                 }
             }
         }
@@ -69,8 +73,8 @@ class OnboardingViewModel @Inject constructor(
                 CurrencyItem(
                     currencySymbol = value.symbol,
                     flag = flag,
-                    selected = false,
                     countryName = countryName,
+                    countryCode = it,
                     currency = Currency(
                         key,
                         it

app/src/main/java/com/wisnu/kurniawan/wallee/foundation/extension/CountryExt.kt

@@ -0,0 +1,22 @@
+package com.wisnu.kurniawan.wallee.foundation.extension
+
+import android.content.Context
+import android.telephony.TelephonyManager
+import java.util.*
+
+/**
+ * Returns the upper-case ISO 3166-1 alpha-2 country code of the current registered operator's MCC
+ * (Mobile Country Code), or the country code of the default Locale if not available.
+ *
+ * @param context A context to access the telephony service. If null, only the Locale can be used.
+ * @return The upper-case ISO 3166-1 alpha-2 country code, or an empty String if unavailable.
+ */
+fun getCountryCode(context: Context): String {
+    val telephonyManager: TelephonyManager = context.getSystemService(Context.TELEPHONY_SERVICE) as TelephonyManager
+    val countryCode: String = telephonyManager.networkCountryIso
+    return if (countryCode.isNotEmpty()) {
+        countryCode.uppercase(Locale.US)
+    } else {
+        Locale.getDefault().country.uppercase(Locale.US)
+    }
+}