💲[Native Checkout] RewardCardContainerView snapshots and view model bindings

Kickstarter-iOS/Locales/Base.lproj/Localizable.strings

@@ -169,6 +169,7 @@
 "Find_projects_youll_love_in_art_design_film" = "Find projects you’ll love in art, design, film, games, music, and more. Once you back a project, you’ll see all your activity here.";
 "First_created" = "First created";
 "Fix" = "Fix";
+"Fix_your_payment_method" = "Fix your payment method";
 "Follow_friend_name" = "Follow %{friend_name}";
 "Follow_friends" = "Follow friends";
 "Follow_more_friends" = "Follow more friends";
@@ -275,6 +276,7 @@
 "Newsletters" = "Newsletters";
 "No_Results" = "No Results";
 "No_comments_yet" = "No comments yet.";
+"No_longer_available" = "No longer available";
 "No_messages" = "No messages";
 "No_nevermind" = "No, nevermind";
 "No_one_has_posted_an_update_yet" = "No one has posted an update yet.";

Kickstarter-iOS/Locales/de.lproj/Localizable.strings

@@ -169,6 +169,7 @@
 "Find_projects_youll_love_in_art_design_film" = "Finde Projekte nach deinem Geschmack - in Kunst, Design, Film, Spiele, Musik und vielen anderen Kategorien. Wenn du ein Projekt unterstützt hast, wird deren Aktivität hier angezeigt.";
 "First_created" = "Erstes Projekt";
 "Fix" = "Korrigieren";
+"Fix_your_payment_method" = "Zahlungsmethode ändern";
 "Follow_friend_name" = "%{friend_name} folgen.";
 "Follow_friends" = "Freunden folgen";
 "Follow_more_friends" = "Folge noch mehr Freunden";
@@ -275,6 +276,7 @@
 "Newsletters" = "Newsletter";
 "No_Results" = "Keine Ergebnisse";
 "No_comments_yet" = "Bisher noch keine Kommentare.";
+"No_longer_available" = "Nicht mehr verfügbar";
 "No_messages" = "Keine Nachrichten";
 "No_nevermind" = "Nein, ich habe es mir anders überlegt";
 "No_one_has_posted_an_update_yet" = "Es wurden noch keine Updates gepostet.";

Kickstarter-iOS/Locales/es.lproj/Localizable.strings

@@ -169,6 +169,7 @@
 "Find_projects_youll_love_in_art_design_film" = "Proyectos a tu gusto - en arte, diseño, cine, juegos, música y otras categorías. Una vez que hayas patrocinado un proyecto, verás todas las actividades pertinentes aquí.";
 "First_created" = "Primer proyecto creado";
 "Fix" = "Corregir";
+"Fix_your_payment_method" = "Corrige tu método de pago";
 "Follow_friend_name" = "Seguir a %{friend_name}.";
 "Follow_friends" = "Seguir amigos";
 "Follow_more_friends" = "Seguir a más amigos";
@@ -275,6 +276,7 @@
 "Newsletters" = "Boletines informativos";
 "No_Results" = "Sin resultados";
 "No_comments_yet" = "No hay comentarios todavia.";
+"No_longer_available" = "Ya no está disponible";
 "No_messages" = "No hay mensajes";
 "No_nevermind" = "No, ignorar";
 "No_one_has_posted_an_update_yet" = "Todavía no se han publicado actualizaciones.";

Kickstarter-iOS/Locales/fr.lproj/Localizable.strings

@@ -169,6 +169,7 @@
 "Find_projects_youll_love_in_art_design_film" = "Découvrez des projets que vous allez adorer : art, design, cinéma, jeux, musique et plus encore. L'activité des projets que vous soutenez s'affichera ici.";
 "First_created" = "Premier projet créé";
 "Fix" = "Corriger";
+"Fix_your_payment_method" = "Corriger votre moyen de paiement";
 "Follow_friend_name" = "Suivre %{friend_name}";
 "Follow_friends" = "Suivez vos amis";
 "Follow_more_friends" = "Suivre plus d'amis";
@@ -275,6 +276,7 @@
 "Newsletters" = "Lettres d'information";
 "No_Results" = "Pas de résultats";
 "No_comments_yet" = "Pas de commentaires.";
+"No_longer_available" = "Indisponible";
 "No_messages" = "Pas de messages";
 "No_nevermind" = "Non, j'ai changé d'avis";
 "No_one_has_posted_an_update_yet" = "Pas d'actus publiées pour le moment.";

Kickstarter-iOS/Locales/ja.lproj/Localizable.strings

@@ -169,6 +169,7 @@
 "Find_projects_youll_love_in_art_design_film" = "お気に入りを見つけて、クリエイティブなプロジェクトに生命を吹き込もう。";
 "First_created" = "1つめのプロジェクト";
 "Fix" = "修正する";
