[Customer Center] Add API call to get Customer Center config (#3933)

Adds `Purchases.shared.loadCustomerCenter()` that calls a new backend
endpoint that returns the customer center configuration

This API call doesn't exist yet and it will change. This PR is the
ground work so that we don't have to wait for the backend to add this
API and we can already pretend the API is there.

---------

Co-authored-by: RevenueCat Git Bot <[email protected]>

.gitignore

@@ -57,3 +57,4 @@ Tests/InstallationTests/XcodeDirectInstallation/XcodeDirectInstallation.xcodepro
 
 # fastlane
 fastlane/.env
+.vscode/settings.json

RevenueCatUI/CustomerCenter/Data/CustomerCenterConfigTestData.swift

@@ -20,50 +20,88 @@ enum CustomerCenterConfigTestData {
 
     @available(iOS 14.0, *)
     static let customerCenterData = CustomerCenterConfigData(
-        id: "customer_center_id",
-        paths: [
-            .init(
-                id: "1",
-                title: "Didn't receive purchase",
-                type: .missingPurchase,
-                detail: nil
-            ),
-            .init(
-                id: "2",
-                title: "Request a refund",
-                type: .refundRequest,
-                detail: nil
-            ),
-            .init(
-                id: "3",
-                title: "Change plans",
-                type: .changePlans,
-                detail: nil
-            ),
-            .init(
-                id: "4",
-                title: "Cancel subscription",
-                type: .cancel,
-                detail: .feedbackSurvey(.init(
-                    title: "Why are you cancelling?",
-                    options: [
+        screens: [.management:
+                .init(
+                    type: .management,
+                    title: "Manage Subscription",
+                    subtitle: "Manage your subscription details here",
+                    paths: [
                         .init(
                             id: "1",
-                            title: "Too expensive"
+                            title: "Didn't receive purchase",
+                            type: .missingPurchase,
+                            detail: nil
                         ),
                         .init(
                             id: "2",
-                            title: "Don't use the app"
+                            title: "Request a refund",
+                            type: .refundRequest,
+                            detail: nil
                         ),
                         .init(
                             id: "3",
-                            title: "Bought by mistake"
+                            title: "Change plans",
+                            type: .changePlans,
+                            detail: nil
+                        ),
+                        .init(
+                            id: "4",
+                            title: "Cancel subscription",
+                            type: .cancel,
+                            detail: .feedbackSurvey(.init(
+                                title: "Why are you cancelling?",
+                                options: [
+                                    .init(
+                                        id: "1",
+                                        title: "Too expensive"
+                                    ),
+                                    .init(
+                                        id: "2",
+                                        title: "Don't use the app"
+                                    ),
+                                    .init(
+                                        id: "3",
+                                        title: "Bought by mistake"
+                                    )
+                                ]
+                            ))
                         )
                     ]
-                ))
-            )
+                ),
+                  .noActive: .init(
+                    type: .noActive,
+                    title: "No Active Subscription",
+                    subtitle: "You currently have no active subscriptions",
+                    paths: [
+                        .init(
+                            id: "9q9719171o",
+                            title: "Check purchases",
+                            type: .missingPurchase,
+                            detail: nil
+                        )
+                    ]
+                  )
         ],
-        title: "How can we help?"
+        appearance: .init(
+            mode: .custom,
+            light: .init(
+                accentColor: "#ffffff",
+                backgroundColor: "#000000",
+                textColor: "#000000"
+            ),
+            dark: .init(
+                accentColor: "#000000",
+                backgroundColor: "#ffffff",
+                textColor: "#ffffff"
+            )
+        ),
+        localization: .init(
+            locale: "en_US",
+            localizedStrings: [
+                "cancel": "Cancel",
+                "back": "Back"
+            ]
+        )
     )
 
     static let subscriptionInformation: SubscriptionInformation = .init(

RevenueCatUI/CustomerCenter/ViewModels/CustomerCenterViewModel.swift

@@ -38,9 +38,11 @@ import RevenueCat
             }
         }
     }
+    @Published
+    var configuration: CustomerCenterConfigData?
 
     var isLoaded: Bool {
-        return state != .notLoaded
+        return state != .notLoaded && configuration != nil
     }
 
     private var customerInfoFetcher: CustomerInfoFetcher
@@ -97,4 +99,12 @@ import RevenueCat
         }
     }
 
