Paywalls: improved FooterView

RevenueCatUI/Data/Constants.swift

@@ -27,6 +27,13 @@ enum Constants {
     /// For UI elements that wouldn't make sense to keep scaling up forever
     static let maximumDynamicTypeSize: DynamicTypeSize = .accessibility3
 
+    /// See https://developer.apple.com/design/human-interface-guidelines/buttons#Best-practices
+    #if swift(>=5.9) && os(visionOS)
+    static let minimumButtonHeight: CGFloat = 60
+    #else
+    static let minimumButtonHeight: CGFloat = 44
+    #endif
+
     static func defaultHorizontalPaddingLength(_ idiom: UserInterfaceIdiom) -> CGFloat? {
         if idiom == .pad {
             return 24

RevenueCatUI/Templates/Template1View.swift

@@ -51,6 +51,7 @@ struct Template1View: TemplateViewType {
             .font(self.font(for: .callout))
             .multilineTextAlignment(.center)
             .defaultHorizontalPadding()
+            .padding(.top, self.defaultVerticalPaddingLength)
 
             self.button
                 .defaultHorizontalPadding()

RevenueCatUI/Templates/Template2View.swift

@@ -71,6 +71,7 @@ struct Template2View: TemplateViewType {
         .animation(Constants.fastAnimation, value: self.selectedPackage)
         .multilineTextAlignment(.center)
         .frame(maxHeight: .infinity)
+        .padding(.top, self.defaultVerticalPaddingLength)
     }
 
     private var scrollableContent: some View {
@@ -122,7 +123,7 @@ struct Template2View: TemplateViewType {
                 .buttonStyle(PackageButtonStyle(isSelected: isSelected))
             }
         }
-        .padding([.horizontal, .top], self.defaultHorizontalPaddingLength)
+        .padding(.horizontal, self.defaultHorizontalPaddingLength)
 
         Spacer()
     }

RevenueCatUI/Templates/Template3View.swift

@@ -76,7 +76,6 @@ struct Template3View: TemplateViewType {
                 introEligibility: self.introEligibility,
                 purchaseHandler: self.purchaseHandler
             )
-            .padding(.bottom)
 
             FooterView(configuration: self.configuration,
                        purchaseHandler: self.purchaseHandler)

RevenueCatUI/Views/FooterView.swift

@@ -30,7 +30,7 @@ struct FooterView: View {
 
     init(
         configuration: TemplateViewConfiguration,
-        bold: Bool = true,
+        bold: Bool = false,
         purchaseHandler: PurchaseHandler,
         displayingAllPlans: Binding<Bool>? = nil
     ) {
@@ -49,7 +49,7 @@ struct FooterView: View {
         mode: PaywallViewMode,
         fonts: PaywallFontProvider,
         color: Color,
-        bold: Bool = true,
+        bold: Bool = false,
         purchaseHandler: PurchaseHandler,
         displayingAllPlans: Binding<Bool>?
     ) {
@@ -117,6 +117,7 @@ struct FooterView: View {
         } label: {
             Text("All subscriptions", bundle: .module)
         }
+        .frame(minHeight: Constants.minimumButtonHeight)
     }
 
     private var separator: some View {
@@ -134,7 +135,7 @@ struct FooterView: View {
     fileprivate var font: Font.TextStyle {
         return self.interfaceIdiom == .pad
         ? .callout
-        : .caption
+        : .footnote
     }
 
 }
@@ -150,10 +151,10 @@ private struct SeparatorView: View {
             .accessibilityHidden(true)
     }
 
-    @ScaledMetric(relativeTo: .caption)
+    @ScaledMetric(relativeTo: .footnote)
     private var separatorSize: CGFloat = 4
 
-    @ScaledMetric(relativeTo: .caption)
+    @ScaledMetric(relativeTo: .footnote)
     private var boldSeparatorSize: CGFloat = 5
 }
 
@@ -179,6 +180,7 @@ private struct RestorePurchasesButton: View {
                 Text("Restore purchases", bundle: .module)
             }
         }
+        .frame(minHeight: Constants.minimumButtonHeight)
         .buttonStyle(.plain)
         .alert(isPresented: self.$displayRestoredAlert) {
             Alert(title: Text("Purchases restored successfully!", bundle: .module))
@@ -224,6 +226,7 @@ private struct LinkButton: View {
             ),
             destination: self.url
         )
+        .frame(minHeight: Constants.minimumButtonHeight)
     }
 
 }

Tests/purchases-ios-snapshots-commit

@@ -1 +1 @@
-82d84e2e241db3853e487cb8718a22d112dfba8f
+58e1e2b348e67f180562a49541247d0f0796050e