298 lines
9.5 KiB
Swift
298 lines
9.5 KiB
Swift
//
|
||
// SubscribeView.swift
|
||
// wake
|
||
//
|
||
// Created by fairclip on 2025/8/19.
|
||
//
|
||
|
||
import SwiftUI
|
||
import StoreKit
|
||
|
||
// MARK: - 订阅计划枚举
|
||
enum SubscriptionPlan: String, CaseIterable {
|
||
case free = "Free"
|
||
case pioneer = "Pioneer"
|
||
|
||
var displayName: String {
|
||
return self.rawValue
|
||
}
|
||
|
||
var price: String {
|
||
switch self {
|
||
case .free:
|
||
return "Free"
|
||
case .pioneer:
|
||
return "1$/Mon"
|
||
}
|
||
}
|
||
|
||
var isPopular: Bool {
|
||
return self == .pioneer
|
||
}
|
||
}
|
||
|
||
// MARK: - 功能特性结构体
|
||
struct SubscriptionFeature {
|
||
let name: String
|
||
let freeValue: String
|
||
let proValue: String
|
||
}
|
||
|
||
struct SubscribeView: View {
|
||
@Environment(\.dismiss) private var dismiss
|
||
@StateObject private var store = IAPManager()
|
||
@State private var selectedPlan: SubscriptionPlan? = .pioneer
|
||
@State private var isLoading = false
|
||
@State private var showErrorAlert = false
|
||
@State private var errorText = ""
|
||
@State private var memberProfile: MemberProfile?
|
||
|
||
// 功能对比数据
|
||
private let features = [
|
||
SubscriptionFeature(name: "Mystery Box Purchase:", freeValue: "3 /week", proValue: "Free"),
|
||
SubscriptionFeature(name: "Material Upload:", freeValue: "50 images and\n5 videos/day", proValue: "Unlimited"),
|
||
SubscriptionFeature(name: "Free Credits:", freeValue: "200 /day", proValue: "500 /day")
|
||
]
|
||
|
||
var body: some View {
|
||
VStack(spacing: 0) {
|
||
// 自定义简洁导航头，统一风格
|
||
SimpleNaviHeader(title: "Subscription") {
|
||
dismiss()
|
||
}
|
||
.background(Color.themeTextWhiteSecondary)
|
||
.padding(.bottom, Theme.Spacing.lg)
|
||
|
||
ScrollView {
|
||
VStack(spacing: 0) {
|
||
// 当前订阅状态卡片
|
||
currentSubscriptionCard
|
||
|
||
// 积分信息
|
||
creditsSection
|
||
|
||
VStack {
|
||
// 订阅计划选择
|
||
subscriptionPlansSection
|
||
|
||
// 特别优惠提示
|
||
specialOfferBanner
|
||
}
|
||
.background(Theme.Colors.cardBackground)
|
||
.cornerRadius(Theme.CornerRadius.medium)
|
||
.padding(.horizontal, Theme.Spacing.lg)
|
||
.padding(.vertical, Theme.Spacing.lg)
|
||
|
||
|
||
// 功能对比表
|
||
featureComparisonTable
|
||
|
||
// 订阅按钮
|
||
subscribeButton
|
||
|
||
// 法律链接
|
||
legalLinks
|
||
|
||
Spacer(minLength: 100)
|
||
}
|
||
}
|
||
.background(Theme.Colors.background)
|
||
}
|
||
.background(Color.themeTextWhiteSecondary)
|
||
.navigationBarHidden(true)
|
||
.onAppear {
|
||
fetchMemberInfo()
|
||
}
|
||
.task {
|
||
// Load products and refresh current entitlements on appear
|
||
await store.loadProducts()
|
||
await store.refreshEntitlements()
|
||
}
|
||
.onChange(of: store.isPurchasing) { newValue in
|
||
// Bind purchasing state to button loading
|
||
isLoading = newValue
|
||
}
|
||
.onChange(of: store.errorMessage) { newValue in
|
||
if let message = newValue, !message.isEmpty {
|
||
errorText = message
|
||
showErrorAlert = true
|
||
}
|
||
}
|
||
.alert("Purchase Error", isPresented: $showErrorAlert) {
|
||
Button("OK", role: .cancel) { store.errorMessage = nil }
|
||
} message: {
|
||
Text(errorText)
|
||
}
|
||
}
|
||
|
||
// MARK: - 当前订阅状态卡片
|
||
private var currentSubscriptionCard: some View {
|
||
let status: SubscriptionStatus = {
|
||
if memberProfile?.membershipLevel == "pioneer" {
|
||
let dateFormatter = ISO8601DateFormatter()
|
||
dateFormatter.formatOptions = [.withInternetDateTime, .withFractionalSeconds]
|
||
let expiryDate = memberProfile.flatMap { dateFormatter.date(from: $0.membershipEndAt) } ?? Date()
|
||
return .pioneer(expiryDate: expiryDate)
|
||
} else {
|
||
return .free
|
||
}
|
||
}()
|
||
|
||
return SubscriptionStatusBar(
|
||
status: .pioneer(expiryDate: Date()),
|
||
onSubscribeTap: {
|
||
// 订阅操作
|
||
handleSubscribe()
|
||
}
|
||
)
|
||
.padding(.horizontal, Theme.Spacing.xl)
|
||
}
|
||
|
||
// MARK: - 积分信息
|
||
private var creditsSection: some View {
|
||
VStack(spacing: 16) {
|
||
CreditsInfoCard(
|
||
totalCredits: memberProfile?.remainPoints ?? 0,
|
||
onInfoTap: {
|
||
// 显示积分信息说明
|
||
},
|
||
onDetailTap: {
|
||
// 跳转到积分详情页面
|
||
}
|
||
)
|
||
|
||
}
|
||
.padding(.horizontal, Theme.Spacing.xl)
|
||
.padding(.top, Theme.Spacing.xl)
|
||
}
|
||
|
||
// MARK: - 订阅计划选择
|
||
private var subscriptionPlansSection: some View {
|
||
PlanSelector(
|
||
selectedPlan: $selectedPlan,
|
||
onPlanSelected: { plan in
|
||
print("Selected plan: \(plan.displayName)")
|
||
}
|
||
)
|
||
.padding(.horizontal, Theme.Spacing.xl)
|
||
.padding(.top, Theme.Spacing.xl)
|
||
}
|
||
|
||
// MARK: - 特别优惠横幅
|
||
private var specialOfferBanner: some View {
|
||
HStack(spacing: 0) {
|
||
Text("First")
|
||
.font(Typography.font(for: .footnote, family: .quicksandRegular))
|
||
.foregroundColor(Theme.Colors.textPrimary)
|
||
|
||
Text(" 100")
|
||
.font(Typography.font(for: .footnote, family: .quicksandBold))
|
||
.foregroundColor(Theme.Colors.textPrimary)
|
||
|
||
Text(" users get a special deal: justs")
|
||
.font(Typography.font(for: .footnote, family: .quicksandRegular))
|
||
.foregroundColor(Theme.Colors.textPrimary)
|
||
|
||
Text(" $1")
|
||
.font(Typography.font(for: .footnote, family: .quicksandBold))
|
||
.foregroundColor(Theme.Colors.textPrimary)
|
||
|
||
Text(" for your first month!")
|
||
.font(Typography.font(for: .footnote, family: .quicksandRegular))
|
||
.foregroundColor(Theme.Colors.textPrimary)
|
||
}
|
||
.multilineTextAlignment(.center)
|
||
.padding(.horizontal, Theme.Spacing.lg)
|
||
.padding(.top, Theme.Spacing.sm)
|
||
.padding(.bottom, Theme.Spacing.lg)
|
||
}
|
||
|
||
// MARK: - 功能对比表
|
||
private var featureComparisonTable: some View {
|
||
PlanCompare()
|
||
.padding(.horizontal, Theme.Spacing.lg)
|
||
}
|
||
|
||
// MARK: - 订阅按钮
|
||
private var subscribeButton: some View {
|
||
VStack(spacing: 12) {
|
||
SubscribeButton(
|
||
title: "Subscribe",
|
||
isLoading: isLoading,
|
||
subscribed: store.isSubscribed,
|
||
action: handleSubscribe
|
||
)
|
||
}
|
||
.padding(.horizontal, Theme.Spacing.xl)
|
||
.padding(.top, Theme.Spacing.lg)
|
||
}
|
||
|
||
// MARK: - 法律链接
|
||
private var legalLinks: some View {
|
||
HStack(spacing: 8) {
|
||
Button(action: {
|
||
// 打开服务条款
|
||
}) {
|
||
Text("Terms of Service")
|
||
.underline()
|
||
}
|
||
|
||
Text("|")
|
||
.foregroundColor(.secondary)
|
||
|
||
Button(action: {
|
||
// 打开隐私政策
|
||
}) {
|
||
Text("Privacy Policy")
|
||
.underline()
|
||
}
|
||
|
||
Text("|")
|
||
.foregroundColor(.secondary)
|
||
|
||
Button(action: {
|
||
Task { await store.restorePurchases() }
|
||
}) {
|
||
Text("Restore Purchase")
|
||
.underline()
|
||
}
|
||
}
|
||
.font(Typography.font(for: .caption, family: .quicksandRegular))
|
||
.foregroundColor(.secondary)
|
||
.padding(.top, Theme.Spacing.sm)
|
||
}
|
||
|
||
// MARK: - 订阅处理
|
||
private func handleSubscribe() {
|
||
Task { await store.purchasePioneer() }
|
||
}
|
||
|
||
// MARK: - Helper Methods
|
||
private func fetchMemberInfo() {
|
||
NetworkService.shared.get(
|
||
path: "/membership/personal-center-info",
|
||
parameters: nil
|
||
) { (result: Result<APIResponse<MemberProfile>, NetworkError>) in
|
||
DispatchQueue.main.async {
|
||
switch result {
|
||
case .success(let response):
|
||
self.memberProfile = response.data
|
||
print("✅ 成功获取会员信息:", response.data)
|
||
print("✅ 用户ID:", response.data.userInfo.userId)
|
||
print("✅ 用户昵称:", response.data.userInfo.nickname)
|
||
print("✅ 用户邮箱:", response.data.userInfo.email)
|
||
case .failure(let error):
|
||
print("❌ 获取会员信息失败:", error)
|
||
// Optionally show an error message to the user
|
||
self.errorText = "Failed to load member info: \(error.localizedDescription)"
|
||
self.showErrorAlert = true
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
#Preview {
|
||
SubscribeView()
|
||
}
|