7855 Show webview when JITM CTA is tapped

Author: joshheald

WooCommerce/Classes/ViewModels/Feature Announcement Cards/JustInTimeMessageAnnouncementCardViewModel.swift

@@ -18,8 +18,10 @@ struct JustInTimeMessageAnnouncementCardViewModel: AnnouncementCardViewModelProt
         // No-op
     }
 
+    let onCTATapped: (() -> Void)?
+
     func ctaTapped() {
-        // No-op
+        onCTATapped?()
     }
 
     var showDismissConfirmation: Bool = false

WooCommerce/Classes/ViewRelated/Dashboard/DashboardViewController.swift

@@ -126,6 +126,7 @@ final class DashboardViewController: UIViewController {
         observeStatsVersionForDashboardUIUpdates()
         trackProductsOnboardingEligibility()
         observeAnnouncements()
+        observeShowWebViewSheet()
         if hasAnnouncementFeatureFlag {
             viewModel.syncAnnouncements(for: siteID)
         }
@@ -305,6 +306,23 @@ private extension DashboardViewController {
         }.store(in: &subscriptions)
     }
 
+    func observeShowWebViewSheet() {
+        viewModel.$showWebViewSheet.sink { [weak self] viewModel in
+            guard let self = self else { return }
+            guard let viewModel = viewModel else { return }
+            self.openWebView(viewModel: viewModel)
+        }
+        .store(in: &subscriptions)
+    }
+
+    private func openWebView(viewModel: WebViewSheetViewModel) {
+        let cardReaderWebview = WebViewSheet(viewModel: viewModel) { [weak self] in
+            self?.dismiss(animated: true)
+        }
+        let hostingController = UIHostingController(rootView: cardReaderWebview)
+        present(hostingController, animated: true, completion: nil)
+    }
+
     // This is used so we have a specific type for the view while applying modifiers.
     struct AnnouncementCardWrapper: View {
         let cardView: FeatureAnnouncementCardView
@@ -323,8 +341,8 @@ private extension DashboardViewController {
             }
 
             let cardView = FeatureAnnouncementCardView(viewModel: viewModel,
-                                                               dismiss: {},
-                                                               callToAction: {})
+                                                       dismiss: {},
+                                                       callToAction: {})
 
             self.showAnnouncement(AnnouncementCardWrapper(cardView: cardView))
         }

WooCommerce/Classes/ViewRelated/Dashboard/DashboardViewModel.swift

@@ -9,6 +9,8 @@ final class DashboardViewModel {
 
     @Published private(set) var announcementViewModel: AnnouncementCardViewModelProtocol? = nil
 
+    @Published private(set) var showWebViewSheet: WebViewSheetViewModel? = nil
+
     private let stores: StoresManager
 
     init(stores: StoresManager = ServiceLocator.stores) {
@@ -107,9 +109,20 @@ final class DashboardViewModel {
                 hook: .adminNotices) { result in
                     switch result {
                     case let .success(.some(message)):
-                        let viewModel = JustInTimeMessageAnnouncementCardViewModel(title: message.title,
-                                                                                   message: message.detail,
-                                                                                   buttonTitle: message.buttonTitle)
+                        let viewModel = JustInTimeMessageAnnouncementCardViewModel(
+                            title: message.title,
+                            message: message.detail,
+                            buttonTitle: message.buttonTitle,
+                            onCTATapped: { [weak self] in
+                                guard let self = self,
+                                      let url = URL(string: message.url)
+                                else { return }
+                                let webViewModel = WebViewSheetViewModel(
+                                    url: url,
+                                    navigationTitle: message.title,
+                                    wpComAuthenticated: self.needsAuthenticatedWebView(url: url))
+                                self.showWebViewSheet = webViewModel
+                            })
                         self.announcementViewModel = viewModel
                     default:
                         break
@@ -118,6 +131,13 @@ final class DashboardViewModel {
             stores.dispatch(action)
         }
     }
+
+    private func needsAuthenticatedWebView(url: URL) -> Bool {
+        guard let host = url.host else {
+            return false
+        }
+        return Constants.trustedDomains.contains(host)
+    }
 }
 
 // MARK: - Constants
@@ -126,5 +146,6 @@ private extension DashboardViewModel {
     enum Constants {
         static let topEarnerStatsLimit: Int = 5
         static let dashboardScreenName = "my_store"
+        static let trustedDomains = ["woocommerce.com", "wordpress.com"]
     }
 }