+    func loadCustomerCenterConfig() async {
+        do {
+            self.configuration = try await Purchases.shared.loadCustomerCenter()
+        } catch {
+            self.state = .error(error)
+        }
+    }
+
 }

RevenueCatUI/CustomerCenter/ViewModels/ManageSubscriptionsViewModel.swift

@@ -25,12 +25,8 @@ import RevenueCat
 @MainActor
 class ManageSubscriptionsViewModel: ObservableObject {
 
-    @Published
-    private(set) var subscriptionInformation: SubscriptionInformation?
-    @Published
-    private(set) var refundRequestStatusMessage: String?
-    @Published
-    private(set) var configuration: CustomerCenterConfigData?
+    let screen: CustomerCenterConfigData.Screen
+
     @Published
     var showRestoreAlert: Bool = false
     @Published
@@ -41,29 +37,34 @@ class ManageSubscriptionsViewModel: ObservableObject {
             }
         }
     }
-
     var isLoaded: Bool {
         return state != .notLoaded
     }
 
+    @Published
+    private(set) var subscriptionInformation: SubscriptionInformation?
+    @Published
+    private(set) var refundRequestStatusMessage: String?
+
     private var purchasesProvider: ManageSubscriptionsPurchaseType
 
     private var error: Error?
 
-    convenience init() {
-        self.init(purchasesProvider: ManageSubscriptionPurchases())
+    convenience init(screen: CustomerCenterConfigData.Screen) {
+        self.init(screen: screen,
+                  purchasesProvider: ManageSubscriptionPurchases())
     }
 
-    // @PublicForExternalTesting
-    init(purchasesProvider: ManageSubscriptionsPurchaseType) {
+    init(screen: CustomerCenterConfigData.Screen,
+         purchasesProvider: ManageSubscriptionsPurchaseType) {
         self.state = .notLoaded
+        self.screen = screen
         self.purchasesProvider = purchasesProvider
     }
 
-    // @PublicForExternalTesting
-    init(configuration: CustomerCenterConfigData,
+    init(screen: CustomerCenterConfigData.Screen,
          subscriptionInformation: SubscriptionInformation) {
-        self.configuration = configuration
+        self.screen = screen
         self.subscriptionInformation = subscriptionInformation
         self.purchasesProvider = ManageSubscriptionPurchases()
         state = .success
@@ -72,7 +73,6 @@ class ManageSubscriptionsViewModel: ObservableObject {
     func loadScreen() async {
         do {
             try await loadSubscriptionInformation()
-            loadCustomerCenterConfig()
             self.state = .success
         } catch {
             self.state = .error(error)
@@ -104,10 +104,6 @@ class ManageSubscriptionsViewModel: ObservableObject {
         )
     }
 
-    private func loadCustomerCenterConfig() {
-        self.configuration = CustomerCenterConfigTestData.customerCenterData
-    }
-
     #if os(iOS) || targetEnvironment(macCatalyst)
     func handleAction(for path: CustomerCenterConfigData.HelpPath) async {
         switch path.type {

RevenueCatUI/CustomerCenter/Views/CustomerCenterView.swift

@@ -41,11 +41,13 @@ public struct CustomerCenterView: View {
             if !viewModel.isLoaded {
                 ProgressView()
             } else {
-                destinationView()
+                if let configuration = viewModel.configuration {
+                    destinationView(configuration: configuration)
+                }
             }
         }
         .task {
-            await checkAndLoadSubscriptions()
+            await loadInformationIfNeeded()
         }
     }
 
@@ -58,22 +60,24 @@ public struct CustomerCenterView: View {
 @available(visionOS, unavailable)
 private extension CustomerCenterView {
 
-    func checkAndLoadSubscriptions() async {
+    func loadInformationIfNeeded() async {
         if !viewModel.isLoaded {
             await viewModel.loadHasSubscriptions()
+            await viewModel.loadCustomerCenterConfig()
         }
     }
 
     @ViewBuilder
-    func destinationView() -> some View {
+    func destinationView(configuration: CustomerCenterConfigData) -> some View {
         if viewModel.hasSubscriptions {
-            if viewModel.subscriptionsAreFromApple {
-                ManageSubscriptionsView()
+            if viewModel.subscriptionsAreFromApple,
+               let screen = configuration.screens[.management] {
+                ManageSubscriptionsView(screen: screen)
             } else {
                 WrongPlatformView()
             }
         } else {
-            NoSubscriptionsView()
+            NoSubscriptionsView(configuration: configuration)
         }
     }