Merge pull request #14454 from woocommerce/woomob-1022-woo-possettings-prepare-infrastructure-for-the-settings

[WOOMOB-1022][Woo POS][Settings] Implement settings navigation infrastructure to Settings screen

Author: malinajirka

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/woopos/home/WooPosHomeChildToParentCommunication.kt

@@ -40,7 +40,6 @@ sealed class ChildToParentEvent {
     data object ExitPosClicked : ChildToParentEvent()
     data object SimpleProductExplanationMenuItemClicked : ChildToParentEvent()
     data object BarcodeInfoMenuItemClicked : ChildToParentEvent()
-    data object SettingsMenuItemClicked : ChildToParentEvent()
     data object CouponsValidationFailed : ChildToParentEvent()
     data object RemoveCouponsClicked : ChildToParentEvent()
     data class CouponsRemoved(
@@ -55,6 +54,7 @@ sealed class ChildToParentEvent {
         data class ToEmailReceipt(val orderId: Long) : NavigationEvent()
         data object ReturnHomeFromCashWhenCardPaymentStarted : NavigationEvent()
         data object ExitPos : NavigationEvent()
+        data object ToSettings : NavigationEvent()
     }
 
     sealed class SearchEvent : ChildToParentEvent() {

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/woopos/home/WooPosHomeViewModel.kt

@@ -213,12 +213,6 @@ class WooPosHomeViewModel @Inject constructor(
                         )
                     }
 
-                    ChildToParentEvent.SettingsMenuItemClicked -> {
-                        viewModelScope.launch {
-                            _toastEvent.emit("Settings feature coming soon")
-                        }
-                    }
-
                     is ChildToParentEvent.ToastMessageDisplayed -> {
                         viewModelScope.launch {
                             _toastEvent.emit(event.message)

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/woopos/home/toolbar/WooPosToolbarViewModel.kt

@@ -101,7 +101,7 @@ class WooPosToolbarViewModel @Inject constructor(
         when (event.menuItem.title) {
             R.string.woopos_settings_title -> {
                 viewModelScope.launch {
-                    childrenToParentEventSender.sendToParent(ChildToParentEvent.SettingsMenuItemClicked)
+                    childrenToParentEventSender.sendToParent(ChildToParentEvent.NavigationEvent.ToSettings)
                 }
             }
             R.string.woopos_barcode_scanning_title -> {

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/woopos/root/navigation/WooPosMainFlowGraph.kt

@@ -7,6 +7,7 @@ import com.woocommerce.android.ui.woopos.emailreceipt.emailReceiptScreen
 import com.woocommerce.android.ui.woopos.home.WooPosHomeViewModel
 import com.woocommerce.android.ui.woopos.home.eligibilityScreen
 import com.woocommerce.android.ui.woopos.home.homeScreen
+import com.woocommerce.android.ui.woopos.settings.settingsScreen
 import com.woocommerce.android.ui.woopos.splash.SPLASH_ROUTE
 import com.woocommerce.android.ui.woopos.splash.splashScreen
 
@@ -25,5 +26,6 @@ fun NavGraphBuilder.mainGraph(
         cashPaymentScreen(onNavigationEvent = onNavigationEvent)
         emailReceiptScreen(onNavigationEvent = onNavigationEvent)
         eligibilityScreen(onNavigationEvent = onNavigationEvent)
+        settingsScreen(onNavigationEvent = onNavigationEvent)
     }
 }

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/woopos/root/navigation/WooPosNavigationEvent.kt

@@ -14,4 +14,5 @@ sealed class WooPosNavigationEvent {
     data class OpenEligibilityScreenFromSplash(
         val reason: WooPosLaunchability.NonLaunchabilityReason
     ) : WooPosNavigationEvent()
+    data object OpenSettings : WooPosNavigationEvent()
 }

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/woopos/root/navigation/WooPosNavigationEventHandler.kt

@@ -9,6 +9,7 @@ import com.woocommerce.android.ui.woopos.home.navigateToEligibilityScreen
 import com.woocommerce.android.ui.woopos.home.navigateToHomeScreen
 import com.woocommerce.android.ui.woopos.home.navigateToHomeScreenAfterSuccessfulCashPayment
 import com.woocommerce.android.ui.woopos.home.navigateToHomeScreenIfHomeScreenNotOpen
+import com.woocommerce.android.ui.woopos.settings.navigateToSettingsScreen
 import com.woocommerce.android.ui.woopos.util.analytics.WooPosAnalyticsEvent.Event.BackToCheckoutFromCash
 import com.woocommerce.android.ui.woopos.util.analytics.WooPosAnalyticsTracker
 import kotlinx.coroutines.CoroutineScope
@@ -42,5 +43,6 @@ fun NavHostController.handleNavigationEvent(
 
         is WooPosNavigationEvent.OpenEligibilityScreenFromSplash ->
             navigateToEligibilityScreen(event.reason)
+        is WooPosNavigationEvent.OpenSettings -> navigateToSettingsScreen()
     }
 }

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/woopos/root/navigation/WooPosRootHost.kt

@@ -11,6 +11,7 @@ import com.woocommerce.android.ui.woopos.home.WooPosHomeViewModel
 import com.woocommerce.android.ui.woopos.root.navigation.WooPosNavigationEvent.ExitPosClicked
 import com.woocommerce.android.ui.woopos.root.navigation.WooPosNavigationEvent.OpenCashPayment
 import com.woocommerce.android.ui.woopos.root.navigation.WooPosNavigationEvent.OpenEmailReceipt
+import com.woocommerce.android.ui.woopos.root.navigation.WooPosNavigationEvent.OpenSettings
 import com.woocommerce.android.ui.woopos.root.navigation.WooPosNavigationEvent.ReturnHomeFromCashPayment
 
 @Composable
@@ -27,6 +28,7 @@ fun WooPosRootHost(
                 is NavigationEvent.ToEmailReceipt -> onNavigationEvent(OpenEmailReceipt(it.orderId))
                 NavigationEvent.ExitPos -> onNavigationEvent(ExitPosClicked)
                 NavigationEvent.ReturnHomeFromCashWhenCardPaymentStarted -> onNavigationEvent(ReturnHomeFromCashPayment)
+                NavigationEvent.ToSettings -> onNavigationEvent(OpenSettings)
             }
         }
     }

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/woopos/settings/WooPosSettingsNavigation.kt

@@ -0,0 +1,43 @@
+package com.woocommerce.android.ui.woopos.settings
+
+import androidx.compose.animation.slideInHorizontally
+import androidx.compose.animation.slideOutHorizontally
+import androidx.navigation.NavController
+import androidx.navigation.NavGraphBuilder
+import androidx.navigation.compose.composable
+import com.woocommerce.android.ui.woopos.home.HOME_ROUTE
+import com.woocommerce.android.ui.woopos.root.navigation.WooPosNavigationEvent
+import com.woocommerce.android.ui.woopos.root.navigation.navigateOnce
+
+const val SETTINGS_ROUTE = "$HOME_ROUTE/settings"
+
+fun NavController.navigateToSettingsScreen() {
+    navigateOnce(SETTINGS_ROUTE)
+}
+
+fun NavGraphBuilder.settingsScreen(
+    onNavigationEvent: (WooPosNavigationEvent) -> Unit
+) {
+    composable(
+        route = SETTINGS_ROUTE,
+        enterTransition = {
+            slideInHorizontally(
+                initialOffsetX = { fullWidth -> fullWidth },
+            )
+        },
+        exitTransition = {
+            slideOutHorizontally(
+                targetOffsetX = { fullWidth -> -fullWidth },
+            )
+        },
+        popExitTransition = {
+            slideOutHorizontally(
+                targetOffsetX = { fullWidth -> fullWidth },
+            )
+        },
+    ) {
+        WooPosSettingsScreen(
+            onNavigationEvent = onNavigationEvent,
+        )
+    }
+}

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/woopos/settings/WooPosSettingsScreen.kt

@@ -0,0 +1,28 @@
+package com.woocommerce.android.ui.woopos.settings
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.hilt.navigation.compose.hiltViewModel
+import com.woocommerce.android.ui.woopos.common.composeui.component.WooPosText
+import com.woocommerce.android.ui.woopos.common.composeui.designsystem.WooPosTypography
+import com.woocommerce.android.ui.woopos.root.navigation.WooPosNavigationEvent
+
+@Composable
+@Suppress("UnusedParameter")
+fun WooPosSettingsScreen(
+    onNavigationEvent: (WooPosNavigationEvent) -> Unit,
+    viewModel: WooPosSettingsViewModel = hiltViewModel()
+) {
+    Box(
+        modifier = Modifier.fillMaxSize(),
+        contentAlignment = Alignment.Center
+    ) {
+        WooPosText(
+            text = "Settings Screen",
+            style = WooPosTypography.Heading,
+        )
+    }
+}

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/woopos/settings/WooPosSettingsViewModel.kt

@@ -0,0 +1,8 @@
+package com.woocommerce.android.ui.woopos.settings
+
+import androidx.lifecycle.ViewModel
+import dagger.hilt.android.lifecycle.HiltViewModel
+import javax.inject.Inject
+
+@HiltViewModel
+class WooPosSettingsViewModel @Inject constructor() : ViewModel()