+"Fix_your_payment_method" = "お支払い方法を修正";
 "Follow_friend_name" = "%{friend_name} をフォロー";
 "Follow_friends" = "友達をフォロー";
 "Follow_more_friends" = "もっと友達をフォローする";
@@ -275,6 +276,7 @@
 "Newsletters" = "ニュースレター";
 "No_Results" = "該当結果なし";
 "No_comments_yet" = "まだコメントはありません。";
+"No_longer_available" = "利用できなくなりました";
 "No_messages" = "メッセージがありません。";
 "No_nevermind" = "いいえ、削除しません";
 "No_one_has_posted_an_update_yet" = "まだアップデートの投稿はありません。";

Kickstarter-iOS/Views/Controllers/BetaToolsViewController.swift

@@ -132,7 +132,7 @@ internal final class BetaToolsViewController: UITableViewController {
     self.navigationController?.dismiss(animated: true)
   }
 
-  // MARK: Private Helper Functions
+  // MARK: - Private Helper Functions
 
   private func configureFooterView() {
     let containerView = UIView(frame: .zero)

Kickstarter-iOS/Views/Controllers/DashboardProjectsDrawerViewController.swift

@@ -118,7 +118,8 @@ internal final class DashboardProjectsDrawerViewController: UITableViewControlle
       self.tableView.backgroundView?.addGestureRecognizer(
         UITapGestureRecognizer(
           target: self, action: #selector(DashboardProjectsDrawerViewController.backgroundTapped)
-        ))
+        )
+      )
     })
 
     UIView.animate(

Kickstarter-iOS/Views/Controllers/DeprecatedRewardPledgeViewController.swift

@@ -70,8 +70,7 @@ internal final class DeprecatedRewardPledgeViewController: UIViewController {
     project: Project,
     reward: Reward,
     applePayCapable: Bool = PKPaymentAuthorizationViewController.applePayCapable()
-  )
-    -> DeprecatedRewardPledgeViewController {
+  ) -> DeprecatedRewardPledgeViewController {
     let vc = Storyboard.RewardPledge.instantiate(DeprecatedRewardPledgeViewController.self)
     vc.viewModel.inputs.configureWith(project: project, reward: reward, applePayCapable: applePayCapable)
     return vc

Kickstarter-iOS/Views/Controllers/FeatureFlagToolsViewController.swift

@@ -56,8 +56,7 @@ final class FeatureFlagToolsViewController: UITableViewController {
   private func updateConfig(with features: Features) {
     guard let config = AppEnvironment.current.config else { return }
 
-    let updatedConfig = config
-      |> \.features .~ features
+    let updatedConfig = config |> \.features .~ features
 
     AppEnvironment.updateDebugData(DebugData(config: updatedConfig))
     AppEnvironment.updateConfig(updatedConfig)

Kickstarter-iOS/Views/Controllers/ProjectPamphletViewController.swift

@@ -86,7 +86,7 @@ public final class ProjectPamphletViewController: UIViewController {
   }
 
   private var initialTopConstraint: CGFloat {
-    return parent?.view.safeAreaInsets.top ?? 0.0
+    return self.parent?.view.safeAreaInsets.top ?? 0.0
   }
 
   private func configurePledgeCTAContainerView() {

Kickstarter-iOS/Views/RewardCardContainerView.swift

@@ -27,6 +27,8 @@ public final class RewardCardContainerView: UIView {
 
   private let pledgeButtonLayoutGuide = UILayoutGuide()
   private var pledgeButtonMarginConstraints: [NSLayoutConstraint]?
+  private var pledgeButtonShownConstraints: [NSLayoutConstraint] = []
+  private var pledgeButtonHiddenConstraints: [NSLayoutConstraint] = []
   private let rewardCardView: RewardCardView = {
     RewardCardView(frame: .zero)
       |> \.translatesAutoresizingMaskIntoConstraints .~ false
@@ -52,9 +54,6 @@ public final class RewardCardContainerView: UIView {
       |> roundedStyle(cornerRadius: Styles.grid(3))
       |> \.layoutMargins .~ .init(all: Styles.grid(3))
 
-    _ = self.pledgeButton
-      |> greenButtonStyle
-
     _ = self.gradientView
       |> \.backgroundColor .~ .clear
       |> \.startPoint .~ .zero
@@ -84,6 +83,25 @@ public final class RewardCardContainerView: UIView {
 
     self.pledgeButton.rac.title = self.viewModel.outputs.pledgeButtonTitleText
     self.pledgeButton.rac.enabled = self.viewModel.outputs.pledgeButtonEnabled
+
+    self.viewModel.outputs.pledgeButtonHidden.observeValues { [weak self] hidden in
+      guard let self = self else { return }
+
+      if hidden {
+        NSLayoutConstraint.activate(self.pledgeButtonHiddenConstraints)
+        NSLayoutConstraint.deactivate(self.pledgeButtonShownConstraints)
+      } else {
+        NSLayoutConstraint.activate(self.pledgeButtonShownConstraints)
+        NSLayoutConstraint.deactivate(self.pledgeButtonHiddenConstraints)
+      }
+    }
+
+    self.viewModel.outputs.pledgeButtonStyle
+      .observeForUI()
+      .observeValues { [weak self] style in
+        guard let self = self else { return }
+        _ = self.pledgeButton |> style
+      }
   }
 
   internal func configure(with value: (project: Project, reward: Either<Reward, Backing>)) {
@@ -112,6 +130,25 @@ public final class RewardCardContainerView: UIView {
   }
 
   public func setupConstraints() {
+    self.pledgeButtonHiddenConstraints = self.hiddenPledgeHiddenConstraints()
+    self.pledgeButtonShownConstraints = self.shownPledgeButtonConstraints()
+    NSLayoutConstraint.activate(self.pledgeButtonShownConstraints)
+  }
+
+  private func hiddenPledgeHiddenConstraints() -> [NSLayoutConstraint] {
+    let containerMargins = self.layoutMarginsGuide
+
+    let rewardCardViewConstraints = [
+      self.rewardCardView.leftAnchor.constraint(equalTo: containerMargins.leftAnchor),
+      self.rewardCardView.rightAnchor.constraint(equalTo: containerMargins.rightAnchor),
+      self.rewardCardView.topAnchor.constraint(equalTo: containerMargins.topAnchor),
+      self.rewardCardView.bottomAnchor.constraint(equalTo: containerMargins.bottomAnchor)
+    ]
+
+    return rewardCardViewConstraints
+  }
+
+  private func shownPledgeButtonConstraints() -> [NSLayoutConstraint] {
     let containerMargins = self.layoutMarginsGuide
 
     let rewardCardViewConstraints = [
@@ -131,36 +168,46 @@ public final class RewardCardContainerView: UIView {
       self.pledgeButtonLayoutGuide.bottomAnchor.constraint(equalTo: containerMargins.bottomAnchor),
       self.pledgeButtonLayoutGuide.leftAnchor.constraint(equalTo: containerMargins.leftAnchor),
       self.pledgeButtonLayoutGuide.rightAnchor.constraint(equalTo: containerMargins.rightAnchor),
-      // swiftlint:disable:next line_length
-      self.pledgeButtonLayoutGuide.topAnchor.constraint(equalTo: self.rewardCardView.bottomAnchor, constant: Styles.grid(3)),
+      self.pledgeButtonLayoutGuide.topAnchor.constraint(
+        equalTo: self.rewardCardView.bottomAnchor, constant: Styles.grid(3)
+      ),
       self.pledgeButtonLayoutGuide.heightAnchor.constraint(equalTo: self.pledgeButton.heightAnchor)
     ]
 
-    NSLayoutConstraint.activate([
+    let constraints = [
       [pledgeButtonTopConstraint],
       rewardCardViewConstraints,
       pledgeButtonLayoutGuideConstraints
     ]
-    .flatMap { $0 })
+    .flatMap { $0 }
+
+    return constraints
   }
 
   private func addBottomViewsMarginConstraints(with layoutMarginsGuide: UILayoutGuide) {
     NSLayoutConstraint.deactivate(self.pledgeButtonMarginConstraints ?? [])
     let minTouchSize = Styles.minTouchSize.height
 
-    NSLayoutConstraint.activate([
+    let pledgeButtonMarginConstraints = [
       self.pledgeButton.leftAnchor.constraint(equalTo: layoutMarginsGuide.leftAnchor),
       self.pledgeButton.rightAnchor.constraint(equalTo: layoutMarginsGuide.rightAnchor),
       self.pledgeButton.bottomAnchor.constraint(lessThanOrEqualTo: layoutMarginsGuide.bottomAnchor),
-      self.pledgeButton.heightAnchor.constraint(greaterThanOrEqualToConstant: minTouchSize)
-    ])
+      self.pledgeButton.heightAnchor.constraint(
+        greaterThanOrEqualToConstant: minTouchSize
+      )
+    ]
+
+    NSLayoutConstraint.activate(pledgeButtonMarginConstraints)
+
+    self.pledgeButtonMarginConstraints = pledgeButtonMarginConstraints
 
     NSLayoutConstraint.activate([
       self.gradientView.leftAnchor.constraint(equalTo: layoutMarginsGuide.leftAnchor),
       self.gradientView.rightAnchor.constraint(equalTo: layoutMarginsGuide.rightAnchor),
       self.gradientView.topAnchor.constraint(equalTo: self.pledgeButton.topAnchor, constant: -minTouchSize),
-      // swiftlint:disable:next line_length
-      self.gradientView.bottomAnchor.constraint(equalTo: self.pledgeButton.bottomAnchor, constant: minTouchSize / 2)
+      self.gradientView.bottomAnchor.constraint(
+        equalTo: self.pledgeButton.bottomAnchor, constant: minTouchSize / 2
+      )
     ])
   }