[Payment Method Improvements] Cash Payment Improvements

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/payments/methodselection/ChangeDueCalculatorFragment.kt

@@ -0,0 +1,55 @@
+package com.woocommerce.android.ui.payments.methodselection
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.ComposeView
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import androidx.fragment.app.Fragment
+import com.woocommerce.android.R
+
+class ChangeDueCalculatorFragment : Fragment() {
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View {
+        return ComposeView(requireContext()).apply {
+            setContent {
+                ChangeDueCalculatorScreen()
+            }
+        }
+    }
+
+    @Composable
+    fun ChangeDueCalculatorScreen() {
+        // This can be passed through arguments if needed
+        val orderId = arguments?.getLong("orderId") ?: 0L
+
+        Column(
+            modifier = Modifier
+                .fillMaxSize()
+                .padding(16.dp),
+            verticalArrangement = Arrangement.Center,
+            horizontalAlignment = Alignment.CenterHorizontally
+        ) {
+            // Title
+            Text(
+                text = stringResource(R.string.payments_hub_title) + " " + orderId,
+                style = MaterialTheme.typography.h5,
+                modifier = Modifier.padding(bottom = 16.dp)
+            )
+        }
+    }
+}

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/payments/methodselection/ChangeDueCalculatorViewModel.kt

@@ -0,0 +1,7 @@
+package com.woocommerce.android.ui.payments.methodselection
+
+import androidx.lifecycle.ViewModel
+
+class ChangeDueCalculatorViewModel : ViewModel() {
+    // State variables and methods
+}

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/payments/methodselection/SelectPaymentMethodFragment.kt

@@ -254,6 +254,15 @@ class SelectPaymentMethodFragment : BaseFragment(R.layout.fragment_select_paymen
                     findNavController().navigateSafely(action)
                 }
 
+                is NavigateToChangeDueCalculatorScreen -> {
+                    val action =
+                        SelectPaymentMethodFragmentDirections
+                            .actionSelectPaymentMethodFragmentToChangeDueCalculatorFragment(
+                                orderId = event.order.id
+                            )
+                    findNavController().navigate(action)
+                }
+
                 is NavigateToTapToPaySummary -> {
                     findNavController().navigateSafely(
                         SelectPaymentMethodFragmentDirections

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/payments/methodselection/SelectPaymentMethodViewModel.kt

@@ -39,6 +39,7 @@ import com.woocommerce.android.ui.payments.tracking.CardReaderTrackingInfoKeeper
 import com.woocommerce.android.ui.payments.tracking.PaymentsFlowTracker
 import com.woocommerce.android.util.CoroutineDispatchers
 import com.woocommerce.android.util.CurrencyFormatter
+import com.woocommerce.android.util.FeatureFlag
 import com.woocommerce.android.viewmodel.MultiLiveEvent
 import com.woocommerce.android.viewmodel.ScopedViewModel
 import com.woocommerce.android.viewmodel.navArgs
@@ -229,23 +230,34 @@ class SelectPaymentMethodViewModel @Inject constructor(
     }
 
     fun onCashPaymentClicked() {
+        if (FeatureFlag.OTHER_PAYMENT_METHODS.isEnabled()) {
+            handleCashPaymentClick()
+        } else {
+            launch {
+                trackPaymentMethodSelection(VALUE_SIMPLE_PAYMENTS_COLLECT_CASH)
+                val messageIdForPaymentType = when (cardReaderPaymentFlowParam.paymentType) {
+                    SIMPLE, TRY_TAP_TO_PAY -> R.string.simple_payments_cash_dlg_message
+                    ORDER, ORDER_CREATION -> R.string.existing_order_cash_dlg_message
+                }
+                triggerEvent(
+                    MultiLiveEvent.Event.ShowDialog(
+                        titleId = R.string.simple_payments_cash_dlg_title,
+                        messageId = messageIdForPaymentType,
+                        positiveButtonId = R.string.simple_payments_cash_dlg_button,
+                        positiveBtnAction = { _, _ ->
+                            onCashPaymentConfirmed()
+                        },
+                        negativeButtonId = R.string.cancel
+                    )
+                )
+            }
+        }
+    }
+
+    private fun handleCashPaymentClick() {
         launch {
             trackPaymentMethodSelection(VALUE_SIMPLE_PAYMENTS_COLLECT_CASH)
-            val messageIdForPaymentType = when (cardReaderPaymentFlowParam.paymentType) {
-                SIMPLE, TRY_TAP_TO_PAY -> R.string.simple_payments_cash_dlg_message
-                ORDER, ORDER_CREATION -> R.string.existing_order_cash_dlg_message
-            }
-            triggerEvent(
-                MultiLiveEvent.Event.ShowDialog(
-                    titleId = R.string.simple_payments_cash_dlg_title,
-                    messageId = messageIdForPaymentType,
-                    positiveButtonId = R.string.simple_payments_cash_dlg_button,
-                    positiveBtnAction = { _, _ ->
-                        onCashPaymentConfirmed()
-                    },
-                    negativeButtonId = R.string.cancel
-                )
-            )
+            triggerEvent(NavigateToChangeDueCalculatorScreen(order.first()))
         }
     }
 

WooCommerce/src/main/kotlin/com/woocommerce/android/ui/payments/methodselection/SharePaymentUrl.kt

@@ -44,4 +44,8 @@ data class NavigateBackToOrderList(
     val order: Order
 ) : MultiLiveEvent.Event()
 
+data class NavigateToChangeDueCalculatorScreen(
+    val order: Order
+) : MultiLiveEvent.Event()
+
 data class OpenGenericWebView(val url: String) : MultiLiveEvent.Event()

WooCommerce/src/main/res/navigation/nav_graph_payment_flow.xml

@@ -46,6 +46,15 @@
                 android:name="orderId"
                 app:argType="long" />
         </action>
+        <action
+            android:id="@+id/action_selectPaymentMethodFragment_to_changeDueCalculatorFragment"
+            app:destination="@+id/changeDueCalculatorFragment"
+            app:popUpTo="@+id/changeDueCalculatorFragment"
+            app:popUpToInclusive="true">
+            <argument
+                android:name="orderId"
+                app:argType="long" />
+        </action>
         <action
             android:id="@+id/action_selectPaymentMethodFragment_to_tapToPaySummaryFragment"
             app:destination="@id/tapToPaySummaryFragment"
@@ -56,6 +65,12 @@
             app:destination="@id/scanToPayDialogFragment" />
     </fragment>
 
+    <fragment
+        android:id="@+id/changeDueCalculatorFragment"
+        android:name="com.woocommerce.android.ui.payments.methodselection.ChangeDueCalculatorFragment"
+        android:label="ChangeDueCalculatorFragment" />
+
+
     <!-- Onboarding flow -->
     <dialog
         android:id="@+id/cardReaderStatusCheckerDialogFragment"