I am making an iPhone app in Xcode but I'm setting up the subscriptions. My problem is that I can't figure out how to make it show in the UI. I keep getting this error
Value of type 'SubscriptionManager' has no member '$selectedSubscriptionType'
and on the Subscription page it shows as "Product not available" but I have set up my Product IDs as com.moodflow.monthlysubscription and com.moodflow.yearlysubscription. Can somebody look at my codes and help me out.
Plus I am getting this other error:
Cannot infer type of closure parameter 'newType' without a type annotation.
import Foundation
import SwiftUI
import Combine
enum SubscriptionType: String, CaseIterable, Identifiable, Codable {
case monthly, yearly
var id: String { self.rawValue }
var displayName: String {
switch self {
case .monthly: return "Monthly"
case .yearly: return "Yearly"
}
}
}
This is the settings where the user can set up their name and email and subscription choice.
@MainActor
class SettingsViewModel: ObservableObject {
// User information.
@Published var userName: String = "John Doe"
@Published var userEmail: String = "[email protected]"
// Profile image.
@Published var profileImage: UIImage? = nil
// Subscription selection and status.
@Published var selectedSubscriptionType: SubscriptionType = .monthly
@Published var subscriptionActive: Bool = false
// The subscription manager instance.
private let subscriptionManager: SubscriptionManager
private var cancellables = Set<AnyCancellable>()
// Main actor–isolated initializer using a shared default instance.
init(subscriptionManager: SubscriptionManager = SubscriptionManager.defaultManager) {
self.subscriptionManager = subscriptionManager
// Bind subscriptionActive from the subscription manager.
subscriptionManager.$subscriptionActive
.receive(on: DispatchQueue.main)
.sink { [weak self] newValue in
self?.subscriptionActive = newValue
print("SettingsViewModel: subscriptionActive updated to \(newValue)")
}
.store(in: &cancellables)
// Bind selectedSubscriptionType from the subscription manager.
subscriptionManager.$selectedSubscriptionType
.receive(on: DispatchQueue.main)
.sink { [weak self] newType in
self?.selectedSubscriptionType = newType
print("SettingsViewModel: selectedSubscriptionType updated to \(newType)")
}
.store(in: &cancellables)
}
// Function to save/update settings.
func saveSettings() {
print("Settings saved:")
print("Name: \(userName)")
print("Email: \(userEmail)")
print("Subscription Active: \(subscriptionActive)")
print("Subscription: \(selectedSubscriptionType.rawValue)")
if let image = profileImage {
print("Profile image selected: \(image)")
} else {
print("No profile image selected.")
}
}
}
import SwiftUI
import StoreKit
This is where the subscription show up on the UI:
struct SubscriptionView: View {
@StateObject private var subscriptionManager = SubscriptionManager.defaultManager
@State private var selectedSubscription: SubscriptionType = .monthly
var body: some View {
NavigationView {
ZStack {
// Dark blue gradient background.
LinearGradient(
gradient: Gradient(colors: [
Color(red: 0.0, green: 0.0, blue: 0.3),
Color(red: 0.0, green: 0.0, blue: 0.15)
]),
startPoint: .top,
endPoint: .bottom
)
.ignoresSafeArea()
ScrollView {
VStack(spacing: 20) {
if subscriptionManager.subscriptionActive {
Text("Your subscription is active!")
.font(.system(size: 20, weight: .semibold, design: .rounded))
.foregroundColor(.green)
.padding()
} else {
Text("Subscribe for premium features:")
.font(.system(size: 24, weight: .semibold, design: .rounded))
.foregroundColor(.white)
.padding(.top, 20)
// Picker to select subscription type.
Picker("Subscription Type", selection: $selectedSubscription) {
ForEach(SubscriptionType.allCases) { type in
Text(type.displayName).tag(type)
}
}
.pickerStyle(SegmentedPickerStyle())
.padding(.horizontal, 20)
// Filter and display the product.
if let product = productForSelectedSubscription() {
VStack(spacing: 10) {
Text(product.displayName)
.font(.system(size: 20, weight: .bold, design: .rounded))
.foregroundColor(.white)
Text(product.description)
.font(.system(size: 16, weight: .regular, design: .rounded))
.foregroundColor(Color.white.opacity(0.8))
Button(action: {
Task {
await subscriptionManager.purchase(product)
}
}) {
Text("Buy for \(product.displayPrice)")
.font(.system(size: 16, weight: .bold, design: .rounded))
.padding()
.frame(maxWidth: .infinity)
.background(
RoundedRectangle(cornerRadius: 15)
.fill(Color.blue.opacity(0.8))
)
.foregroundColor(.white)
.shadow(radius: 5)
}
}
.padding()
.background(
RoundedRectangle(cornerRadius: 12)
.fill(Color.black.opacity(0.3))
)
.overlay(
RoundedRectangle(cornerRadius: 12)
.stroke(Color.white, lineWidth: 1)
)
.padding(.horizontal, 20)
} else {
Text("Product not available")
.font(.system(size: 16, weight: .regular, design: .rounded))
.foregroundColor(Color.white.opacity(0.8))
}
}
if !subscriptionManager.purchaseMessage.isEmpty {
Text(subscriptionManager.purchaseMessage)
.font(.system(size: 16, weight: .medium, design: .rounded))
.padding()
.multilineTextAlignment(.center)
.foregroundColor(.white)
}
Spacer()
}
.padding(.bottom, 20)
}
}
.navigationTitle("Subscription")
.onAppear {
Task {
await subscriptionManager.fetchProducts()
await subscriptionManager.updateSubscriptionStatus()
}
}
}
}
// Helper function to filter products based on the selected subscription type.
private func productForSelectedSubscription() -> Product? {
switch selectedSubscription {
case .monthly:
return subscriptionManager.products.first { $0.id == subscriptionManager.monthlySubscriptionID }
case .yearly:
return subscriptionManager.products.first { $0.id == subscriptionManager.yearlySubscriptionID }
}
}
}
import StoreKit
import SwiftUI
This is the service for Subscription Manager and it is suppose to retrieve the products from the App Store Connect and show them here and work with subscription view and SettingsViewModel.
@MainActor
class SubscriptionManager: ObservableObject {
@Published var products: [Product] = []
@Published var subscriptionActive: Bool = false
@Published var purchaseMessage: String = ""
// Product identifiers from App Store Connect.
let monthlySubscriptionID = "com.moodflow.monthlysubscription"
let yearlySubscriptionID = "com.moodflow.yearlysubscription"
static let defaultManager: SubscriptionManager = SubscriptionManager()
init() {
Task {
await fetchProducts()
await updateSubscriptionStatus()
}
}
/// Fetch subscription products from the App Store.
func fetchProducts() async {
do {
let storeProducts = try await Product.products(for: [monthlySubscriptionID, yearlySubscriptionID])
products = storeProducts
print("Fetched products: \(products.map { $0.displayName })")
} catch {
purchaseMessage = "Error fetching products: \(error.localizedDescription)"
print(purchaseMessage)
}
}
/// Check subscription status (you can use currentEntitlements here).
func updateSubscriptionStatus() async {
var active = false
var newType: String = ""
do {
// Iterate through current entitlements.
for await result in Transaction.currentEntitlements {
switch result {
case .verified(let transaction):
if transaction.productID == monthlySubscriptionID {
active = true
newType = "Monthly"
break
} else if transaction.productID == yearlySubscriptionID {
active = true
newType = "Yearly"
break
}
case .unverified(_, let error):
print("Unverified transaction: \(error.localizedDescription)")
}
}
} catch {
print("Error checking entitlements: \(error.localizedDescription)")
}
subscriptionActive = active
// You could update your UI with newType if needed.
}
/// Purchase a subscription product.
func purchase(_ product: Product) async {
do {
let result = try await product.purchase()
switch result {
case .success(let verificationResult):
switch verificationResult {
case .verified(let transaction):
purchaseMessage = "Purchase successful!"
await updateSubscriptionStatus()
await transaction.finish()
case .unverified(_, let error):
purchaseMessage = "Transaction unverified: \(error.localizedDescription)"
print(purchaseMessage)
}
case .userCancelled:
purchaseMessage = "User cancelled the purchase."
case .pending:
purchaseMessage = "Purchase is pending approval."
@unknown default:
purchaseMessage = "Unknown purchase result."
}
} catch {
purchaseMessage = "Error during purchase: \(error.localizedDescription)"
print(purchaseMessage)
}
}
}
This code is where I need help but I posted the whole code for context:
subscriptionManager.$selectedSubscriptionType
.receive(on: DispatchQueue.main)
.sink { [weak self] newType in
self?.selectedSubscriptionType = newType
print("SettingsViewModel: selectedSubscriptionType updated to \(newType)")
}
.store(in: &cancellables)
I am making an iPhone app in Xcode but I'm setting up the subscriptions. My problem is that I can't figure out how to make it show in the UI. I keep getting this error
Value of type 'SubscriptionManager' has no member '$selectedSubscriptionType'
and on the Subscription page it shows as "Product not available" but I have set up my Product IDs as com.moodflow.monthlysubscription and com.moodflow.yearlysubscription. Can somebody look at my codes and help me out.
Plus I am getting this other error:
Cannot infer type of closure parameter 'newType' without a type annotation.
import Foundation
import SwiftUI
import Combine
enum SubscriptionType: String, CaseIterable, Identifiable, Codable {
case monthly, yearly
var id: String { self.rawValue }
var displayName: String {
switch self {
case .monthly: return "Monthly"
case .yearly: return "Yearly"
}
}
}
This is the settings where the user can set up their name and email and subscription choice.
@MainActor
class SettingsViewModel: ObservableObject {
// User information.
@Published var userName: String = "John Doe"
@Published var userEmail: String = "[email protected]"
// Profile image.
@Published var profileImage: UIImage? = nil
// Subscription selection and status.
@Published var selectedSubscriptionType: SubscriptionType = .monthly
@Published var subscriptionActive: Bool = false
// The subscription manager instance.
private let subscriptionManager: SubscriptionManager
private var cancellables = Set<AnyCancellable>()
// Main actor–isolated initializer using a shared default instance.
init(subscriptionManager: SubscriptionManager = SubscriptionManager.defaultManager) {
self.subscriptionManager = subscriptionManager
// Bind subscriptionActive from the subscription manager.
subscriptionManager.$subscriptionActive
.receive(on: DispatchQueue.main)
.sink { [weak self] newValue in
self?.subscriptionActive = newValue
print("SettingsViewModel: subscriptionActive updated to \(newValue)")
}
.store(in: &cancellables)
// Bind selectedSubscriptionType from the subscription manager.
subscriptionManager.$selectedSubscriptionType
.receive(on: DispatchQueue.main)
.sink { [weak self] newType in
self?.selectedSubscriptionType = newType
print("SettingsViewModel: selectedSubscriptionType updated to \(newType)")
}
.store(in: &cancellables)
}
// Function to save/update settings.
func saveSettings() {
print("Settings saved:")
print("Name: \(userName)")
print("Email: \(userEmail)")
print("Subscription Active: \(subscriptionActive)")
print("Subscription: \(selectedSubscriptionType.rawValue)")
if let image = profileImage {
print("Profile image selected: \(image)")
} else {
print("No profile image selected.")
}
}
}
import SwiftUI
import StoreKit
This is where the subscription show up on the UI:
struct SubscriptionView: View {
@StateObject private var subscriptionManager = SubscriptionManager.defaultManager
@State private var selectedSubscription: SubscriptionType = .monthly
var body: some View {
NavigationView {
ZStack {
// Dark blue gradient background.
LinearGradient(
gradient: Gradient(colors: [
Color(red: 0.0, green: 0.0, blue: 0.3),
Color(red: 0.0, green: 0.0, blue: 0.15)
]),
startPoint: .top,
endPoint: .bottom
)
.ignoresSafeArea()
ScrollView {
VStack(spacing: 20) {
if subscriptionManager.subscriptionActive {
Text("Your subscription is active!")
.font(.system(size: 20, weight: .semibold, design: .rounded))
.foregroundColor(.green)
.padding()
} else {
Text("Subscribe for premium features:")
.font(.system(size: 24, weight: .semibold, design: .rounded))
.foregroundColor(.white)
.padding(.top, 20)
// Picker to select subscription type.
Picker("Subscription Type", selection: $selectedSubscription) {
ForEach(SubscriptionType.allCases) { type in
Text(type.displayName).tag(type)
}
}
.pickerStyle(SegmentedPickerStyle())
.padding(.horizontal, 20)
// Filter and display the product.
if let product = productForSelectedSubscription() {
VStack(spacing: 10) {
Text(product.displayName)
.font(.system(size: 20, weight: .bold, design: .rounded))
.foregroundColor(.white)
Text(product.description)
.font(.system(size: 16, weight: .regular, design: .rounded))
.foregroundColor(Color.white.opacity(0.8))
Button(action: {
Task {
await subscriptionManager.purchase(product)
}
}) {
Text("Buy for \(product.displayPrice)")
.font(.system(size: 16, weight: .bold, design: .rounded))
.padding()
.frame(maxWidth: .infinity)
.background(
RoundedRectangle(cornerRadius: 15)
.fill(Color.blue.opacity(0.8))
)
.foregroundColor(.white)
.shadow(radius: 5)
}
}
.padding()
.background(
RoundedRectangle(cornerRadius: 12)
.fill(Color.black.opacity(0.3))
)
.overlay(
RoundedRectangle(cornerRadius: 12)
.stroke(Color.white, lineWidth: 1)
)
.padding(.horizontal, 20)
} else {
Text("Product not available")
.font(.system(size: 16, weight: .regular, design: .rounded))
.foregroundColor(Color.white.opacity(0.8))
}
}
if !subscriptionManager.purchaseMessage.isEmpty {
Text(subscriptionManager.purchaseMessage)
.font(.system(size: 16, weight: .medium, design: .rounded))
.padding()
.multilineTextAlignment(.center)
.foregroundColor(.white)
}
Spacer()
}
.padding(.bottom, 20)
}
}
.navigationTitle("Subscription")
.onAppear {
Task {
await subscriptionManager.fetchProducts()
await subscriptionManager.updateSubscriptionStatus()
}
}
}
}
// Helper function to filter products based on the selected subscription type.
private func productForSelectedSubscription() -> Product? {
switch selectedSubscription {
case .monthly:
return subscriptionManager.products.first { $0.id == subscriptionManager.monthlySubscriptionID }
case .yearly:
return subscriptionManager.products.first { $0.id == subscriptionManager.yearlySubscriptionID }
}
}
}
import StoreKit
import SwiftUI
This is the service for Subscription Manager and it is suppose to retrieve the products from the App Store Connect and show them here and work with subscription view and SettingsViewModel.
@MainActor
class SubscriptionManager: ObservableObject {
@Published var products: [Product] = []
@Published var subscriptionActive: Bool = false
@Published var purchaseMessage: String = ""
// Product identifiers from App Store Connect.
let monthlySubscriptionID = "com.moodflow.monthlysubscription"
let yearlySubscriptionID = "com.moodflow.yearlysubscription"
static let defaultManager: SubscriptionManager = SubscriptionManager()
init() {
Task {
await fetchProducts()
await updateSubscriptionStatus()
}
}
/// Fetch subscription products from the App Store.
func fetchProducts() async {
do {
let storeProducts = try await Product.products(for: [monthlySubscriptionID, yearlySubscriptionID])
products = storeProducts
print("Fetched products: \(products.map { $0.displayName })")
} catch {
purchaseMessage = "Error fetching products: \(error.localizedDescription)"
print(purchaseMessage)
}
}
/// Check subscription status (you can use currentEntitlements here).
func updateSubscriptionStatus() async {
var active = false
var newType: String = ""
do {
// Iterate through current entitlements.
for await result in Transaction.currentEntitlements {
switch result {
case .verified(let transaction):
if transaction.productID == monthlySubscriptionID {
active = true
newType = "Monthly"
break
} else if transaction.productID == yearlySubscriptionID {
active = true
newType = "Yearly"
break
}
case .unverified(_, let error):
print("Unverified transaction: \(error.localizedDescription)")
}
}
} catch {
print("Error checking entitlements: \(error.localizedDescription)")
}
subscriptionActive = active
// You could update your UI with newType if needed.
}
/// Purchase a subscription product.
func purchase(_ product: Product) async {
do {
let result = try await product.purchase()
switch result {
case .success(let verificationResult):
switch verificationResult {
case .verified(let transaction):
purchaseMessage = "Purchase successful!"
await updateSubscriptionStatus()
await transaction.finish()
case .unverified(_, let error):
purchaseMessage = "Transaction unverified: \(error.localizedDescription)"
print(purchaseMessage)
}
case .userCancelled:
purchaseMessage = "User cancelled the purchase."
case .pending:
purchaseMessage = "Purchase is pending approval."
@unknown default:
purchaseMessage = "Unknown purchase result."
}
} catch {
purchaseMessage = "Error during purchase: \(error.localizedDescription)"
print(purchaseMessage)
}
}
}
This code is where I need help but I posted the whole code for context:
subscriptionManager.$selectedSubscriptionType
.receive(on: DispatchQueue.main)
.sink { [weak self] newType in
self?.selectedSubscriptionType = newType
print("SettingsViewModel: selectedSubscriptionType updated to \(newType)")
}
.store(in: &cancellables)
- This is a lot of code, you should reduce it to only include the code that reproduces the issue and you should mark the areas that are causing the issues – lorem ipsum Commented 14 hours ago
- I have made the changes at the bottom of the question I asked today. Please help me. – Chris Amoah Commented 13 hours ago
- 2 That variable does not exist in the code you have provided. – lorem ipsum Commented 13 hours ago
- developer.apple/videos/play/wwdc2023/10013 – lorem ipsum Commented 13 hours ago
1 Answer
Reset to default 0You’re mixing up technologies and using them wrong. For Combine, don’t use onAppear .sink and cancellables, instead use .assign(to: &publishedVar) and the pipeline will be configured when the view appears and the @StateObject is init and torn down when the view disappears and the object deinits.
For async/await use .task, not onAppear and Task or @StateObject. .task runs on appear and is cancelled on disappear so there is no need for an object at all. Put your async funcs in a struct and have them return a result that you can store in a State. Use .task(id:) to have the logic cancel and restart when an id param changes.