[MBL-1720] Handle estimated shipping on the manage pledge screen (#2154)

* Show estimated shipping * Update manage pledge tests * Update rewardReceivedView tests * Fix viewmodel tests * Turn on flag in relevant tests
kickstarter · Sep 11, 2024 · 579dc69 · 579dc69
1 parent 6976e5f
commit 579dc69
Show file tree

Hide file tree

Showing 89 changed files with 205 additions and 174 deletions.
diff --git a/Kickstarter-iOS/Features/ManagePledge/Controllers/ManagePledgeViewControllerTests.swift b/Kickstarter-iOS/Features/ManagePledge/Controllers/ManagePledgeViewControllerTests.swift
@@ -49,7 +49,7 @@ final class ManagePledgeViewControllerTests: TestCase {
       fetchProjectRewardsResult: .success([reward])
     )
 
-    combos(Language.allLanguages, [Device.phone4_7inch, Device.pad]).forEach { language, device in
+    orthogonalCombos(Language.allLanguages, [Device.phone4_7inch, Device.pad]).forEach { language, device in
       withEnvironment(apiService: mockService, currentUser: user, language: language) {
         let controller = ManagePledgeViewController.instantiate()
         controller.configureWith(params: (Param.slug("project-slug"), Param.id(1)))
@@ -278,7 +278,7 @@ final class ManagePledgeViewControllerTests: TestCase {
       fetchProjectRewardsResult: .success([reward])
     )
 
-    combos(Language.allLanguages, Device.allCases).forEach { language, device in
+    orthogonalCombos(Language.allLanguages, Device.allCases).forEach { language, device in
       withEnvironment(apiService: mockService, currentUser: user, language: language) {
         let controller = ManagePledgeViewController.instantiate()
         controller.configureWith(params: (Param.slug("project-slug"), Param.id(1)))
@@ -339,7 +339,7 @@ final class ManagePledgeViewControllerTests: TestCase {
       fetchProjectRewardsResult: .success([reward])
     )
 
-    combos(Language.allLanguages, [Device.phone4_7inch, Device.pad]).forEach { language, device in
+    orthogonalCombos(Language.allLanguages, [Device.phone4_7inch, Device.pad]).forEach { language, device in
       withEnvironment(apiService: mockService, currentUser: user, language: language) {
         let controller = ManagePledgeViewController.instantiate()
         controller.configureWith(params: (Param.slug("project-slug"), Param.id(1)))

diff --git a/...-iOS/Features/ManagePledge/Controllers/ManageViewPledgeRewardReceivedViewController.swift b/...-iOS/Features/ManagePledge/Controllers/ManageViewPledgeRewardReceivedViewController.swift
@@ -10,7 +10,9 @@ final class ManageViewPledgeRewardReceivedViewController: UIViewController {
     = ManageViewPledgeRewardReceivedViewModel()
 
   private lazy var rootStackView: UIStackView = { UIStackView(frame: .zero) }()
-  private lazy var titleLabel: UILabel = { UILabel(frame: .zero) }()
+  private lazy var labelStackView: UIStackView = { UIStackView(frame: .zero) }()
+  private lazy var deliveryLabel: UILabel = { UILabel(frame: .zero) }()
+  private lazy var shippingLabel: UILabel = { UILabel(frame: .zero) }()
   private lazy var toggleViewController: ToggleViewController = {
     ToggleViewController(nibName: nil, bundle: nil)
   }()
@@ -38,7 +40,10 @@ final class ManageViewPledgeRewardReceivedViewController: UIViewController {
       |> ksr_addSubviewToParent()
       |> ksr_constrainViewToEdgesInParent()
 
-    _ = ([self.titleLabel, self.toggleViewController.view], self.rootStackView)
+    _ = ([self.deliveryLabel, self.shippingLabel], self.labelStackView)
+      |> ksr_addArrangedSubviewsToStackView()
+
+    _ = ([self.labelStackView, self.toggleViewController.view], self.rootStackView)
       |> ksr_addArrangedSubviewsToStackView()
   }
 
@@ -68,6 +73,11 @@ final class ManageViewPledgeRewardReceivedViewController: UIViewController {
       |> \.spacing .~ Styles.grid(1)
       |> \.insetsLayoutMarginsFromSafeArea .~ false
 
+    self.labelStackView.isLayoutMarginsRelativeArrangement = true
+    self.labelStackView.axis = .vertical
+    self.labelStackView.spacing = Styles.grid(2)
+    self.labelStackView.insetsLayoutMarginsFromSafeArea = false
+
     _ = self.toggleViewController.titleLabel
       |> checkoutTitleLabelStyle
       |> \.font .~ UIFont.ksr_subhead()
@@ -84,7 +94,9 @@ final class ManageViewPledgeRewardReceivedViewController: UIViewController {
   override func bindViewModel() {
     super.bindViewModel()
 
-    self.titleLabel.rac.attributedText = self.viewModel.outputs.estimatedDeliveryDateLabelAttributedText
+    self.deliveryLabel.rac.attributedText = self.viewModel.outputs.estimatedDeliveryDateLabelAttributedText
+    self.shippingLabel.rac.attributedText = self.viewModel.outputs.estimatedShippingAttributedText
+    self.shippingLabel.rac.hidden = self.viewModel.outputs.estimatedShippingHidden
     self.toggleViewController.toggle.rac.on = self.viewModel.outputs.rewardReceived
     self.toggleViewController.view.rac.hidden = self.viewModel.outputs.rewardReceivedHidden
 

diff --git a/...Features/ManagePledge/Controllers/ManageViewPledgeRewardReceivedViewControllerTests.swift b/...Features/ManagePledge/Controllers/ManageViewPledgeRewardReceivedViewControllerTests.swift
@@ -25,11 +25,12 @@ final class ManageViewPledgeRewardReceivedViewControllerTests: TestCase {
       project: .template,
       backerCompleted: false,
       estimatedDeliveryOn: 1_475_361_315,
-      backingState: .collected
+      backingState: .collected,
+      estimatedShipping: nil
     )
 
     let devices = [Device.phone4_7inch, Device.phone5_8inch, Device.pad]
-    combos(Language.allLanguages, devices).forEach { language, device in
+    orthogonalCombos(Language.allLanguages, devices).forEach { language, device in
       withEnvironment(language: language) {
         let controller = ManageViewPledgeRewardReceivedViewController.instantiate()
         controller.configureWith(data: data)
@@ -50,13 +51,14 @@ final class ManageViewPledgeRewardReceivedViewControllerTests: TestCase {
   func testView_Toggle_On() {
     let data = ManageViewPledgeRewardReceivedViewData(
       project: .template,
-      backerCompleted: false,
+      backerCompleted: true,
       estimatedDeliveryOn: 1_475_361_315,
-      backingState: .collected
+      backingState: .collected,
+      estimatedShipping: nil
     )
 
     let devices = [Device.phone4_7inch, Device.phone5_8inch, Device.pad]
-    combos(Language.allLanguages, devices).forEach { language, device in
+    orthogonalCombos(Language.allLanguages, devices).forEach { language, device in
       withEnvironment(language: language) {
         let controller = ManageViewPledgeRewardReceivedViewController.instantiate()
         controller.configureWith(data: data)
@@ -73,4 +75,68 @@ final class ManageViewPledgeRewardReceivedViewControllerTests: TestCase {
       }
     }
   }
+
+  func testEstimatedShipping_NoToggle() {
+    let data = ManageViewPledgeRewardReceivedViewData(
+      project: .template,
+      backerCompleted: false,
+      estimatedDeliveryOn: 1_475_361_315,
+      backingState: .pledged,
+      estimatedShipping: "About $3-$5"
+    )
+
+    let devices = [Device.phone4_7inch, Device.phone5_8inch, Device.pad]
+    let mockConfigClient = MockRemoteConfigClient()
+    mockConfigClient.features = [
+      RemoteConfigFeature.noShippingAtCheckout.rawValue: true
+    ]
+    orthogonalCombos(Language.allLanguages, devices).forEach { language, device in
+      withEnvironment(language: language, remoteConfigClient: mockConfigClient) {
+        let controller = ManageViewPledgeRewardReceivedViewController.instantiate()
+        controller.configureWith(data: data)
+
+        let (parent, _) = traitControllers(device: device, orientation: .portrait, child: controller)
+
+        parent.view.frame.size.height = 60
+
+        assertSnapshot(
+          matching: parent.view,
+          as: .image(perceptualPrecision: 0.98),
+          named: "lang_\(language)_device_\(device)"
+        )
+      }
+    }
+  }
+
+  func testEstimatedShipping_Toggle() {
+    let data = ManageViewPledgeRewardReceivedViewData(
+      project: .template,
+      backerCompleted: false,
+      estimatedDeliveryOn: 1_475_361_315,
+      backingState: .collected,
+      estimatedShipping: "About $10-$100"
+    )
+
+    let devices = [Device.phone4_7inch, Device.phone5_8inch, Device.pad]
+    let mockConfigClient = MockRemoteConfigClient()
+    mockConfigClient.features = [
+      RemoteConfigFeature.noShippingAtCheckout.rawValue: true
+    ]
+    orthogonalCombos(Language.allLanguages, devices).forEach { language, device in
+      withEnvironment(language: language, remoteConfigClient: mockConfigClient) {
+        let controller = ManageViewPledgeRewardReceivedViewController.instantiate()
+        controller.configureWith(data: data)
+
+        let (parent, _) = traitControllers(device: device, orientation: .portrait, child: controller)
+
+        parent.view.frame.size.height = 110
+
+        assertSnapshot(
+          matching: parent.view,
+          as: .image(perceptualPrecision: 0.98),
+          named: "lang_\(language)_device_\(device)"
+        )
+      }
+    }
+  }
 }
diff --git a/...ePledgeViewControllerTests/testView_CurrentUser_IsBacker.lang_de_device_pad.png b/...ePledgeViewControllerTests/testView_CurrentUser_IsBacker.lang_de_device_pad.png
diff --git a/...ewControllerTests/testView_CurrentUser_IsBacker.lang_de_device_phone4_7inch.png b/...ewControllerTests/testView_CurrentUser_IsBacker.lang_de_device_phone4_7inch.png
diff --git a/...ePledgeViewControllerTests/testView_CurrentUser_IsBacker.lang_en_device_pad.png b/...ePledgeViewControllerTests/testView_CurrentUser_IsBacker.lang_en_device_pad.png
diff --git a/...ewControllerTests/testView_CurrentUser_IsBacker.lang_en_device_phone4_7inch.png b/...ewControllerTests/testView_CurrentUser_IsBacker.lang_en_device_phone4_7inch.png
diff --git a/...ePledgeViewControllerTests/testView_CurrentUser_IsBacker.lang_es_device_pad.png b/...ePledgeViewControllerTests/testView_CurrentUser_IsBacker.lang_es_device_pad.png
diff --git a/...ewControllerTests/testView_CurrentUser_IsBacker.lang_es_device_phone4_7inch.png b/...ewControllerTests/testView_CurrentUser_IsBacker.lang_es_device_phone4_7inch.png
diff --git a/...ePledgeViewControllerTests/testView_CurrentUser_IsBacker.lang_fr_device_pad.png b/...ePledgeViewControllerTests/testView_CurrentUser_IsBacker.lang_fr_device_pad.png
diff --git a/...ewControllerTests/testView_CurrentUser_IsBacker.lang_fr_device_phone4_7inch.png b/...ewControllerTests/testView_CurrentUser_IsBacker.lang_fr_device_phone4_7inch.png
diff --git a/...ePledgeViewControllerTests/testView_CurrentUser_IsBacker.lang_ja_device_pad.png b/...ePledgeViewControllerTests/testView_CurrentUser_IsBacker.lang_ja_device_pad.png
diff --git a/...ewControllerTests/testView_CurrentUser_IsBacker.lang_ja_device_phone4_7inch.png b/...ewControllerTests/testView_CurrentUser_IsBacker.lang_ja_device_phone4_7inch.png
diff --git a/...User_IsBacker_LocalPickupsForAddonsAndBaseReward_Success.lang_de_device_pad.png b/...User_IsBacker_LocalPickupsForAddonsAndBaseReward_Success.lang_de_device_pad.png
diff --git a/...cker_LocalPickupsForAddonsAndBaseReward_Success.lang_de_device_phone4_7inch.png b/...cker_LocalPickupsForAddonsAndBaseReward_Success.lang_de_device_phone4_7inch.png
diff --git a/...User_IsBacker_LocalPickupsForAddonsAndBaseReward_Success.lang_en_device_pad.png b/...User_IsBacker_LocalPickupsForAddonsAndBaseReward_Success.lang_en_device_pad.png
diff --git a/...cker_LocalPickupsForAddonsAndBaseReward_Success.lang_en_device_phone4_7inch.png b/...cker_LocalPickupsForAddonsAndBaseReward_Success.lang_en_device_phone4_7inch.png
diff --git a/...User_IsBacker_LocalPickupsForAddonsAndBaseReward_Success.lang_es_device_pad.png b/...User_IsBacker_LocalPickupsForAddonsAndBaseReward_Success.lang_es_device_pad.png
diff --git a/...cker_LocalPickupsForAddonsAndBaseReward_Success.lang_es_device_phone4_7inch.png b/...cker_LocalPickupsForAddonsAndBaseReward_Success.lang_es_device_phone4_7inch.png
diff --git a/...User_IsBacker_LocalPickupsForAddonsAndBaseReward_Success.lang_fr_device_pad.png b/...User_IsBacker_LocalPickupsForAddonsAndBaseReward_Success.lang_fr_device_pad.png
diff --git a/...cker_LocalPickupsForAddonsAndBaseReward_Success.lang_fr_device_phone4_7inch.png b/...cker_LocalPickupsForAddonsAndBaseReward_Success.lang_fr_device_phone4_7inch.png
diff --git a/...User_IsBacker_LocalPickupsForAddonsAndBaseReward_Success.lang_ja_device_pad.png b/...User_IsBacker_LocalPickupsForAddonsAndBaseReward_Success.lang_ja_device_pad.png
diff --git a/...cker_LocalPickupsForAddonsAndBaseReward_Success.lang_ja_device_phone4_7inch.png b/...cker_LocalPickupsForAddonsAndBaseReward_Success.lang_ja_device_phone4_7inch.png
diff --git a/...ests/testView_CurrentUser_IsNotBacker_IsCreator.lang_en_device_phone4_7inch.png b/...ests/testView_CurrentUser_IsNotBacker_IsCreator.lang_en_device_phone4_7inch.png
diff --git a/.../ManagePledgeViewControllerTests/testView_ErroredBacking.lang_de_device_pad.png b/.../ManagePledgeViewControllerTests/testView_ErroredBacking.lang_de_device_pad.png
diff --git a/...edgeViewControllerTests/testView_ErroredBacking.lang_de_device_phone4_7inch.png b/...edgeViewControllerTests/testView_ErroredBacking.lang_de_device_phone4_7inch.png
diff --git a/...edgeViewControllerTests/testView_ErroredBacking.lang_de_device_phone5_5inch.png b/...edgeViewControllerTests/testView_ErroredBacking.lang_de_device_phone5_5inch.png
diff --git a/...edgeViewControllerTests/testView_ErroredBacking.lang_de_device_phone5_8inch.png b/...edgeViewControllerTests/testView_ErroredBacking.lang_de_device_phone5_8inch.png
diff --git a/.../ManagePledgeViewControllerTests/testView_ErroredBacking.lang_en_device_pad.png b/.../ManagePledgeViewControllerTests/testView_ErroredBacking.lang_en_device_pad.png
diff --git a/...edgeViewControllerTests/testView_ErroredBacking.lang_en_device_phone4_7inch.png b/...edgeViewControllerTests/testView_ErroredBacking.lang_en_device_phone4_7inch.png
diff --git a/...PledgeViewControllerTests/testView_ErroredBacking.lang_en_device_phone4inch.png b/...PledgeViewControllerTests/testView_ErroredBacking.lang_en_device_phone4inch.png
diff --git a/...edgeViewControllerTests/testView_ErroredBacking.lang_en_device_phone5_5inch.png b/...edgeViewControllerTests/testView_ErroredBacking.lang_en_device_phone5_5inch.png
diff --git a/...edgeViewControllerTests/testView_ErroredBacking.lang_en_device_phone5_8inch.png b/...edgeViewControllerTests/testView_ErroredBacking.lang_en_device_phone5_8inch.png
diff --git a/.../ManagePledgeViewControllerTests/testView_ErroredBacking.lang_es_device_pad.png b/.../ManagePledgeViewControllerTests/testView_ErroredBacking.lang_es_device_pad.png
diff --git a/...edgeViewControllerTests/testView_ErroredBacking.lang_es_device_phone4_7inch.png b/...edgeViewControllerTests/testView_ErroredBacking.lang_es_device_phone4_7inch.png
diff --git a/...PledgeViewControllerTests/testView_ErroredBacking.lang_es_device_phone4inch.png b/...PledgeViewControllerTests/testView_ErroredBacking.lang_es_device_phone4inch.png
diff --git a/...edgeViewControllerTests/testView_ErroredBacking.lang_es_device_phone5_5inch.png b/...edgeViewControllerTests/testView_ErroredBacking.lang_es_device_phone5_5inch.png
diff --git a/...edgeViewControllerTests/testView_ErroredBacking.lang_es_device_phone5_8inch.png b/...edgeViewControllerTests/testView_ErroredBacking.lang_es_device_phone5_8inch.png
diff --git a/.../ManagePledgeViewControllerTests/testView_ErroredBacking.lang_fr_device_pad.png b/.../ManagePledgeViewControllerTests/testView_ErroredBacking.lang_fr_device_pad.png
diff --git a/...edgeViewControllerTests/testView_ErroredBacking.lang_fr_device_phone4_7inch.png b/...edgeViewControllerTests/testView_ErroredBacking.lang_fr_device_phone4_7inch.png
diff --git a/...PledgeViewControllerTests/testView_ErroredBacking.lang_fr_device_phone4inch.png b/...PledgeViewControllerTests/testView_ErroredBacking.lang_fr_device_phone4inch.png
diff --git a/...edgeViewControllerTests/testView_ErroredBacking.lang_fr_device_phone5_5inch.png b/...edgeViewControllerTests/testView_ErroredBacking.lang_fr_device_phone5_5inch.png
diff --git a/...edgeViewControllerTests/testView_ErroredBacking.lang_fr_device_phone5_8inch.png b/...edgeViewControllerTests/testView_ErroredBacking.lang_fr_device_phone5_8inch.png
diff --git a/.../ManagePledgeViewControllerTests/testView_ErroredBacking.lang_ja_device_pad.png b/.../ManagePledgeViewControllerTests/testView_ErroredBacking.lang_ja_device_pad.png
diff --git a/...edgeViewControllerTests/testView_ErroredBacking.lang_ja_device_phone4_7inch.png b/...edgeViewControllerTests/testView_ErroredBacking.lang_ja_device_phone4_7inch.png
diff --git a/...PledgeViewControllerTests/testView_ErroredBacking.lang_ja_device_phone4inch.png b/...PledgeViewControllerTests/testView_ErroredBacking.lang_ja_device_phone4inch.png
diff --git a/...edgeViewControllerTests/testView_ErroredBacking.lang_ja_device_phone5_5inch.png b/...edgeViewControllerTests/testView_ErroredBacking.lang_ja_device_phone5_5inch.png
diff --git a/...edgeViewControllerTests/testView_ErroredBacking.lang_ja_device_phone5_8inch.png b/...edgeViewControllerTests/testView_ErroredBacking.lang_ja_device_phone5_8inch.png
diff --git a/...agePledgeViewControllerTests/testView_GooglePay.lang_en_device_phone4_7inch.png b/...agePledgeViewControllerTests/testView_GooglePay.lang_en_device_phone4_7inch.png
diff --git a/...eViewControllerTests/testView_NoReward_ApplePay.lang_en_device_phone4_7inch.png b/...eViewControllerTests/testView_NoReward_ApplePay.lang_en_device_phone4_7inch.png
diff --git a/...wControllerTests/testEstimatedShipping_NoToggle.lang_de_device_phone4_7inch.png b/...wControllerTests/testEstimatedShipping_NoToggle.lang_de_device_phone4_7inch.png
diff --git a/...wControllerTests/testEstimatedShipping_NoToggle.lang_en_device_phone5_8inch.png b/...wControllerTests/testEstimatedShipping_NoToggle.lang_en_device_phone5_8inch.png
diff --git a/...ceivedViewControllerTests/testEstimatedShipping_NoToggle.lang_es_device_pad.png b/...ceivedViewControllerTests/testEstimatedShipping_NoToggle.lang_es_device_pad.png
diff --git a/...wControllerTests/testEstimatedShipping_NoToggle.lang_fr_device_phone4_7inch.png b/...wControllerTests/testEstimatedShipping_NoToggle.lang_fr_device_phone4_7inch.png
diff --git a/...wControllerTests/testEstimatedShipping_NoToggle.lang_ja_device_phone5_8inch.png b/...wControllerTests/testEstimatedShipping_NoToggle.lang_ja_device_phone5_8inch.png
diff --git a/...iewControllerTests/testEstimatedShipping_Toggle.lang_de_device_phone4_7inch.png b/...iewControllerTests/testEstimatedShipping_Toggle.lang_de_device_phone4_7inch.png
diff --git a/...iewControllerTests/testEstimatedShipping_Toggle.lang_en_device_phone5_8inch.png b/...iewControllerTests/testEstimatedShipping_Toggle.lang_en_device_phone5_8inch.png
diff --git a/...ReceivedViewControllerTests/testEstimatedShipping_Toggle.lang_es_device_pad.png b/...ReceivedViewControllerTests/testEstimatedShipping_Toggle.lang_es_device_pad.png
diff --git a/...iewControllerTests/testEstimatedShipping_Toggle.lang_fr_device_phone4_7inch.png b/...iewControllerTests/testEstimatedShipping_Toggle.lang_fr_device_phone4_7inch.png
diff --git a/...iewControllerTests/testEstimatedShipping_Toggle.lang_ja_device_phone5_8inch.png b/...iewControllerTests/testEstimatedShipping_Toggle.lang_ja_device_phone5_8inch.png
diff --git a/...dgeRewardReceivedViewControllerTests/testView_Toggle_Off.lang_de_device_pad.png b/...dgeRewardReceivedViewControllerTests/testView_Toggle_Off.lang_de_device_pad.png
diff --git a/...ReceivedViewControllerTests/testView_Toggle_Off.lang_de_device_phone5_8inch.png b/...ReceivedViewControllerTests/testView_Toggle_Off.lang_de_device_phone5_8inch.png
diff --git a/...dgeRewardReceivedViewControllerTests/testView_Toggle_Off.lang_en_device_pad.png b/...dgeRewardReceivedViewControllerTests/testView_Toggle_Off.lang_en_device_pad.png
diff --git a/...ReceivedViewControllerTests/testView_Toggle_Off.lang_en_device_phone4_7inch.png b/...ReceivedViewControllerTests/testView_Toggle_Off.lang_en_device_phone4_7inch.png
diff --git a/...ReceivedViewControllerTests/testView_Toggle_Off.lang_es_device_phone4_7inch.png b/...ReceivedViewControllerTests/testView_Toggle_Off.lang_es_device_phone4_7inch.png
diff --git a/...ReceivedViewControllerTests/testView_Toggle_Off.lang_es_device_phone5_8inch.png b/...ReceivedViewControllerTests/testView_Toggle_Off.lang_es_device_phone5_8inch.png
diff --git a/...dgeRewardReceivedViewControllerTests/testView_Toggle_Off.lang_fr_device_pad.png b/...dgeRewardReceivedViewControllerTests/testView_Toggle_Off.lang_fr_device_pad.png
diff --git a/...ReceivedViewControllerTests/testView_Toggle_Off.lang_fr_device_phone5_8inch.png b/...ReceivedViewControllerTests/testView_Toggle_Off.lang_fr_device_phone5_8inch.png
diff --git a/...dgeRewardReceivedViewControllerTests/testView_Toggle_Off.lang_ja_device_pad.png b/...dgeRewardReceivedViewControllerTests/testView_Toggle_Off.lang_ja_device_pad.png
diff --git a/...ReceivedViewControllerTests/testView_Toggle_Off.lang_ja_device_phone4_7inch.png b/...ReceivedViewControllerTests/testView_Toggle_Off.lang_ja_device_phone4_7inch.png
diff --git a/...edgeRewardReceivedViewControllerTests/testView_Toggle_On.lang_de_device_pad.png b/...edgeRewardReceivedViewControllerTests/testView_Toggle_On.lang_de_device_pad.png
diff --git a/...dReceivedViewControllerTests/testView_Toggle_On.lang_de_device_phone4_7inch.png b/...dReceivedViewControllerTests/testView_Toggle_On.lang_de_device_phone4_7inch.png
diff --git a/...dReceivedViewControllerTests/testView_Toggle_On.lang_de_device_phone5_8inch.png b/...dReceivedViewControllerTests/testView_Toggle_On.lang_de_device_phone5_8inch.png
diff --git a/...edgeRewardReceivedViewControllerTests/testView_Toggle_On.lang_en_device_pad.png b/...edgeRewardReceivedViewControllerTests/testView_Toggle_On.lang_en_device_pad.png
diff --git a/...dReceivedViewControllerTests/testView_Toggle_On.lang_en_device_phone4_7inch.png b/...dReceivedViewControllerTests/testView_Toggle_On.lang_en_device_phone4_7inch.png
diff --git a/...dReceivedViewControllerTests/testView_Toggle_On.lang_en_device_phone5_8inch.png b/...dReceivedViewControllerTests/testView_Toggle_On.lang_en_device_phone5_8inch.png
diff --git a/...edgeRewardReceivedViewControllerTests/testView_Toggle_On.lang_es_device_pad.png b/...edgeRewardReceivedViewControllerTests/testView_Toggle_On.lang_es_device_pad.png
diff --git a/...dReceivedViewControllerTests/testView_Toggle_On.lang_es_device_phone4_7inch.png b/...dReceivedViewControllerTests/testView_Toggle_On.lang_es_device_phone4_7inch.png
diff --git a/...dReceivedViewControllerTests/testView_Toggle_On.lang_es_device_phone5_8inch.png b/...dReceivedViewControllerTests/testView_Toggle_On.lang_es_device_phone5_8inch.png
diff --git a/...edgeRewardReceivedViewControllerTests/testView_Toggle_On.lang_fr_device_pad.png b/...edgeRewardReceivedViewControllerTests/testView_Toggle_On.lang_fr_device_pad.png
diff --git a/...dReceivedViewControllerTests/testView_Toggle_On.lang_fr_device_phone4_7inch.png b/...dReceivedViewControllerTests/testView_Toggle_On.lang_fr_device_phone4_7inch.png
diff --git a/...dReceivedViewControllerTests/testView_Toggle_On.lang_fr_device_phone5_8inch.png b/...dReceivedViewControllerTests/testView_Toggle_On.lang_fr_device_phone5_8inch.png
diff --git a/...edgeRewardReceivedViewControllerTests/testView_Toggle_On.lang_ja_device_pad.png b/...edgeRewardReceivedViewControllerTests/testView_Toggle_On.lang_ja_device_pad.png
diff --git a/...dReceivedViewControllerTests/testView_Toggle_On.lang_ja_device_phone4_7inch.png b/...dReceivedViewControllerTests/testView_Toggle_On.lang_ja_device_phone4_7inch.png
diff --git a/...dReceivedViewControllerTests/testView_Toggle_On.lang_ja_device_phone5_8inch.png b/...dReceivedViewControllerTests/testView_Toggle_On.lang_ja_device_phone5_8inch.png
diff --git a/Library/ViewModels/ManagePledgeViewModel.swift b/Library/ViewModels/ManagePledgeViewModel.swift
@@ -226,21 +226,76 @@ public final class ManagePledgeViewModel:
       shouldBeginRefresh.ignoreValues()
     )
 
+    // MARK: - ManageViewPledgeRewardReceivedViewData
+
     let latestRewardDeliveryDate = self.loadProjectAndRewardsIntoDataSource.map { _, rewards in
       rewards
         .compactMap { $0.estimatedDeliveryOn }
         .reduce(0) { accum, value in max(accum, value) }
     }
 
-    self.configureRewardReceivedWithData = Signal.combineLatest(project, backing, latestRewardDeliveryDate)
-      .map { project, backing, latestRewardDeliveryDate in
-        ManageViewPledgeRewardReceivedViewData(
-          project: project,
-          backerCompleted: backing.backerCompleted ?? false,
-          estimatedDeliveryOn: latestRewardDeliveryDate,
-          backingState: backing.status
+    let baseReward = backing.map(\.reward).skipNil()
+
+    let shippingRules = Signal.combineLatest(project, baseReward.filter { $0.shipping.enabled })
+      .switchMap { project, reward in
+        AppEnvironment.current.apiService.fetchRewardShippingRules(
+          projectId: project.id,
+          rewardId: reward.id
         )
+        .ksr_delay(AppEnvironment.current.apiDelayInterval, on: AppEnvironment.current.scheduler)
+        .map(ShippingRulesEnvelope.lens.shippingRules.view)
+        .retry(upTo: 3)
+        .materialize()
       }
+      .values()
+
+    let shippingRule = Signal.combineLatest(backing, shippingRules)
+      .map { backing, shippingRules -> ShippingRule? in
+        guard let locationId = backing.locationId else { return nil }
+        return shippingRules.first(where: { $0.location.id == locationId })
+      }
+
+    let estimatedShipping = Signal.combineLatest(
+      shippingRule,
+      backing,
+      self.loadProjectAndRewardsIntoDataSource
+    )
+    .map { rule, backing, projectAndRewards -> String? in
+      let (project, rewards) = projectAndRewards
+      guard let rule,
+            let range = estimatedShippingText(
+              for: rewards,
+              project: project,
+              selectedShippingRule: rule,
+              selectedQuantities: selectedRewardQuantities(in: backing)
+            )
+      else { return nil }
+
+      return Strings.About_reward_amount(reward_amount: range)
+    }
+
+    let estimatedShippingAllRewards = Signal.merge(
+      estimatedShipping,
+      baseReward.filter { !$0.shipping.enabled }.mapConst(nil)
+    )
+
+    self.configureRewardReceivedWithData = Signal.combineLatest(
+      project,
+      backing,
+      latestRewardDeliveryDate,
+      estimatedShippingAllRewards
+    )
+    .map { project, backing, latestRewardDeliveryDate, estimatedShipping in
+      ManageViewPledgeRewardReceivedViewData(
+        project: project,
+        backerCompleted: backing.backerCompleted ?? false,
+        estimatedDeliveryOn: latestRewardDeliveryDate,
+        backingState: backing.status,
+        estimatedShipping: estimatedShipping
+      )
+    }
+
+    // MARK: - Menu options
 
     let menuOptions = Signal.combineLatest(project, backing, userIsCreatorOfProject)
       .map(actionSheetMenuOptionsFor(project:backing:userIsCreatorOfProject:))
@@ -560,7 +615,7 @@ private func managePledgeSummaryViewData(
     projectState: project.state,
     rewardMinimum: allRewardsTotal(for: backing),
     shippingAmount: backing.shippingAmount.flatMap(Double.init),
-    shippingAmountHidden: backing.reward?.shipping.enabled == false,
+    shippingAmountHidden: backing.reward?.shipping.enabled == false || backing.shippingAmount == 0,
     rewardIsLocalPickup: isRewardLocalPickup
   )
 }

diff --git a/Library/ViewModels/ManagePledgeViewModelTests.swift b/Library/ViewModels/ManagePledgeViewModelTests.swift
@@ -258,7 +258,8 @@ internal final class ManagePledgeViewModelTests: TestCase {
       project: project,
       backerCompleted: true,
       estimatedDeliveryOn: 1_506_897_315.0,
-      backingState: .pledged
+      backingState: .pledged,
+      estimatedShipping: nil
     )
 
     withEnvironment(apiService: mockService) {
@@ -920,7 +921,8 @@ internal final class ManagePledgeViewModelTests: TestCase {
       project: project,
       backerCompleted: true,
       estimatedDeliveryOn: 0,
-      backingState: .pledged
+      backingState: .pledged,
+      estimatedShipping: nil
     )
 
     withEnvironment(apiService: mockService1) {
@@ -974,14 +976,7 @@ internal final class ManagePledgeViewModelTests: TestCase {
       self.loadProjectAndRewardsIntoDataSourceReward.assertValues([
         [.noReward], [.noReward], [.noReward], [.noReward]
       ])
-      self.configureRewardReceivedWithData.assertValues([
-        expectedRewardReceivedData,
-        expectedRewardReceivedData,
-        expectedRewardReceivedData,
-        expectedRewardReceivedData,
-        expectedRewardReceivedData,
-        expectedRewardReceivedData
-      ])
+      self.configureRewardReceivedWithData.assertLastValue(expectedRewardReceivedData)
       self.title.assertValues(["Manage your pledge", "Manage your pledge", "Manage your pledge"])
     }
   }

diff --git a/Library/ViewModels/ManageViewPledgeRewardReceivedViewModel.swift b/Library/ViewModels/ManageViewPledgeRewardReceivedViewModel.swift
@@ -8,6 +8,7 @@ public struct ManageViewPledgeRewardReceivedViewData: Equatable {
   public let backerCompleted: Bool
   public let estimatedDeliveryOn: TimeInterval
   public let backingState: Backing.Status
+  public let estimatedShipping: String?
 }
 
 public protocol ManageViewPledgeRewardReceivedViewModelInputs {
@@ -19,6 +20,8 @@ public protocol ManageViewPledgeRewardReceivedViewModelInputs {
 public protocol ManageViewPledgeRewardReceivedViewModelOutputs {
   var cornerRadius: Signal<CGFloat, Never> { get }
   var estimatedDeliveryDateLabelAttributedText: Signal<NSAttributedString, Never> { get }
+  var estimatedShippingAttributedText: Signal<NSAttributedString, Never> { get }
+  var estimatedShippingHidden: Signal<Bool, Never> { get }
   var layoutMargins: Signal<UIEdgeInsets, Never> { get }
   var marginWidth: Signal<CGFloat, Never> { get }
   var rewardReceived: Signal<Bool, Never> { get }
@@ -78,6 +81,12 @@ public class ManageViewPledgeRewardReceivedViewModel:
     self.estimatedDeliveryDateLabelAttributedText = data.map(\.estimatedDeliveryOn)
       .map(estimatedDeliveryAttributedText)
 
+    self.estimatedShippingAttributedText = data.map(\.estimatedShipping).skipNil()
+      .map(formatEstimatedShipping)
+
+    self.estimatedShippingHidden = data.map(\.estimatedShipping)
+      .map { !featureNoShippingAtCheckout() || $0 == nil }
+
     self.rewardReceivedHidden = data.map(\.backingState).map { state in state != .collected }
     self.cornerRadius = self.rewardReceivedHidden.map { $0 ? 0 : Styles.grid(2) }
     self.layoutMargins = self.rewardReceivedHidden.map { $0 ? .zero : .init(all: Styles.gridHalf(5)) }
@@ -101,6 +110,8 @@ public class ManageViewPledgeRewardReceivedViewModel:
 
   public let cornerRadius: Signal<CGFloat, Never>
   public let estimatedDeliveryDateLabelAttributedText: Signal<NSAttributedString, Never>
+  public let estimatedShippingAttributedText: Signal<NSAttributedString, Never>
+  public let estimatedShippingHidden: Signal<Bool, Never>
   public let layoutMargins: Signal<UIEdgeInsets, Never>
   public let marginWidth: Signal<CGFloat, Never>
   public let rewardReceived: Signal<Bool, Never>
@@ -110,6 +121,12 @@ public class ManageViewPledgeRewardReceivedViewModel:
   public var outputs: ManageViewPledgeRewardReceivedViewModelOutputs { return self }
 }
 
+private func formatEstimatedShipping(with shippingRange: String) -> NSAttributedString {
+  // In this UI, the title and value are simply separated by a space.
+  let totalString = "\(Strings.Estimated_Shipping()) \(shippingRange)"
+  return attributedText(totalString: totalString, valueSubstring: shippingRange)
+}
+
 private func estimatedDeliveryAttributedText(with date: TimeInterval) -> NSAttributedString {
   let dateString = Format.date(
     secondsInUTC: date,
@@ -118,15 +135,19 @@ private func estimatedDeliveryAttributedText(with date: TimeInterval) -> NSAttri
   )
   let string = Strings.backing_info_estimated_delivery_date(delivery_date: dateString)
 
+  return attributedText(totalString: string, valueSubstring: dateString)
+}
+
+private func attributedText(totalString: String, valueSubstring: String) -> NSAttributedString {
   let font = UIFont.ksr_subhead()
 
   let attributedText = NSMutableAttributedString(
-    attributedString: string
+    attributedString: totalString
       .attributed(
         with: font,
         foregroundColor: .ksr_support_400,
         attributes: [:],
-        bolding: [string.replacingOccurrences(of: dateString, with: "")]
+        bolding: [totalString.replacingOccurrences(of: valueSubstring, with: "")]
       )
   )
 
@@ -135,7 +156,7 @@ private func estimatedDeliveryAttributedText(with date: TimeInterval) -> NSAttri
       .font: font,
       .foregroundColor: UIColor.ksr_support_700
     ],
-    range: (string as NSString).range(of: dateString)
+    range: (totalString as NSString).range(of: valueSubstring)
   )
 
   return attributedText