[Paywalls] Tabs (multi-tier / toggle) component

RevenueCatUI/Templates/V2/Components/Button/ButtonComponentView.swift

@@ -154,6 +154,7 @@ fileprivate extension ButtonComponentViewModel {
         let factory = ViewModelFactory()
         let stackViewModel = try factory.toStackViewModel(
             component: component.stack,
+            packageValidator: factory.packageValidator,
             localizationProvider: localizationProvider,
             uiConfigProvider: .init(uiConfig: PreviewUIConfig.make()),
             offering: offering

RevenueCatUI/Templates/V2/Components/ComponentsView.swift

@@ -32,6 +32,7 @@ struct ComponentsView: View {
     }
 
     @ViewBuilder
+    // swiftlint:disable:next cyclomatic_complexity
     func layoutComponents(_ componentViewModels: [PaywallComponentViewModel]) -> some View {
         ForEach(Array(componentViewModels.enumerated()), id: \.offset) { _, item in
             switch item {
@@ -51,6 +52,15 @@ struct ComponentsView: View {
                 PurchaseButtonComponentView(viewModel: viewModel)
             case .stickyFooter(let viewModel):
                 StickyFooterComponentView(viewModel: viewModel)
+
+            case .tabs(let viewModel):
+                TabsComponentView(viewModel: viewModel, onDismiss: onDismiss)
+            case .tabControl(let viewModel):
+                TabControlComponentView(viewModel: viewModel, onDismiss: onDismiss)
+            case .tabControlButton(let viewModel):
+                TabControlButtonComponentView(viewModel: viewModel, onDismiss: onDismiss)
+            case .tabControlToggle(let viewModel):
+                TabControlToggleComponentView(viewModel: viewModel, onDismiss: onDismiss)
             }
         }
     }

RevenueCatUI/Templates/V2/Components/Packages/Package/PackageComponentView.swift

@@ -203,6 +203,7 @@ fileprivate extension PackageComponentViewModel {
         let factory = ViewModelFactory()
         let stackViewModel = try factory.toStackViewModel(
             component: component.stack,
+            packageValidator: factory.packageValidator,
             localizationProvider: localizationProvider,
             uiConfigProvider: .init(uiConfig: PreviewUIConfig.make()),
             offering: offering

RevenueCatUI/Templates/V2/Components/Packages/PurchaseButton/PurchaseButtonComponentView.swift

@@ -151,6 +151,7 @@ fileprivate extension PurchaseButtonComponentViewModel {
         let factory = ViewModelFactory()
         let stackViewModel = try factory.toStackViewModel(
             component: component.stack,
+            packageValidator: factory.packageValidator,
             localizationProvider: localizationProvider,
             uiConfigProvider: .init(uiConfig: PreviewUIConfig.make()),
             offering: offering

RevenueCatUI/Templates/V2/Components/Stack/StackComponentView.swift

@@ -39,7 +39,11 @@ struct StackComponentView: View {
     /// area when displayed as a sticky footer.
     private let additionalPadding: EdgeInsets
 
-    init(viewModel: StackComponentViewModel, onDismiss: @escaping () -> Void, additionalPadding: EdgeInsets? = nil) {
+    init(
+        viewModel: StackComponentViewModel,
+        onDismiss: @escaping () -> Void,
+        additionalPadding: EdgeInsets? = nil
+    ) {
         self.viewModel = viewModel
         self.onDismiss = onDismiss
         self.additionalPadding = additionalPadding ?? EdgeInsets(top: 0, leading: 0, bottom: 0, trailing: 0)
@@ -506,7 +510,7 @@ struct StackComponentView_Previews: PreviewProvider {
 }
 
 @available(iOS 15.0, macOS 12.0, tvOS 15.0, watchOS 8.0, *)
-fileprivate extension StackComponentViewModel {
+extension StackComponentViewModel {
 
     convenience init(
         component: PaywallComponent.StackComponent,

RevenueCatUI/Templates/V2/Components/Stack/StackComponentViewModel.swift

@@ -21,7 +21,7 @@ private typealias PresentedStackPartial = PaywallComponent.PartialStackComponent
 @available(iOS 15.0, macOS 12.0, tvOS 15.0, watchOS 8.0, *)
 class StackComponentViewModel {
 
-    private let component: PaywallComponent.StackComponent
+    let component: PaywallComponent.StackComponent
     let uiConfigProvider: UIConfigProvider
     private let presentedOverrides: PresentedOverrides<PresentedStackPartial>?
 

RevenueCatUI/Templates/V2/Components/Tabs/TabControlButtonComponentView.swift

@@ -0,0 +1,65 @@
+//
+//  Copyright RevenueCat Inc. All Rights Reserved.
+//
+//  Licensed under the MIT License (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//      https://opensource.org/licenses/MIT
+//
+//  TabsComponentView.swift
+//
+//  Created by Josh Holtz on 1/9/25.
+
+import Foundation
+import RevenueCat
+import SwiftUI
+
+#if PAYWALL_COMPONENTS
+
+@available(iOS 15.0, macOS 12.0, tvOS 15.0, watchOS 8.0, *)
+struct TabControlButtonComponentView: View {
+
+    @EnvironmentObject
+    private var introOfferEligibilityContext: IntroOfferEligibilityContext
+
+    @EnvironmentObject
+    private var packageContext: PackageContext
+
+    @Environment(\.componentViewState)
+    private var componentViewState
+
+    @Environment(\.screenCondition)
+    private var screenCondition
+
+    @EnvironmentObject
+    private var tabControlContext: TabControlContext
+
+    private let viewModel: TabControlButtonComponentViewModel
+    private let onDismiss: () -> Void
+
+    private var selectedState: ComponentViewState {
+        return self.tabControlContext.selectedIndex == self.viewModel.component.tabIndex ? .selected : .default
+    }
+
+    init(viewModel: TabControlButtonComponentViewModel, onDismiss: @escaping () -> Void) {
+        self.viewModel = viewModel
+        self.onDismiss = onDismiss
+    }
+
+    var body: some View {
+        Button {
+            self.tabControlContext.selectedIndex = self.viewModel.component.tabIndex
+        } label: {
+            StackComponentView(
+                viewModel: self.viewModel.stackViewModel,
+                onDismiss: self.onDismiss
+            )
+            .environment(\.componentViewState, self.selectedState)
+        }
+
+    }
+
+}
+
+#endif

RevenueCatUI/Templates/V2/Components/Tabs/TabControlButtonComponentViewModel.swift

@@ -0,0 +1,38 @@
+//
+//  Copyright RevenueCat Inc. All Rights Reserved.
+//
+//  Licensed under the MIT License (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//      https://opensource.org/licenses/MIT
+//
+//  TabsComponentViewModel.swift
+//
+//  Created by Josh Holtz on 1/9/25.
+
+import RevenueCat
+import SwiftUI
+
+#if PAYWALL_COMPONENTS
+
+@available(iOS 15.0, macOS 12.0, tvOS 15.0, watchOS 8.0, *)
+class TabControlButtonComponentViewModel {
+
+    let component: PaywallComponent.TabControlButtonComponent
+    let stackViewModel: StackComponentViewModel
+    let uiConfigProvider: UIConfigProvider
+
+    init(
+        component: PaywallComponent.TabControlButtonComponent,
+        stackViewModel: StackComponentViewModel,
+        uiConfigProvider: UIConfigProvider
+    ) throws {
+        self.component = component
+        self.stackViewModel = stackViewModel
+        self.uiConfigProvider = uiConfigProvider
+    }
+
+}
+
+#endif

RevenueCatUI/Templates/V2/Components/Tabs/TabControlComponentView.swift

@@ -0,0 +1,55 @@
+//
+//  Copyright RevenueCat Inc. All Rights Reserved.
+//
+//  Licensed under the MIT License (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//      https://opensource.org/licenses/MIT
+//
+//  TabsComponentView.swift
+//
+//  Created by Josh Holtz on 1/9/25.
+
+import Foundation
+import RevenueCat
+import SwiftUI
+
+#if PAYWALL_COMPONENTS
+
+@available(iOS 15.0, macOS 12.0, tvOS 15.0, watchOS 8.0, *)
+struct TabControlComponentView: View {
+
+    @EnvironmentObject
+    private var introOfferEligibilityContext: IntroOfferEligibilityContext
+
+    @EnvironmentObject
+    private var packageContext: PackageContext
+
+    @Environment(\.componentViewState)
+    private var componentViewState
+
+    @Environment(\.screenCondition)
+    private var screenCondition
+
+    @EnvironmentObject
+    private var tabControlContext: TabControlContext
+
+    private let viewModel: TabControlComponentViewModel
+    private let onDismiss: () -> Void
+
+    init(viewModel: TabControlComponentViewModel, onDismiss: @escaping () -> Void) {
+        self.viewModel = viewModel
+        self.onDismiss = onDismiss
+    }
+
+    var body: some View {
+        StackComponentView(
+            viewModel: self.tabControlContext.controlStackViewModel,
+            onDismiss: self.onDismiss
+        )
+    }
+
+}
+
+#endif

RevenueCatUI/Templates/V2/Components/Tabs/TabControlComponentViewModel.swift

@@ -0,0 +1,35 @@
+//
+//  Copyright RevenueCat Inc. All Rights Reserved.
+//
+//  Licensed under the MIT License (the "License");
+//  you may not use this file except in compliance with the License.
+//  You may obtain a copy of the License at
+//
+//      https://opensource.org/licenses/MIT
+//
+//  TabsComponentViewModel.swift
+//
+//  Created by Josh Holtz on 1/9/25.
+
+import RevenueCat
+import SwiftUI
+
+#if PAYWALL_COMPONENTS
+
+@available(iOS 15.0, macOS 12.0, tvOS 15.0, watchOS 8.0, *)
+class TabControlComponentViewModel {
+
+    let component: PaywallComponent.TabControlComponent
+    let uiConfigProvider: UIConfigProvider
+
+    init(
+        component: PaywallComponent.TabControlComponent,
+        uiConfigProvider: UIConfigProvider
+    ) throws {
+        self.component = component
+        self.uiConfigProvider = uiConfigProvider
+    }
+
+}
+
+#endif