feat : bind qr code with savings and loan details screens (#2887)

Author: revanthkumarJ

cmp-navigation/src/commonMain/kotlin/cmp/navigation/authenticated/AuthenticatedNavigation.kt

@@ -124,6 +124,7 @@ internal fun NavGraphBuilder.authenticatedGraph(
             navigateToSavingsAccountTransactionScreen = {
                 navController.navigateToAccountTransactionsScreen(Constants.SAVINGS_ACCOUNT, it)
             },
+            navigateToQrCodeScreen = { navController.navigateToQrDisplayScreen(it) },
         )
 
         loanNavGraph(

core/designsystem/src/commonMain/kotlin/org/mifos/mobile/core/designsystem/theme/Type.kt

@@ -242,6 +242,14 @@ object MifosTypography {
             fontWeight = FontWeight(700),
         )
 
+    val titleLargeEmphasized: TextStyle
+        @Composable get() = TextStyle(
+            fontSize = 22.sp,
+            lineHeight = 28.sp,
+            fontFamily = fontFamily(),
+            fontWeight = FontWeight(500),
+        )
+
     // verified
     val titleMedium: TextStyle
         @Composable get() = TextStyle(

feature/loan-account/build.gradle.kts

@@ -29,6 +29,7 @@ kotlin {
             api(projects.core.ui)
             api(projects.core.model)
             api(projects.core.common)
+            implementation(projects.core.qrcode)
         }
     }
 }

feature/loan-account/src/commonMain/kotlin/org/mifos/mobile/feature/loanaccount/savingsAccountDetails/LoanAccountDetailsScreen.kt

@@ -90,8 +90,7 @@ internal fun LoanAccountDetailsScreen(
                         navigateToLoanSummaryScreen(uiState.accountId)
                     }
                     event.route == Constants.QR_CODE -> {
-//                        TODO Pass actual parsed string
-                        navigateToQrCodeScreen("dummy data")
+                        navigateToQrCodeScreen(viewModel.getQrString())
                     }
                 }
             }

feature/loan-account/src/commonMain/kotlin/org/mifos/mobile/feature/loanaccount/savingsAccountDetails/LoanAccountDetailsViewModel.kt

@@ -28,7 +28,10 @@ import org.mifos.mobile.core.common.CurrencyFormatter
 import org.mifos.mobile.core.common.DataState
 import org.mifos.mobile.core.common.DateHelper
 import org.mifos.mobile.core.data.repository.LoanRepository
+import org.mifos.mobile.core.datastore.UserPreferencesRepository
 import org.mifos.mobile.core.model.entity.accounts.loan.LoanWithAssociations
+import org.mifos.mobile.core.model.enums.AccountType
+import org.mifos.mobile.core.qr.getAccountDetailsInString
 import org.mifos.mobile.core.ui.utils.BaseViewModel
 import org.mifos.mobile.feature.loanaccount.component.LoanActionItems
 import org.mifos.mobile.feature.loanaccount.component.loanAccountActions
