add alert buttons and a helper to calculate orientation for these buttons

Author: mikhailChelbaev

Sources/ComponentsKit/Components/Alert/Helpers/AlertButtonsOrientationCalculator.swift

@@ -0,0 +1,47 @@
+import UIKit
+
+struct AlertButtonsOrientationCalculator {
+  enum Orientation {
+    case vertical
+    case horizontal
+  }
+
+  private static let primaryButton = UKButton()
+  private static let secondaryButton = UKButton()
+
+  private init() {}
+
+  static func preferredOrientation(model: AlertVM) -> Orientation {
+    guard let primaryButtonVM = model.primaryButtonVM,
+          let secondaryButtonVM = model.secondaryButtonVM else {
+      return .vertical
+    }
+
+    self.primaryButton.model = primaryButtonVM.updating {
+      $0.isFullWidth = false
+    }
+    self.secondaryButton.model = secondaryButtonVM.updating {
+      $0.isFullWidth = false
+    }
+
+    let primaryButtonWidth = self.primaryButton.intrinsicContentSize.width
+    let secondaryButtonWidth = self.secondaryButton.intrinsicContentSize.width
+
+    // Since the `maxWidth` of the alert is always less than the width of the
+    // screen, we can assume that the width of the container is equal to this
+    // `maxWidth` value.
+    let containerWidth = model.modalVM.size.maxWidth
+    let availableButtonsWidth = containerWidth
+    - AlertVM.buttonsSpacing
+    - model.contentPaddings.leading
+    - model.contentPaddings.trailing
+    let availableButtonWidth = availableButtonsWidth / 2
+
+    if primaryButtonWidth <= availableButtonWidth,
+       secondaryButtonWidth <= availableButtonWidth {
+      return .horizontal
+    } else {
+      return .vertical
+    }
+  }
+}

Sources/ComponentsKit/Components/Alert/Models/AlertVM.swift

@@ -97,5 +97,6 @@ extension AlertVM {
     $0.title = "OK"
     $0.color = .primary
     $0.style = .filled
+    $0.isFullWidth = true
   }
 }

Sources/ComponentsKit/Components/Alert/SUAlert.swift

@@ -70,13 +70,34 @@ extension View {
             }
           },
           footer: {
-            SUButton(
-              model: AlertVM.defaultButtonVM,
-              action: {
-                primaryAction?()
-                isPresented.wrappedValue = false
+            switch AlertButtonsOrientationCalculator.preferredOrientation(model: model) {
+              case .horizontal:
+              HStack {
+                AlertButton(
+                  isAlertPresented: isPresented,
+                  model: model.secondaryButtonVM,
+                  action: secondaryAction
+                )
+                AlertButton(
+                  isAlertPresented: isPresented,
+                  model: model.primaryButtonVM,
+                  action: primaryAction
+                )
               }
-            )
+            case .vertical:
+              VStack {
+                AlertButton(
+                  isAlertPresented: isPresented,
+                  model: model.primaryButtonVM,
+                  action: primaryAction
+                )
+                AlertButton(
+                  isAlertPresented: isPresented,
+                  model: model.secondaryButtonVM,
+                  action: secondaryAction
+                )
+              }
+            }
           }
         )
       }
@@ -109,3 +130,18 @@ private struct AlertMessage: View {
       .frame(maxWidth: .infinity)
   }
 }
+
+private struct AlertButton: View {
+  @Binding var isAlertPresented: Bool
+  let model: ButtonVM?
+  let action: (() -> Void)?
+
+  var body: some View {
+    if let model {
+      SUButton(model: model) {
+        self.action?()
+        self.isAlertPresented = false
+      }
+    }
+  }
+}

Sources/ComponentsKit/Components/Alert/UKAlertController.swift

@@ -138,30 +138,12 @@ public class UKAlertController: UKCenterModalController {
     super.updateViewConstraints()
 
     if self.buttonsStackView.arrangedSubviews.count == 2 {
-      self.buttonsStackView.axis = .vertical
-      let primaryButtonWidth = self.primaryButton.intrinsicContentSize.width
-      let secondaryButtonWidth = self.secondaryButton.intrinsicContentSize.width
-
-      // Since the `maxWidth` of the alert is always less than the width of the
-      // screen, we can assume that the width of the container is equal to this
-      // `maxWidth` value.
-      let containerWidth = self.model.size.maxWidth
-      let availableButtonsWidth = containerWidth
-      - AlertVM.buttonsSpacing
-      - self.model.contentPaddings.leading
-      - self.model.contentPaddings.trailing
-      let availableButtonWidth = availableButtonsWidth / 2
-
-      if primaryButtonWidth <= availableButtonWidth,
-         secondaryButtonWidth <= availableButtonWidth {
+      switch AlertButtonsOrientationCalculator.preferredOrientation(model: self.alertVM) {
+      case .horizontal:
         self.buttonsStackView.removeArrangedSubview(self.secondaryButton)
         self.buttonsStackView.insertArrangedSubview(self.secondaryButton, at: 0)
-
         self.buttonsStackView.axis = .horizontal
-      } else {
-        self.buttonsStackView.removeArrangedSubview(self.secondaryButton)
-        self.buttonsStackView.insertArrangedSubview(self.secondaryButton, at: 1)
-
+      case .vertical:
         self.buttonsStackView.axis = .vertical
       }
     } else {