// Based on react-apple-login import React from "react"; export interface AppleLoginProps { clientId: string; redirectURI: string; scope: string; state?: string; responseType?: string | "code" | "id_token"; responseMode?: string | "query" | "fragment" | "form_post"; nonce?: string; } export const AppleIdButton = (props: AppleLoginProps) => { const { clientId, redirectURI, state = "", responseMode = "query", responseType = "code", nonce = "", scope, } = props; const onClick = async (e: any = null) => { if (e) { e.preventDefault(); } const url = new URL(`https://appleid.apple.com/auth/authorize`) url.searchParams.append('response_type', responseType) url.searchParams.append('response_mode', responseMode) url.searchParams.append('client_id', clientId) url.searchParams.append('redirect_uri', redirectURI) url.searchParams.append('state', state) url.searchParams.append('nonce', nonce) url.searchParams.append('scope', responseMode === "query" ? "" : scope) window.location.href = url.toString() } return ( <>

` }} />

) }