Merge pull request #5386 from woocommerce/issue/5344-connect-summary

Author: Ecarrion

WooCommerce/Classes/ViewRelated/Orders/Simple Payments/SimplePaymentsAmount.swift

@@ -85,6 +85,10 @@ struct SimplePaymentsAmount: View {
     ///
     @ObservedObject private(set) var viewModel: SimplePaymentsAmountViewModel
 
+    /// Tracks if the summary view should be presented.
+    ///
+    @State private var showSummaryView: Bool = false
+
     var body: some View {
         VStack(alignment: .center, spacing: Layout.mainVerticalSpacing) {
 
@@ -104,11 +108,19 @@ struct SimplePaymentsAmount: View {
             Spacer()
 
             // Done button
-            Button(Localization.buttonTitle) {
-                viewModel.createSimplePaymentsOrder()
+            Button(Localization.buttonTitle()) {
+                if ServiceLocator.featureFlagService.isFeatureFlagEnabled(.simplePaymentsPrototype) {
+                    showSummaryView.toggle()
+                } else {
+                    viewModel.createSimplePaymentsOrder()
+                }
             }
             .buttonStyle(PrimaryLoadingButtonStyle(isLoading: viewModel.loading))
             .disabled(viewModel.shouldDisableDoneButton)
+
+            LazyNavigationLink(destination: SimplePaymentsSummary(noteContent: nil), isActive: $showSummaryView) {
+                EmptyView()
+            }
         }
         .padding()
         .navigationTitle(Localization.title)
@@ -128,9 +140,16 @@ private extension SimplePaymentsAmount {
     enum Localization {
         static let title = NSLocalizedString("Take Payment", comment: "Title for the simple payments screen")
         static let instructions = NSLocalizedString("Enter Amount", comment: "Short instructions label in the simple payments screen")
-        static let buttonTitle = NSLocalizedString("Done", comment: "Title for the button to confirm the amount in the simple payments screen")
         static let cancelTitle = NSLocalizedString("Cancel", comment: "Title for the button to cancel the simple payments screen")
         static let error = NSLocalizedString("There was an error creating the order", comment: "Notice text after failing to create a simple payments order.")
+
+        static func buttonTitle() -> String {
+            if ServiceLocator.featureFlagService.isFeatureFlagEnabled(.simplePaymentsPrototype) {
+                return NSLocalizedString("Next", comment: "Title for the button to confirm the amount in the simple payments screen")
+            } else {
+                return NSLocalizedString("Done", comment: "Title for the button to confirm the amount in the simple payments screen")
+            }
+        }
     }
 
     enum Layout {

WooCommerce/Classes/ViewRelated/Orders/Simple Payments/SimplePaymentsSummary.swift

@@ -31,7 +31,8 @@ struct SimplePaymentsSummary: View {
 
             TakePaymentSection()
         }
-        .background(Color(.listBackground))
+        .background(Color(.listBackground).ignoresSafeArea())
+        .navigationTitle(Localization.title)
     }
 }
 
@@ -191,7 +192,7 @@ private struct TakePaymentSection: View {
             .padding()
 
         }
-        .background(Color(.listForeground))
+        .background(Color(.listForeground).ignoresSafeArea())
     }
 }
 
@@ -206,6 +207,7 @@ private extension SimplePaymentsSummary {
     }
 
     enum Localization {
+        static let title = NSLocalizedString("Take Payment", comment: "Title for the simple payments screen")
         static let customAmount = NSLocalizedString("Custom Amount",
                                                     comment: "Title text of the row that shows the provided amount when creating a simple payment")
         static let email = NSLocalizedString("Email",