feat: Add Privy-based login screens (Main, Other Socials, Wallet Selection)

Co-Authored-By: DAR <shoei0205@gmail.com>

Author: devin-ai-integration[bot]

.github/workflows/build-and-test.yml

@@ -62,7 +62,7 @@ jobs:
           options:
             bundleIdPrefix: com.pocket
             deploymentTarget:
-              iOS: "16.0"
+              iOS: "17.0"
           targets:
             PocketApp:
               type: application

Package.swift

@@ -4,17 +4,23 @@ import PackageDescription
 let package = Package(
     name: "Pocket",
     platforms: [
-        .iOS(.v16)
+        .iOS(.v17)
     ],
     products: [
         .library(
             name: "Pocket",
             targets: ["Pocket"]
         ),
     ],
+    dependencies: [
+        .package(url: "https://github.com/privy-io/privy-ios", from: "1.0.0"),
+    ],
     targets: [
         .target(
             name: "Pocket",
+            dependencies: [
+                .product(name: "PrivySDK", package: "privy-ios"),
+            ],
             path: "Pocket/Sources"
         ),
     ]

Pocket/Sources/Extensions/Color+Theme.swift

@@ -20,4 +20,11 @@ extension Color {
     static let pocketPrimaryText = Color.white
     static let pocketSecondaryText = Color(red: 0.55, green: 0.55, blue: 0.60)
     static let pocketTertiaryText = Color(red: 0.40, green: 0.40, blue: 0.45)
+
+    // MARK: - Login Sheet Colors
+    static let loginSheetBackground = Color(red: 0.10, green: 0.10, blue: 0.12)
+    static let loginButtonBackground = Color(red: 0.18, green: 0.18, blue: 0.20)
+    static let loginButtonBorder = Color(red: 0.25, green: 0.25, blue: 0.28)
+    static let loginButtonHighlight = Color(red: 0.20, green: 0.20, blue: 0.23)
+    static let loginIconBackground = Color(red: 0.22, green: 0.22, blue: 0.25)
 }

Pocket/Sources/PocketApp.swift

@@ -2,9 +2,11 @@ import SwiftUI
 
 @main
 struct PocketApp: App {
+    @StateObject private var authViewModel = AuthViewModel()
+
     var body: some Scene {
         WindowGroup {
-            WelcomeView()
+            WelcomeView(authViewModel: authViewModel)
                 .preferredColorScheme(.dark)
         }
     }

Pocket/Sources/ViewModels/AuthViewModel.swift

@@ -0,0 +1,160 @@
+import SwiftUI
+import Combine
+
+// MARK: - Login Sheet Page
+enum LoginSheetPage {
+    case main
+    case otherSocials
+    case walletSelection
+}
+
+// MARK: - Auth State
+enum AuthState {
+    case unauthenticated
+    case authenticating
+    case authenticated
+}
+
+// MARK: - Wallet Option
+struct WalletOption: Identifiable {
+    let id = UUID()
+    let name: String
+    let iconName: String
+    let chains: [ChainType]
+
+    enum ChainType {
+        case ethereum
+        case solana
+        case multichain
+    }
+}
+
+class AuthViewModel: ObservableObject {
+    // MARK: - Published Properties
+    @Published var showLoginSheet = false
+    @Published var currentPage: LoginSheetPage = .main
+    @Published var authState: AuthState = .unauthenticated
+    @Published var emailInput: String = ""
+    @Published var isEmailValid: Bool = false
+    @Published var isLoading: Bool = false
+    @Published var errorMessage: String?
+
+    // MARK: - Wallet Options
+    let walletOptions: [WalletOption] = [
+        WalletOption(name: "MetaMask", iconName: "metamask", chains: [.ethereum]),
+        WalletOption(name: "Coinbase Wallet", iconName: "coinbase", chains: [.ethereum]),
+        WalletOption(name: "Rainbow", iconName: "rainbow", chains: [.ethereum]),
+        WalletOption(name: "Base", iconName: "base", chains: [.ethereum]),
+        WalletOption(name: "1inch Wallet", iconName: "1inch", chains: [.ethereum, .solana])
+    ]
+
+    // MARK: - Privy Configuration
+    // Configure via environment or Secrets.xcconfig
+    private let privyAppId: String = {
+        // Load from Info.plist or environment
+        Bundle.main.object(forInfoDictionaryKey: "PRIVY_APP_ID") as? String ?? ""
+    }()
+
+    // MARK: - Actions
+    func showLogin() {
+        currentPage = .main
+        showLoginSheet = true
+    }
+
+    func dismissLogin() {
+        showLoginSheet = false
+        currentPage = .main
+        emailInput = ""
+        errorMessage = nil
+    }
+
+    func navigateToOtherSocials() {
+        withAnimation(.easeInOut(duration: 0.3)) {
+            currentPage = .otherSocials
+        }
+    }
+
+    func navigateToWalletSelection() {
+        withAnimation(.easeInOut(duration: 0.3)) {
+            currentPage = .walletSelection
+        }
+    }
+
+    func navigateBack() {
+        withAnimation(.easeInOut(duration: 0.3)) {
+            currentPage = .main
+        }
+    }
+
+    func validateEmail() {
+        let pattern = "[A-Z0-9a-z._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,}"
+        let predicate = NSPredicate(format: "SELF MATCHES %@", pattern)
+        isEmailValid = predicate.evaluate(with: emailInput)
+    }
+
+    // MARK: - Auth Methods (Privy SDK integration points)
+
+    func loginWithMetaMask() {
+        isLoading = true
+        // TODO: Integrate with Privy SDK
+        // privy.externalWallet.connect(provider: .metamask)
+        DispatchQueue.main.asyncAfter(deadline: .now() + 1) { [weak self] in
+            self?.isLoading = false
+        }
+    }
+
+    func loginWithEmail() {
+        guard isEmailValid else { return }
+        isLoading = true
+        // TODO: Integrate with Privy SDK
+        // try await privy.email.sendCode(to: emailInput)
+        DispatchQueue.main.asyncAfter(deadline: .now() + 1) { [weak self] in
+            self?.isLoading = false
+        }
+    }
+
+    func loginWithGoogle() {
+        isLoading = true
+        // TODO: Integrate with Privy SDK
+        // try await privy.google.login()
+        DispatchQueue.main.asyncAfter(deadline: .now() + 1) { [weak self] in
+            self?.isLoading = false
+        }
+    }
+
+    func loginWithTwitter() {
+        isLoading = true
+        // TODO: Integrate with Privy SDK
+        // try await privy.twitter.login()
+        DispatchQueue.main.asyncAfter(deadline: .now() + 1) { [weak self] in
+            self?.isLoading = false
+        }
+    }
+
+    func loginWithDiscord() {
+        isLoading = true
+        // TODO: Integrate with Privy SDK
+        // try await privy.discord.login()
+        DispatchQueue.main.asyncAfter(deadline: .now() + 1) { [weak self] in
+            self?.isLoading = false
+        }
+    }
+
+    func loginWithTelegram() {
+        isLoading = true
+        // TODO: Integrate with Privy SDK
+        // try await privy.telegram.login()
+        DispatchQueue.main.asyncAfter(deadline: .now() + 1) { [weak self] in
+            self?.isLoading = false
+        }
+    }
+
+    func connectWallet(_ wallet: WalletOption) {
+        isLoading = true
+        // TODO: Integrate with Privy SDK
+        // privy.externalWallet.connect(provider: wallet)
+        DispatchQueue.main.asyncAfter(deadline: .now() + 1) { [weak self] in
+            self?.isLoading = false
+        }
+    }
+}