Revision control
Copy as Markdown
// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
import SwiftUI
import ComponentLibrary
import Common
public struct TermsOfServiceView<VM: OnboardingCardInfoModelProtocol>: View {
@State private var textColor: Color = .clear
@State private var secondaryTextColor: Color = .clear
@State private var cardBackgroundColor: Color = .clear
@State private var secondaryActionColor: Color = .clear
@StateObject private var viewModel: TosFlowViewModel<VM>
let windowUUID: WindowUUID
var themeManager: ThemeManager
public let onEmbededLinkAction: (TosAction) -> Void
public init(
viewModel: TosFlowViewModel<VM>,
windowUUID: WindowUUID,
themeManager: ThemeManager,
onEmbededLinkAction: @escaping (TosAction) -> Void
) {
self._viewModel = StateObject(wrappedValue: viewModel)
self.windowUUID = windowUUID
self.themeManager = themeManager
self.onEmbededLinkAction = onEmbededLinkAction
}
// MARK: - Body
public var body: some View {
GeometryReader { geometry in
// Determine scale factor based on current size vs base metrics
let widthScale = geometry.size.width / UX.CardView.baseWidth
let heightScale = geometry.size.height / UX.CardView.baseHeight
let scale = min(widthScale, heightScale)
ZStack {
MilkyWayMetalView()
.ignoresSafeArea()
ScrollView {
VStack {
VStack(spacing: UX.CardView.spacing * scale) {
Spacer()
imageView(scale: scale)
titleView
bodyView
Spacer()
links
primaryButton
}
.frame(height: geometry.size.height * UX.CardView.cardHeightRatio)
.padding(UX.CardView.verticalPadding * scale)
.background(
RoundedRectangle(cornerRadius: UX.CardView.cornerRadius)
.fill(cardBackgroundColor)
)
.padding(.horizontal, UX.CardView.horizontalPadding * scale)
Spacer()
}
}
.onAppear {
applyTheme(theme: themeManager.getCurrentTheme(for: windowUUID))
}
.onReceive(NotificationCenter.default.publisher(for: .ThemeDidChange)) {
guard let uuid = $0.windowUUID, uuid == windowUUID else { return }
applyTheme(theme: themeManager.getCurrentTheme(for: windowUUID))
}
}
}
}
// MARK: - Subviews
var links: some View {
VStack(alignment: .center, spacing: UX.Onboarding.Spacing.standard) {
ForEach(viewModel.configuration.embededLinkText, id: \.linkText) { link in
AttributedLinkText<TosAction>(
fullText: link.fullText,
linkText: link.linkText,
action: link.action,
linkAction: viewModel.handleEmbededLinkAction(action:)
)
}
}
}
@ViewBuilder
func imageView(scale: CGFloat) -> some View {
if let img = viewModel.configuration.image {
Image(uiImage: img)
.resizable()
.aspectRatio(contentMode: .fit)
.frame(height: UX.CardView.tosImageHeight * scale)
.accessibilityLabel(viewModel.configuration.title)
.accessibility(identifier: "\(viewModel.configuration.a11yIdRoot)ImageView")
}
}
var titleView: some View {
Text(viewModel.configuration.title)
.font(UX.CardView.titleFont)
.fontWeight(.bold)
.foregroundColor(textColor)
.multilineTextAlignment(.center)
.accessibility(identifier: "\(viewModel.configuration.a11yIdRoot)TitleLabel")
.accessibility(addTraits: .isHeader)
}
var bodyView: some View {
Text(viewModel.configuration.body)
.fixedSize(horizontal: false, vertical: true)
.font(UX.CardView.bodyFont)
.foregroundColor(secondaryTextColor)
.multilineTextAlignment(.center)
.accessibility(identifier: "\(viewModel.configuration.a11yIdRoot)DescriptionLabel")
}
var primaryButton: some View {
Button(
viewModel.configuration.buttons.primary.title,
action: {
viewModel.handleEmbededLinkAction(
action: .accept
)
}
)
.font(UX.CardView.primaryActionFont)
.accessibility(identifier: "\(viewModel.configuration.a11yIdRoot)PrimaryButton")
.buttonStyle(PrimaryButtonStyle(theme: themeManager.getCurrentTheme(for: windowUUID)))
}
private func applyTheme(theme: Theme) {
let color = theme.colors
textColor = Color(color.textPrimary)
secondaryTextColor = Color(color.textSecondary)
cardBackgroundColor = Color(color.layer2)
}
}