Stripe element add new card

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

@@ -1438,4 +1438,4 @@
 "updates_count_updates.zero" = "%{updates_count} updates";
 "via_custom" = "via custom";
 "via_external" = "via external";
-"via_kickstarter" = "via Kickstarter";
+"via_kickstarter" = "via Kickstarter";

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

@@ -1438,4 +1438,4 @@
 "updates_count_updates.zero" = "%{updates_count} Updates";
 "via_custom" = "Benutzerdefiniert";
 "via_external" = "Extern";
-"via_kickstarter" = "über Kickstarter";
+"via_kickstarter" = "über Kickstarter";

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

@@ -1438,4 +1438,4 @@
 "updates_count_updates.zero" = "%{updates_count} actualizaciones";
 "via_custom" = "a través de personalizados";
 "via_external" = "a través de externos";
-"via_kickstarter" = "a través de Kickstarter";
+"via_kickstarter" = "a través de Kickstarter";

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

@@ -1438,4 +1438,4 @@
 "updates_count_updates.zero" = "%{updates_count} actus";
 "via_custom" = "sites référents personnalisés";
 "via_external" = "sites référents externes";
-"via_kickstarter" = "Kickstarter";
+"via_kickstarter" = "Kickstarter";

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

@@ -1438,4 +1438,4 @@
 "updates_count_updates.zero" = "%{updates_count} 件のアップデート";
 "via_custom" = "リファラー経由";
 "via_external" = "外部を経由";
-"via_kickstarter" = "kickstarterを経由";
+"via_kickstarter" = "kickstarterを経由";

Kickstarter-iOS/Views/Controllers/AddNewCardViewController.swift

@@ -0,0 +1,69 @@
+import KsApi
+import Library
+import Prelude
+import ReactiveSwift
+import Stripe
+import UIKit
+
+internal final class AddNewCardViewController: UIViewController, STPPaymentCardTextFieldDelegate {
+
+  private weak var saveButtonView: LoadingBarButtonItemView!
+  @IBOutlet private weak var cardholderNameLabel: UILabel!
+  @IBOutlet private weak var cardholderNameTextField: UITextField!
+  @IBOutlet private weak var paymentField: STPPaymentCardTextField!
+
+  internal static func instantiate() -> AddNewCardViewController {
+    return Storyboard.Settings.instantiate(AddNewCardViewController.self)
+  }
+
+  override func viewDidLoad() {
+    super.viewDidLoad()
+
+    let cancelButton = UIBarButtonItem(title: Strings.Cancel(),
+                                       style: .plain,
+                                       target: self,
+                                       action: #selector(cancelButtonTapped))
+    cancelButton.tintColor = .ksr_green_700
+    self.navigationItem.leftBarButtonItem = cancelButton
+
+    self.saveButtonView = LoadingBarButtonItemView.instantiate()
+    self.saveButtonView.setTitle(title: Strings.Save())
+    self.saveButtonView.addTarget(self, action: #selector(saveButtonTapped))
+    let navigationBarButton = UIBarButtonItem(customView: self.saveButtonView)
+    self.navigationItem.setRightBarButton(navigationBarButton, animated: false)
+
+    self.paymentField.delegate = self
+  }
+
+  override func bindStyles() {
+    super.bindStyles()
+
+    _ = self
+      |> settingsViewControllerStyle
+
+    _ = self.cardholderNameLabel
+      |> \.text %~ { _ in Strings.Cardholder_name() }
+      |> \.textColor .~ .ksr_text_dark_grey_900
+
+    _ = self.cardholderNameTextField
+      |> formFieldStyle
+      |> \.textAlignment .~ .right
+      |> \.attributedPlaceholder .~
+        NSAttributedString(string: Strings.Name(),
+                           attributes: [NSAttributedString.Key.foregroundColor: UIColor.lightGray])
+
+    _ = self.paymentField
+      |> \.borderColor .~ nil
+      |> \.font .~ .ksr_body()
+      |> \.cursorColor .~ .ksr_green_700
+      |> \.textColor .~ .ksr_text_dark_grey_500
+  }
+
+  @objc fileprivate func cancelButtonTapped() {
+    self.dismiss(animated: true, completion: nil)
+  }
+
+  @objc fileprivate func saveButtonTapped() {
+    self.dismiss(animated: true, completion: nil)
+  }
+}

Kickstarter-iOS/Views/Controllers/AddNewCardViewControllerTests.swift

@@ -0,0 +1,23 @@
+import Prelude
+@testable import Kickstarter_Framework
+@testable import KsApi
+@testable import Library
+
+final class AddNewCardViewControllerTests: TestCase {
+  override func setUp() {
+    super.setUp()
+    AppEnvironment.pushEnvironment(mainBundle: Bundle.framework)
+    UIView.setAnimationsEnabled(false)
+  }
+
+  func testAddNewCard() {
+    combos(Language.allLanguages, Device.allCases).forEach { language, device in
+      withEnvironment(language: language) {
+        let controller = AddNewCardViewController.instantiate()
+        let (parent, _) = traitControllers(device: device, orientation: .portrait, child: controller)
+
+        FBSnapshotVerifyView(parent.view, identifier: "lang_\(language)_device_\(device)")
+      }
+    }
+  }
+}

Kickstarter-iOS/Views/Controllers/SettingsAccountViewController.swift

@@ -40,6 +40,12 @@ final class SettingsAccountViewController: UIViewController {
         self?.tableView.reloadData()
     }
 
+    self.viewModel.outputs.goToAddCard
+      .observeForControllerAction()
+      .observeValues { [weak self] in
+        self?.goToAddCard()
+    }
+
     self.viewModel.outputs.presentCurrencyPicker
       .observeForUI()
       .observeValues { [weak self] in
@@ -83,6 +89,14 @@ final class SettingsAccountViewController: UIViewController {
       |> settingsTableViewStyle
   }
 
+ func goToAddCard() {
+    let vc = AddNewCardViewController.instantiate()
+    let nav = UINavigationController(rootViewController: vc)
+    nav.modalPresentationStyle = .formSheet
+
+    self.present(nav, animated: true, completion: nil)
+  }
+
   private func showCurrencyPickerCell() {
     self.tableView.beginUpdates()
     self.tableView.insertRows(at: [self.dataSource.insertCurrencyPickerRow()], with: .top)