Add a support CTA to store creation summary view.

Author: jaclync

WooCommerce/Classes/Authentication/Store Creation/StoreCreationCoordinator.swift

@@ -436,6 +436,8 @@ private extension StoreCreationCoordinator {
                                planToPurchase: planToPurchase,
                                siteID: result.siteID,
                                siteSlug: result.siteSlug)
+        } onSupport: { [weak self] in
+            self?.showSupport(from: navigationController)
         }
         navigationController.pushViewController(storeSummary, animated: true)
         analytics.track(event: .StoreCreation.siteCreationStep(step: .storeSummary))

WooCommerce/Classes/Authentication/Store Creation/StoreCreationSummaryView.swift

@@ -2,16 +2,12 @@ import SwiftUI
 
 /// Hosting controller that wraps the `StoreCreationSummaryView`.
 final class StoreCreationSummaryHostingController: UIHostingController<StoreCreationSummaryView> {
-    private let onContinueToPayment: () -> Void
-
     init(viewModel: StoreCreationSummaryViewModel,
-         onContinueToPayment: @escaping () -> Void) {
-        self.onContinueToPayment = onContinueToPayment
-        super.init(rootView: StoreCreationSummaryView(viewModel: viewModel))
-
-        rootView.onContinueToPayment = { [weak self] in
-            self?.onContinueToPayment()
-        }
+         onContinueToPayment: @escaping () -> Void,
+         onSupport: @escaping () -> Void) {
+        super.init(rootView: StoreCreationSummaryView(viewModel: viewModel,
+                                                      onContinueToPayment: onContinueToPayment,
+                                                      onSupport: onSupport))
     }
 
     @available(*, unavailable)
@@ -52,13 +48,17 @@ struct StoreCreationSummaryViewModel {
 
 /// Displays a summary of the store creation flow with the store information (e.g. store name, store slug).
 struct StoreCreationSummaryView: View {
-    /// Set in the hosting controller.
-    var onContinueToPayment: (() -> Void) = {}
+    private let onContinueToPayment: () -> Void
+    private let onSupport: () -> Void
 
     private let viewModel: StoreCreationSummaryViewModel
 
-    init(viewModel: StoreCreationSummaryViewModel) {
+    init(viewModel: StoreCreationSummaryViewModel,
+         onContinueToPayment: @escaping () -> Void,
+         onSupport: @escaping () -> Void) {
         self.viewModel = viewModel
+        self.onContinueToPayment = onContinueToPayment
+        self.onSupport = onSupport
     }
 
     var body: some View {
@@ -126,6 +126,18 @@ struct StoreCreationSummaryView: View {
                 .padding(Layout.defaultButtonPadding)
             }
         }
+        .toolbar {
+            ToolbarItem(placement: .navigationBarTrailing) {
+                Button {
+                    onSupport()
+                } label: {
+                    Image(uiImage: .helpOutlineImage)
+                        .renderingMode(.template)
+                        .linkStyle()
+                }
+                .accessibilityLabel(Localization.supportButtonAccessibilityLabel)
+            }
+        }
         .navigationTitle(Localization.title)
         .navigationBarTitleDisplayMode(.large)
     }
@@ -152,6 +164,10 @@ private extension StoreCreationSummaryView {
             "Continue to Payment",
             comment: "Title of the button on the store creation summary view to continue to payment."
         )
+        static let supportButtonAccessibilityLabel = NSLocalizedString(
+            "Help & Support",
+            comment: "Accessibility label for the Help & Support image navigation bar button in the store creation flow."
+        )
     }
 }
 
@@ -168,12 +184,16 @@ struct StoreCreationSummaryView_Previews: PreviewProvider {
                 .init(storeName: "Fruity shop",
                       storeSlug: "fruityshop.com",
                       categoryName: "Arts and Crafts",
-                      countryCode: .UG))
+                      countryCode: .UG),
+                                 onContinueToPayment: {},
+                                 onSupport: {})
         StoreCreationSummaryView(viewModel:
                 .init(storeName: "Fruity shop",
                       storeSlug: "fruityshop.com",
                       categoryName: "Arts and Crafts",
-                      countryCode: nil))
+                      countryCode: nil),
+                                 onContinueToPayment: {},
+                                 onSupport: {})
         .preferredColorScheme(.dark)
     }
 }