Rounded corners

RevenueCatUI/Modifiers/ViewExtensions.swift

@@ -20,6 +20,13 @@ extension View {
         }
     }
 
+}
+
+// MARK: - Scrolling
+
+@available(iOS 13.0, tvOS 13.0, macOS 10.15, watchOS 6.2, *)
+extension View {
+
     @ViewBuilder
     func scrollable(
         _ axes: Axis.Set = .vertical,
@@ -60,6 +67,12 @@ extension View {
             }
         }
     }
+}
+
+// MARK: - Size changes
+
+@available(iOS 13.0, tvOS 13.0, macOS 10.15, watchOS 6.2, *)
+extension View {
 
     /// Invokes the given closure whethever the view size changes.
     func onSizeChange(_ closure: @escaping (CGSize) -> Void) -> some View {
@@ -96,6 +109,39 @@ extension View {
 
 }
 
+// MARK: - Rounded corners
+
+@available(iOS 13.0, tvOS 13.0, macOS 10.15, watchOS 6.2, *)
+extension View {
+
+    func roundedCorner(
+        _ radius: CGFloat,
+        corners: UIRectCorner,
+        edgesIgnoringSafeArea edges: Edge.Set = []
+    ) -> some View {
+        self.mask(
+            RoundedCorner(radius: radius, corners: corners)
+                .edgesIgnoringSafeArea(edges)
+        )
+    }
+
+}
+
+@available(iOS 13.0, tvOS 13.0, macOS 10.15, watchOS 6.2, *)
+private struct RoundedCorner: Shape {
+
+    var radius: CGFloat
+    var corners: UIRectCorner
+
+    func path(in rect: CGRect) -> Path {
+        let path = UIBezierPath(roundedRect: rect,
+                                byRoundingCorners: self.corners,
+                                cornerRadii: CGSize(width: self.radius, height: self.radius))
+        return Path(path.cgPath)
+    }
+
+}
+
 // MARK: - Preference Keys
 
 /// `PreferenceKey` for keeping track of a view dimension.

RevenueCatUI/Templates/MultiPackageHorizontalTemplate.swift

@@ -45,12 +45,9 @@ struct MultiPackageHorizontalTemplate: TemplateViewType {
                 .edgesIgnoringSafeArea(.bottom)
                 .frame(maxWidth: .infinity, alignment: .bottom)
                 .background(self.configuration.colors.backgroundColor)
-                // TODO: relative shape?
-                // TODO: bottom corners
-                .mask(
-                    RoundedRectangle(cornerRadius: Self.cornerRadius)
-                        .edgesIgnoringSafeArea(.bottom)
-                )
+                .roundedCorner(Self.cornerRadius,
+                               corners: [.topLeft, .topRight],
+                               edgesIgnoringSafeArea: .bottom)
         }
     }