import { Plugins } from "@capacitor/core";
import { ResponseSignInWithApplePlugin } from "@capacitor-community/apple-sign-in";

const { SignInWithApple } = Plugins;

try {
  const response: ResponseSignInWithApplePlugin = await SignInWithApple.authorize();
} catch (e) {
  console.error(e);
}

import {
  SignInResponse,
  SignInError,
} from "@capacitor-community/apple-sign-in";

const { Device } = Plugins;

let device = await Device.getInfo();

if (device.platform === "web") {
  // Configure and initialize the plugin with correct values
  SignInWithApple.init({
    clientId: "[CLIENT_ID]",
    scope: "[SCOPES]", // scope=name email
    redirectURI: "[REDIRECT_URI]",
    state: "[STATE]",
    usePopup: true, //or false defaults to false
  });
}

//Listen for authorization success
document.addEventListener("AppleIDSignInOnSuccess", (data) => {
  console.log(data);
});

//Listen for authorization failures
document.addEventListener("AppleIDSignInOnFailure", (error) => {
  console.error(error);
});