From 055ffebeb2406982059465baf171e4d7b9d33a77 Mon Sep 17 00:00:00 2001
From: NachoSoto <NachoSoto@users.noreply.github.com>
Date: Wed, 13 Sep 2023 16:36:21 -0700
Subject: [PATCH] `Paywalls`: fixed broken layout on template 4 (#3202)

---
 RevenueCatUI/Data/PaywallTemplate.swift    | 2 +-
 RevenueCatUI/Templates/Template4View.swift | 9 +++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/RevenueCatUI/Data/PaywallTemplate.swift b/RevenueCatUI/Data/PaywallTemplate.swift
index d9864e96b3..656be08336 100644
--- a/RevenueCatUI/Data/PaywallTemplate.swift
+++ b/RevenueCatUI/Data/PaywallTemplate.swift
@@ -19,9 +19,9 @@ internal enum PaywallTemplate: String {
     case template1 = "1"
     case template2 = "2"
     case template3 = "3"
+    case template4 = "4"
 
     // Temporarily disabled until it's supported in the dashboard
-    case template4 = "4_disabled"
     case template5 = "5_disabled"
 
 }
diff --git a/RevenueCatUI/Templates/Template4View.swift b/RevenueCatUI/Templates/Template4View.swift
index 9263d5d2ed..f42b51ecf5 100644
--- a/RevenueCatUI/Templates/Template4View.swift
+++ b/RevenueCatUI/Templates/Template4View.swift
@@ -25,7 +25,7 @@ struct Template4View: TemplateViewType {
     private var selectedPackage: TemplateViewConfiguration.Package
 
     @State
-    private var packageContentHeight: CGFloat = 10
+    private var packageContentHeight: CGFloat?
     @State
     private var containerWidth: CGFloat = 600
     @State
@@ -102,6 +102,7 @@ struct Template4View: TemplateViewType {
 
             self.subscribeButton
                 .defaultHorizontalPadding()
+                .padding(.bottom, Self.verticalPadding / -2)
 
             FooterView(configuration: self.configuration,
                        bold: false,
@@ -165,14 +166,14 @@ struct Template4View: TemplateViewType {
                               packageWidth: self.packageWidth,
                               desiredHeight: nil)
                 .onSizeChange(.vertical) {
-                    if $0 > self.packageContentHeight {
+                    if $0 > self.packageContentHeight ?? 0 {
                         self.packageContentHeight = $0
                     }
                 }
             }
         }
-        .onChange(of: self.dynamicTypeSize) { _ in self.packageContentHeight = 0 }
-        .onChange(of: self.packageWidth) { _ in self.packageContentHeight = 0 }
+        .onChange(of: self.dynamicTypeSize) { _ in self.packageContentHeight = nil }
+        .onChange(of: self.containerWidth) { _ in self.packageContentHeight = nil }
         .hidden()
     }