Move store creation plan features to a separate SwiftUI view.

Author: jaclync

WooCommerce/Classes/Authentication/Store Creation/Plan/StoreCreationPlanFeaturesView.swift

@@ -0,0 +1,28 @@
+import SwiftUI
+
+/// Displays a vertical list of features included in the WPCOM plan during the store creation flow.
+struct StoreCreationPlanFeaturesView: View {
+    /// Features to show in a vertical list.
+    let features: [StoreCreationPlanViewModel.Feature]
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: 16) {
+            ForEach(features, id: \.title) { feature in
+                HStack(spacing: 12) {
+                    Image(uiImage: feature.icon)
+                        .renderingMode(.template)
+                        .foregroundColor(Color(.wooCommercePurple(.shade90)))
+                    Text(feature.title)
+                        .foregroundColor(Color(.label))
+                        .bodyStyle()
+                }
+            }
+        }
+    }
+}
+
+struct StoreCreationPlanFeaturesView_Previews: PreviewProvider {
+    static var previews: some View {
+        StoreCreationPlanFeaturesView(features: [.init(icon: .megaphoneIcon, title: "Get updates!")])
+    }
+}

WooCommerce/Classes/Authentication/Store Creation/Plan/StoreCreationPlanView.swift

@@ -113,18 +113,7 @@ struct StoreCreationPlanView: View {
                             .frame(height: 32)
 
                         // Plan features.
-                        VStack(alignment: .leading, spacing: 16) {
-                            ForEach(viewModel.features, id: \.title) { feature in
-                                HStack(spacing: 12) {
-                                    Image(uiImage: feature.icon)
-                                        .renderingMode(.template)
-                                        .foregroundColor(Color(.wooCommercePurple(.shade90)))
-                                    Text(feature.title)
-                                        .foregroundColor(Color(.label))
-                                        .bodyStyle()
-                                }
-                            }
-                        }
+                        StoreCreationPlanFeaturesView(features: viewModel.features)
                     }
                     .padding(Layout.defaultPadding)
                 }

WooCommerce/WooCommerce.xcodeproj/project.pbxproj

@@ -278,6 +278,7 @@
 		0282DD96233C960C006A5FDB /* SearchResultCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0282DD95233C960C006A5FDB /* SearchResultCell.swift */; };
 		0282DD98233CA093006A5FDB /* OrderSearchUICommand.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0282DD97233CA093006A5FDB /* OrderSearchUICommand.swift */; };
 		0285BF7022FBD91C003A2525 /* TopPerformersSectionHeaderView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0285BF6F22FBD91C003A2525 /* TopPerformersSectionHeaderView.swift */; };
+		02863F6A29246E18006A06AA /* StoreCreationPlanFeaturesView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 02863F6929246E18006A06AA /* StoreCreationPlanFeaturesView.swift */; };
 		0286837727B25930000E5785 /* HubMenuViewModelTests.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0286837627B25930000E5785 /* HubMenuViewModelTests.swift */; };
 		0286B27A23C7051F003D784B /* ProductImagesCollectionViewController.xib in Resources */ = {isa = PBXBuildFile; fileRef = 0286B27623C7051F003D784B /* ProductImagesCollectionViewController.xib */; };
 		0286B27B23C7051F003D784B /* ProductImagesCollectionViewController.swift in Sources */ = {isa = PBXBuildFile; fileRef = 0286B27723C7051F003D784B /* ProductImagesCollectionViewController.swift */; };
@@ -2242,6 +2243,7 @@
 		0282DD95233C960C006A5FDB /* SearchResultCell.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SearchResultCell.swift; sourceTree = "<group>"; };
 		0282DD97233CA093006A5FDB /* OrderSearchUICommand.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = OrderSearchUICommand.swift; sourceTree = "<group>"; };
 		0285BF6F22FBD91C003A2525 /* TopPerformersSectionHeaderView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TopPerformersSectionHeaderView.swift; sourceTree = "<group>"; };
+		02863F6929246E18006A06AA /* StoreCreationPlanFeaturesView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = StoreCreationPlanFeaturesView.swift; sourceTree = "<group>"; };
 		0286837627B25930000E5785 /* HubMenuViewModelTests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = HubMenuViewModelTests.swift; sourceTree = "<group>"; };
 		0286B27623C7051F003D784B /* ProductImagesCollectionViewController.xib */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.xib; path = ProductImagesCollectionViewController.xib; sourceTree = "<group>"; };
 		0286B27723C7051F003D784B /* ProductImagesCollectionViewController.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = ProductImagesCollectionViewController.swift; sourceTree = "<group>"; };
@@ -4949,6 +4951,7 @@
 			children = (
 				02EEA9272923338100D05F47 /* StoreCreationPlanView.swift */,
 				020AF66229235860007760E5 /* StoreCreationPlanViewModel.swift */,
+				02863F6929246E18006A06AA /* StoreCreationPlanFeaturesView.swift */,
 			);
 			path = Plan;
 			sourceTree = "<group>";
@@ -10497,6 +10500,7 @@
 				DE0A2EAA281BA083007A8015 /* ProductCategoryList.swift in Sources */,
 				02AC30CF2888EC8100146A25 /* WooAnalyticsEvent+LoginOnboarding.swift in Sources */,
 				2667BFEB2535FF09008099D4 /* RefundShippingCalculationUseCase.swift in Sources */,
+				02863F6A29246E18006A06AA /* StoreCreationPlanFeaturesView.swift in Sources */,
 				B6C838DE28793B3A003AB786 /* OrderCustomFieldsViewModel.swift in Sources */,
 				E1E125AA26EB42530068A9B0 /* CardPresentModalUpdateProgress.swift in Sources */,
 				E1C5E78226C2A971008D4C47 /* InPersonPaymentsPluginNotSetup.swift in Sources */,