Telegram Login Widget

dependencies: [
    .package(url: "https://github.com/anaserkinov/telegram-login-widget-swift", from: "<latest_version>")
]

.product(name: "TelegramLogin", package: "telegram-login-widget-swift"),
// and/or
.product(name: "TelegramLoginWidget", package: "telegram-login-widget-swift"),

import TelegramLogin

struct LoginScreen: View {
    let config = TelegramLoginConfig(
        clientId: 123456789,
        redirectURI: "https://yourapp.com/callback"
    )

    var body: some View {
        TelegramLoginButton(config: config, onResult: { result in
            // handle result
        }) {
            HStack {
                TelegramButtonIcon()
                Text("Sign in with Telegram")
            }
            .frame(maxWidth: .infinity)
        }
        .tint(TelegramDefaults.primaryColor)
        .buttonStyle(.glassProminent)
    }
}

TelegramLoginButton(config: config, onResult: { result in
    switch result {
    case .success(let data):
        print("Logged in as \(data.user.name), id: \(data.user.id)")
        // data.idToken          — raw JWT for server-side validation
        // data.user.id, data.user.name, data.user.preferredUsername,
        // data.user.picture, data.user.phoneNumber, data.user.nonce,
        // data.user.iss, data.user.aud, data.user.iat, data.user.exp
    case .cancelled:
        print("Login cancelled")
    }
}) {
    // button content
}

@State private var showDialog = false

Button {
    showDialog = true
} label: {
    TelegramButtonIcon()
        .frame(width: 48, height: 48)
}
.buttonStyle(.glassProminent)
.buttonBorderShape(.circle)
.tint(TelegramDefaults.primaryColor)
.telegramLoginDialog(isPresented: $showDialog, config: config) { result in
    showDialog = false
    // handle result
}

if showDialog {
    TelegramLoginDialog(config: config) { result in
        showDialog = false
        // handle result
    }
}

TelegramLoginView(
    config: TelegramLoginConfig(
        clientId: 123456789,
        redirectURI: "https://yourapp.com/callback"
    ),
    onResult: { result in
        // handle result
    }
)

public struct TelegramLoginConfig {
    public init(
        clientId: Int64,
        redirectURI: String,
        requestDirectMessages: Bool = true,    // request permission to send direct messages to the user (bot_access scope)scope
        requestPhoneNumber: Bool = false,      // request access to the user's phone number (phone scope)
        nonce: String? = nil,                  // optional nonce to protect against ID token replay attacks
        languageCode: String? = nil
    )
}

public enum TelegramLoginResult {
    case success(Success)
    case cancelled

    public struct Success {
        public let idToken: String          // raw JWT — validate on your server
        public let user: TelegramUserData
    }
}

public struct TelegramUserData {
    public let id: Int64
    public let name: String
    public let preferredUsername: String?
    public let picture: String?
    public let phoneNumber: String?
    public let nonce: String?
    // JWT standard claims
    public let iss: String
    public let aud: String
    public let sub: String
    public let iat: Int64
    public let exp: Int64
}

import TelegramLoginWidget

struct LoginScreen: View {
    @State var state = TelegramLoginState(
        botId: 123456789,
        botUsername: "your_bot",
        websiteUrl: "https://yourdomain.com"
    )

    var body: some View {
        TelegramLoginButton(state: state) { result in
            // handle result
        }
        .tint(TelegramDefaults.primaryColor)
        .buttonStyle(.glassProminent)
    }
}

import TelegramLoginData

TelegramLoginButton(state: state) { result in
    switch result {
    case let .success(data):
        print("Logged in as \(data.firstName), id: \(data.id)")
        // data.id, data.firstName, data.lastName,
        // data.username, data.photoUrl, data.authDate, data.hash
    case .cancelled:
        print("Login cancelled")
    }
}

// Light-themed button with Telegram-colored icon
TelegramLoginButton(state: state, onResult: onResult) { state in
    HStack {
        TelegramButtonIcon()
            .foregroundStyle(TelegramDefaults.primaryColor)
        TelegramButtonText(state: state)
            .foregroundStyle(.black)
        TelegramButtontUserPhotoBox(state: state, progress: {
            TelegramButtonCircularProgress(tint: .black)
        })
    }
    .frame(maxWidth: .infinity)
    .padding(.horizontal, 12)
}
.tint(.white)
.buttonStyle(.glassProminent)

// Centered label with user photo balanced symmetrically
TelegramLoginButton(state: state, onResult: onResult) { state in
    HStack {
        TelegramButtonIcon()
        Spacer()
        TelegramButtonText(state: state)
        TelegramButtontUserPhotoBox(state: state, preservesSpace: false)
        Spacer()
            .frame(width: TelegramDefaults.userPhotoSize)
        Spacer()
    }
    .frame(maxWidth: .infinity)
    .padding(.horizontal, 12)
}
.tint(TelegramDefaults.primaryColor)
.buttonStyle(.glassProminent)

@State private var showSheet = false

Button {
    showSheet = true
} label: {
    TelegramButtonIcon()
        .frame(width: 24, height: 24)
}
.sheet(isPresented: $showSheet) {
    TelegramLoginBottomSheet(config: state.config) { result in
        showSheet = false
        state.reload()
        onResult(result)
    }
}

import TelegramLoginWidget
import TelegramLoginData

TelegramLoginView(
    config: TelegramLoginConfig(
        botId: 123456789,
        botUsername: "your_bot",
        websiteUrl: "https://yourdomain.com"
    ),
    onResult: onResult
)

// If you have a state object
state.logout()

// If you don't have a state object
try await TelegramLoginManager.shared.logout()

@State var state = TelegramLoginState(
    botId: Int64,
    botUsername: String,
    websiteUrl: String,
    requestAccess: Bool = true,   // request permission to send messages
    languageCode: String = "en"
)