[MBL-1816] PLOT Ineligible state

Kickstarter-iOS/Features/PledgeOverTime/Controller/PledgePaymentPlansViewController.swift

@@ -85,16 +85,20 @@ final class PledgePaymentPlansViewController: UIViewController {
         guard let self = self else { return }
 
         self.pledgeInFullOption.configureWith(value: PledgePaymentPlanOptionData(
+          ineligible: data.ineligible,
           type: .pledgeInFull,
           selectedType: data.selectedPlan,
           paymentIncrements: data.paymentIncrements,
-          project: data.project
+          project: data.project,
+          thresholdAmount: data.thresholdAmount
         ))
         self.pledgeOverTimeOption.configureWith(value: PledgePaymentPlanOptionData(
+          ineligible: data.ineligible,
           type: .pledgeOverTime,
           selectedType: data.selectedPlan,
           paymentIncrements: data.paymentIncrements,
-          project: data.project
+          project: data.project,
+          thresholdAmount: data.thresholdAmount
         ))
       }
 

Kickstarter-iOS/Features/PledgeOverTime/Controller/PledgePaymentPlansViewControllerTest.swift

@@ -6,6 +6,7 @@ import SnapshotTesting
 import UIKit
 
 final class PledgePaymentPlansViewControllerTest: TestCase {
+  private let thresholdAmount = 125.0
   override func setUp() {
     super.setUp()
     AppEnvironment.pushEnvironment(mainBundle: Bundle.framework)
@@ -25,7 +26,11 @@ final class PledgePaymentPlansViewControllerTest: TestCase {
       withEnvironment(language: language) {
         let controller = PledgePaymentPlansViewController.instantiate()
 
-        let data = PledgePaymentPlansAndSelectionData(selectedPlan: .pledgeInFull, project: project)
+        let data = PledgePaymentPlansAndSelectionData(
+          selectedPlan: .pledgeInFull,
+          project: project,
+          thresholdAmount: thresholdAmount
+        )
         controller.configure(with: data)
 
         let (parent, _) = traitControllers(device: device, orientation: .portrait, child: controller)
@@ -48,7 +53,9 @@ final class PledgePaymentPlansViewControllerTest: TestCase {
         let data = PledgePaymentPlansAndSelectionData(
           selectedPlan: .pledgeOverTime,
           increments: testIncrements,
-          project: project
+          ineligible: false,
+          project: project,
+          thresholdAmount: thresholdAmount
         )
         controller.configure(with: data)
 
@@ -60,7 +67,32 @@ final class PledgePaymentPlansViewControllerTest: TestCase {
         let (parent, _) = traitControllers(device: device, orientation: .portrait, child: controller)
         parent.view.frame.size.height = 400
 
-        self.scheduler.advance(by: .seconds(3))
+        self.scheduler.advance(by: .seconds(1))
+
+        assertSnapshot(matching: parent.view, as: .image, named: "lang_\(language)_device_\(device)")
+      }
+    }
+  }
+
+  func testView_PledgeOverTimeIneligible() {
+    orthogonalCombos([Language.en], [Device.pad, Device.phone4_7inch]).forEach { language, device in
+      withEnvironment(language: language) {
+        let controller = PledgePaymentPlansViewController.instantiate()
+
+        let data = PledgePaymentPlansAndSelectionData(
+          selectedPlan: .pledgeInFull,
+          increments: testPledgePaymentIncrement(),
+          ineligible: true,
+          project: Project.template,
+          thresholdAmount: self.thresholdAmount
+        )
+
+        controller.configure(with: data)
+
+        let (parent, _) = traitControllers(device: device, orientation: .portrait, child: controller)
+        parent.view.frame.size.height = 120
+
+        self.scheduler.advance(by: .seconds(1))
 
         assertSnapshot(matching: parent.view, as: .image, named: "lang_\(language)_device_\(device)")
       }

Kickstarter-iOS/Features/PledgeOverTime/Views/PledgePaymentPlanOptionView.swift

@@ -8,9 +8,14 @@ private enum Constants {
   public static let detailsStackViewSpacing = Styles.grid(6)
   public static let incrementStackViewSpacing = Styles.gridHalf(1)
   public static let optionDescriptorStackViewSpacing = Styles.grid(1)
+  public static let ineligibleBadgeTopButtonPadding = 6.0
+  public static let ineligibleBadgeLeadingTrailingPadding = 8.0
 
   /// Size
   public static let selectionIndicatorImageWith = Styles.grid(4)
+
+  /// Corner radius
+  public static let defaultCornerRadius = Styles.grid(1)
 }
 
 protocol PledgePaymentPlanOptionViewDelegate: AnyObject {
@@ -34,6 +39,8 @@ final class PledgePaymentPlanOptionView: UIView {
   private lazy var selectionIndicatorImageView: UIImageView = { UIImageView(frame: .zero) }()
   private lazy var termsOfUseButton: UIButton = { UIButton(frame: .zero) }()
   private lazy var paymentIncrementsStackView: UIStackView = { UIStackView(frame: .zero) }()
+  private lazy var ineligibleBadgeLabel: UILabel = { UILabel(frame: .zero) }()
+  private lazy var ineligibleBadgeView: UIView = { UIView(frame: .zero) }()
 
   private let viewModel: PledgePaymentPlansOptionViewModelType = PledgePaymentPlansOptionViewModel()
 
@@ -64,6 +71,7 @@ final class PledgePaymentPlanOptionView: UIView {
     self.optionDescriptorStackView.addArrangedSubviews(
       self.titleLabel,
       self.subtitleLabel,
+      self.ineligibleBadgeView,
       self.termsOfUseButton,
       self.paymentIncrementsStackView
     )
@@ -130,6 +138,30 @@ final class PledgePaymentPlanOptionView: UIView {
     ])
 
     self.termsOfUseButton.setContentHuggingPriority(.required, for: .horizontal)
+
+    self.ineligibleBadgeView.addSubview(self.ineligibleBadgeLabel)
+    self.ineligibleBadgeLabel.translatesAutoresizingMaskIntoConstraints = false
+    self.ineligibleBadgeLabel.setContentHuggingPriority(.required, for: .horizontal)
+    self.ineligibleBadgeView.setContentHuggingPriority(.required, for: .horizontal)
+
+    NSLayoutConstraint.activate([
+      self.ineligibleBadgeLabel.topAnchor.constraint(
+        equalTo: self.ineligibleBadgeView.topAnchor,
+        constant: Constants.ineligibleBadgeTopButtonPadding
+      ),
+      self.ineligibleBadgeLabel.bottomAnchor.constraint(
+        equalTo: self.ineligibleBadgeView.bottomAnchor,
+        constant: -Constants.ineligibleBadgeTopButtonPadding
+      ),
+      self.ineligibleBadgeLabel.leadingAnchor.constraint(
+        equalTo: self.ineligibleBadgeView.leadingAnchor,
+        constant: Constants.ineligibleBadgeLeadingTrailingPadding
+      ),
+      self.ineligibleBadgeLabel.trailingAnchor.constraint(
+        equalTo: self.ineligibleBadgeView.trailingAnchor,
+        constant: -Constants.ineligibleBadgeLeadingTrailingPadding
+      )
+    ])
   }
 
   private func configureTapGestureAndActions() {
@@ -158,6 +190,8 @@ final class PledgePaymentPlanOptionView: UIView {
     applySelectionIndicatorImageViewStyle(self.selectionIndicatorImageView)
     applyTermsOfUseStyle(self.termsOfUseButton)
     applyPaymentIncrementsStackViewStyle(self.paymentIncrementsStackView)
+    applyIneligibleBadgeViewStyle(self.ineligibleBadgeView)
+    applyIneligibleBadgeLabelStyle(self.ineligibleBadgeLabel)
   }
 
   // MARK: - View model
@@ -192,9 +226,21 @@ final class PledgePaymentPlanOptionView: UIView {
         self.delegate?.pledgePaymentPlansViewController(self, didTapTermsOfUseWith: helpType)
       }
 
+    self.ineligibleBadgeView.rac.hidden = self.viewModel.outputs.ineligibleBadgeHidden
+    self.ineligibleBadgeLabel.rac.text = self.viewModel.outputs.ineligibleBadgeText
+
     self.termsOfUseButton.rac.hidden = self.viewModel.outputs.termsOfUseButtonHidden
     self.paymentIncrementsStackView.rac.hidden = self.viewModel.outputs.paymentIncrementsHidden
 
+    self.viewModel.outputs.optionViewEnabled
+      .observeForUI()
+      .observeValues { [weak self] isOptionViewEnabled in
+        guard let self = self else { return }
+
+        self.isUserInteractionEnabled = isOptionViewEnabled
+        applyTextColorByState(self.titleLabel, isEnabled: isOptionViewEnabled)
+      }
+
     self.viewModel.outputs.paymentIncrements
       .observeForUI()
       .observeValues { [weak self] increments in
@@ -284,7 +330,6 @@ private func applyTitleLabelStyle(_ label: UILabel) {
   label.adjustsFontForContentSizeCategory = true
   label.numberOfLines = 0
   label.font = UIFont.ksr_subhead().bolded
-  label.textColor = .ksr_black
 }
 
 private func applySubtitleLabelStyle(_ label: UILabel) {
@@ -317,6 +362,7 @@ private func applyIncrementStackViewStyle(_ stackView: UIStackView) {
 
 private func applyIncrementDetailsStackViewStyle(_ stackview: UIStackView) {
   stackview.axis = .horizontal
+  stackview.distribution = .fill
   stackview.spacing = Constants.detailsStackViewSpacing
 }
 
@@ -334,3 +380,20 @@ private func applyIncrementDateLabelStyle(_ label: UILabel) {
   label.textAlignment = .left
   label.adjustsFontForContentSizeCategory = true
 }
+
+private func applyIneligibleBadgeViewStyle(_ view: UIView) {
+  view.backgroundColor = .ksr_support_100
+  view.rounded(with: Constants.defaultCornerRadius)
+}
+
+private func applyIneligibleBadgeLabelStyle(_ label: UILabel) {
+  label.font = UIFont.ksr_caption1().bolded
+  label.textColor = .ksr_support_500
+  label.textAlignment = .center
+  label.numberOfLines = 0
+  label.adjustsFontForContentSizeCategory = true
+}
+
+private func applyTextColorByState(_ label: UILabel, isEnabled: Bool) {
+  label.textColor = isEnabled ? .ksr_black : .ksr_support_300
+}

Kickstarter-iOS/Features/PledgeView/Controllers/NoShippingPledgeViewControllerTests.swift

@@ -311,6 +311,54 @@ final class NoShippingPledgeViewControllerTests: TestCase {
       RemoteConfigFeature.pledgeOverTime.rawValue: true
     ]
 
+    orthogonalCombos([Language.en], [Device.phone4_7inch, Device.pad])
+      .forEach { language, device in
+        withEnvironment(
+          apiService: mockService,
+          currentUser: User.template,
+          language: language,
+          remoteConfigClient: mockConfigClient
+        ) {
+          let controller = NoShippingPledgeViewController.instantiate()
+          let data = PledgeViewData(
+            project: project,
+            rewards: [reward],
+            selectedShippingRule: .template,
+            selectedQuantities: [reward.id: 15], // To pass the threshold validation
+            selectedLocationId: nil,
+            refTag: nil,
+            context: .pledge
+          )
+          controller.configure(with: data)
+          let (parent, _) = traitControllers(device: device, orientation: .portrait, child: controller)
+
+          self.scheduler.advance(by: .seconds(1))
+
+          self.allowLayoutPass()
+
+          assertSnapshot(
+            matching: parent.view,
+            as: .image(perceptualPrecision: 0.98),
+            named: "lang_\(language)_device_\(device)"
+          )
+        }
+      }
+  }
+
+  func testView_ShowCollectionPlans_Ineligible() {
+    let response = UserEnvelope<GraphUser>(me: self.userWithCards)
+    let mockService = MockService(fetchGraphUserResult: .success(response))
+    let project = Project.template
+      |> \.availableCardTypes .~ [CreditCardType.discover.rawValue]
+      |> Project.lens.isPledgeOverTimeAllowed .~ true
+    let reward = Reward.template
+
+    let mockConfigClient = MockRemoteConfigClient()
+    mockConfigClient.features = [
+      RemoteConfigFeature.noShippingAtCheckout.rawValue: true,
+      RemoteConfigFeature.pledgeOverTime.rawValue: true
+    ]
+
     orthogonalCombos([Language.en], [Device.phone4_7inch, Device.pad])
       .forEach { language, device in
         withEnvironment(

Kickstarter.xcodeproj/project.pbxproj

@@ -267,6 +267,7 @@
 		3385CF012CF6116B00A33D86 /* UIStackView+Helper.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3385CF002CF6115D00A33D86 /* UIStackView+Helper.swift */; };
 		3386546E2CE29AEC00AB16A9 /* PledgePaymentPlansOptionViewModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3386546D2CE29AD500AB16A9 /* PledgePaymentPlansOptionViewModel.swift */; };
 		338654752CE3D22600AB16A9 /* PledgePaymentPlansViewModelTest.swift in Sources */ = {isa = PBXBuildFile; fileRef = 338654732CE3D17200AB16A9 /* PledgePaymentPlansViewModelTest.swift */; };
+		33914D6D2D07D24500A67C47 /* UIView+Helper.swift in Sources */ = {isa = PBXBuildFile; fileRef = 33914D6C2D07D23B00A67C47 /* UIView+Helper.swift */; };
 		339ED5602CE41015004B301D /* PledgePaymentPlansViewControllerTest.swift in Sources */ = {isa = PBXBuildFile; fileRef = 339ED55E2CE40FC5004B301D /* PledgePaymentPlansViewControllerTest.swift */; };
 		339ED5662CE43099004B301D /* PledgePaymentPlansOptionViewModelTest.swift in Sources */ = {isa = PBXBuildFile; fileRef = 339ED5642CE41AFC004B301D /* PledgePaymentPlansOptionViewModelTest.swift */; };
 		33C9F0BE2CF5104C00B62E14 /* PledgePaymentPlanOptionView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 33C9F0BC2CED6DEF00B62E14 /* PledgePaymentPlanOptionView.swift */; };
@@ -1926,6 +1927,7 @@
 		3385CF002CF6115D00A33D86 /* UIStackView+Helper.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UIStackView+Helper.swift"; sourceTree = "<group>"; };
 		3386546D2CE29AD500AB16A9 /* PledgePaymentPlansOptionViewModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PledgePaymentPlansOptionViewModel.swift; sourceTree = "<group>"; };
 		338654732CE3D17200AB16A9 /* PledgePaymentPlansViewModelTest.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PledgePaymentPlansViewModelTest.swift; sourceTree = "<group>"; };
+		33914D6C2D07D23B00A67C47 /* UIView+Helper.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "UIView+Helper.swift"; sourceTree = "<group>"; };
 		339ED55E2CE40FC5004B301D /* PledgePaymentPlansViewControllerTest.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PledgePaymentPlansViewControllerTest.swift; sourceTree = "<group>"; };
 		339ED5642CE41AFC004B301D /* PledgePaymentPlansOptionViewModelTest.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PledgePaymentPlansOptionViewModelTest.swift; sourceTree = "<group>"; };
 		33C9F0BC2CED6DEF00B62E14 /* PledgePaymentPlanOptionView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PledgePaymentPlanOptionView.swift; sourceTree = "<group>"; };
@@ -5882,6 +5884,7 @@
 		778F891A22D3E35600D095C5 /* Extensions */ = {
 			isa = PBXGroup;
 			children = (
+				33914D6C2D07D23B00A67C47 /* UIView+Helper.swift */,
 				3385CF002CF6115D00A33D86 /* UIStackView+Helper.swift */,
 				77C9122623C4F99400F3D2C9 /* Double+Currency.swift */,
 				77C9123023C637FD00F3D2C9 /* DoubleCurrencyTests.swift */,
@@ -8082,6 +8085,7 @@
 				8AC3E13A269F781D00168BF8 /* ErrorEnvelope+LocalizedDescription.swift in Sources */,
 				D04AAC34218BB70D00CF713E /* SettingsAccountPickerCellViewModel.swift in Sources */,
 				A75511691C8642C3005355CF /* UILabel+IBClear.swift in Sources */,
+				33914D6D2D07D24500A67C47 /* UIView+Helper.swift in Sources */,
 				06BD75C926C431A000A12D4E /* CommentDialogViewModel.swift in Sources */,
 				064B007827A463D2007B21FE /* ImageViewElementCellViewModel.swift in Sources */,
 				A7F441E51D005A9400FE6FC5 /* SearchViewModel.swift in Sources */,

Library/Extensions/UIView+Helper.swift

@@ -0,0 +1,9 @@
+import UIKit
+
+extension UIView {
+  public func rounded(with cornerRadius: CGFloat = Styles.cornerRadius) {
+    self.clipsToBounds = true
+    self.layer.masksToBounds = true
+    self.layer.cornerRadius = cornerRadius
+  }
+}