@@ -40,6 +43,7 @@ import org.mifos.mobile.feature.loanaccount.component.loanAccountActions
  */
 internal class LoanAccountDetailsViewModel(
     private val loanAccountRepositoryImp: LoanRepository,
+    private val userPreferencesRepository: UserPreferencesRepository,
     savedStateHandle: SavedStateHandle,
 ) : BaseViewModel<LoanAccountDetailsState, LoanAccountDetailsEvent, LoanAccountDetailsAction>(
     initialState = run {
@@ -94,6 +98,19 @@ internal class LoanAccountDetailsViewModel(
         mutableStateFlow.update { it.copy(dialogState = null) }
     }
 
+    fun getQrString(): String {
+        val officeName = userPreferencesRepository.userInfo.value.officeName
+        return if (officeName.isNotEmpty()) {
+            return getAccountDetailsInString(
+                state.accountId.toInt(),
+                officeName,
+                AccountType.LOAN.name,
+            )
+        } else {
+            ""
+        }
+    }
+
     /**
      * Processes the loan account result from the repository.
      */

feature/qr/src/commonMain/composeResources/values/strings.xml

@@ -32,4 +32,8 @@
     <string name="invalid_qr">You can't make action into your account, please scan other user
         Savings and Loans Account QRCode
     </string>
+    <string name="scan_your_qr">Scan your QR</string>
+    <string name="qr_scan_instruction">Import the account details in your app by scanning this QR code.</string>
+    <string name="qr_alignment_instruction">Please, align QR Code within the frame to make scanning easily detectable.</string>
+    <string name="generated_on">Generated on : %s</string>
 </resources>

feature/qr/src/commonMain/kotlin/org/mifos/mobile/feature/qr/navigation/QrNavGraph.kt

@@ -11,35 +11,46 @@ package org.mifos.mobile.feature.qr.navigation
 
 import androidx.navigation.NavController
 import androidx.navigation.NavGraphBuilder
-import androidx.navigation.NavType
+import androidx.navigation.NavOptions
 import androidx.navigation.compose.composable
 import androidx.navigation.compose.navigation
-import androidx.navigation.navArgument
+import kotlinx.serialization.Serializable
 import org.mifos.mobile.core.model.entity.beneficiary.Beneficiary
 import org.mifos.mobile.core.model.enums.BeneficiaryState
 import org.mifos.mobile.feature.qr.qr.QrCodeReaderScreen
 import org.mifos.mobile.feature.qr.qrCodeDisplay.QrCodeDisplayScreen
 import org.mifos.mobile.feature.qr.qrCodeImport.QrCodeImportScreen
 
-fun NavController.navigateToQrDisplayScreen(qrString: String) {
-    navigate(QrNavigation.QrDisplayScreen.passArguments(qrString = qrString))
+@Serializable
+data object QrGraphRoute
+
+@Serializable
+data object QrReaderScreenRoute
+
+@Serializable
+data class QrDisplayScreenRoute(val qrString: String = "")
+
+@Serializable
+data object QrImportScreenRoute
+
+fun NavController.navigateToQrReaderScreen(navOptions: NavOptions? = null) {
+    this.navigate(QrReaderScreenRoute, navOptions)
 }
 
-fun NavController.navigateToQrImportScreen() {
-    navigate(QrNavigation.QrImportScreen.route)
+fun NavController.navigateToQrImportScreen(navOptions: NavOptions? = null) {
+    this.navigate(QrImportScreenRoute, navOptions)
 }
 
-fun NavController.navigateToQrReaderScreen() {
-    navigate(QrNavigation.QrReaderScreen.route)
+fun NavController.navigateToQrDisplayScreen(qrString: String, navOptions: NavOptions? = null) {
+    this.navigate(QrDisplayScreenRoute(qrString), navOptions)
 }
 
 fun NavGraphBuilder.qrNavGraph(
     navController: NavController,
     openBeneficiaryApplication: (Beneficiary, BeneficiaryState) -> Unit,
 ) {
-    navigation(
-        startDestination = QrNavigation.QrDisplayScreen.route,
-        route = QrNavigation.QrBase.route,
+    navigation<QrGraphRoute>(
+        startDestination = QrDisplayScreenRoute(),
     ) {
         readerRoute(
             navigateBack = navController::popBackStack,
@@ -61,7 +72,7 @@ fun NavGraphBuilder.readerRoute(
     navigateBack: () -> Unit,
     openBeneficiaryApplication: (Beneficiary, BeneficiaryState) -> Unit,
 ) {
-    composable(route = QrNavigation.QrReaderScreen.route) {
+    composable<QrReaderScreenRoute> {
         QrCodeReaderScreen(
             navigateBack = navigateBack,
             openBeneficiaryApplication = openBeneficiaryApplication,
@@ -72,12 +83,7 @@ fun NavGraphBuilder.readerRoute(
 fun NavGraphBuilder.displayRoute(
     navigateBack: () -> Unit,
 ) {
-    composable(
-        route = QrNavigation.QrDisplayScreen.route,
-        arguments = listOf(
-            navArgument(name = QR_ARGS) { type = NavType.StringType },
-        ),
-    ) {
+    composable<QrDisplayScreenRoute> {
         QrCodeDisplayScreen(
             navigateBack = navigateBack,
         )
@@ -88,7 +94,7 @@ fun NavGraphBuilder.importRoute(
     navigateBack: () -> Unit,
     openBeneficiaryApplication: (Beneficiary, BeneficiaryState) -> Unit,
 ) {
-    composable(route = QrNavigation.QrImportScreen.route) {
+    composable<QrImportScreenRoute> {
         QrCodeImportScreen(
             navigateBack = navigateBack,
             openBeneficiaryApplication = openBeneficiaryApplication,