Web

import { Authsignal } from "@authsignal/browser";

const authsignal = new Authsignal({
  tenantId: "YOUR_TENANT_ID",
  baseUrl: "YOUR_REGION_BASE_URL",
});

authsignal.launch(url, options);

const response = await authsignal.passkey.signUp({
  token: "eyJhbGciOiJ...",
  username: "jane@authsignal.com",
  displayName: "Jane Smith",
});

const response = await authsignal.passkey.signIn({ action: "signInWithPasskey" });

if (response.token) {
  // Send token to your server to validate the result
}

<input type="text" id="username" autocomplete="username webauthn" />

<input type="password" id="password" autocomplete="current-password webauthn" />

authsignal.passkey
  .signIn({
    action: "signInWithPasskeyAutofill",
    autofill: true,
  })
  .then((token) => {
    if (token) {
      // The user has focused your text input and authenticated with an existing passkey
      // Send the token to your server to validate the result of the challenge
    }
  });

import { WebAuthnError } from "@authsignal/browser";

try {
  const response = await authsignal.passkey.signUp({
    token: "eyJhbGciOiJ...",
    username: "jane@authsignal.com",
    displayName: "Jane Smith",
  });
} catch (error) {
  if (error instanceof WebAuthnError) {
    if (error.code === "ERROR_AUTHENTICATOR_PREVIOUSLY_REGISTERED") {
      // The user already has a passkey registered for this authenticator
      // You can choose to handle this however you see fit
    }
  }
}

const response = await authsignal.email.enroll({ email: "jane@authsignal.com" });

const response = await authsignal.email.challenge();

const response = await authsignal.email.verify({ code: "123456" });

const response = await authsignal.emailML.enroll({ email: "jane@authsignal.com" });

const response = await authsignal.emailML.challenge();

const response = await authsignal.emailML.checkVerificationStatus();

const response = await authsignal.sms.enroll({ phoneNumber: "+64271234567" });

const response = await authsignal.sms.challenge();

const response = await authsignal.sms.verify({ code: "123456" });

const response = await authsignal.whatsapp.challenge();

const response = await authsignal.whatsapp.verify({ code: "123456" });

const response = await authsignal.totp.enroll();

const response = await authsignal.totp.verify({ code: "123456" });

const response = await authsignal.push.challenge();

const response = await authsignal.push.verify({
  challengeId: "challenge_id",
});

const { data } = await authsignal.qrCode.challenge({
  action: "kiosk-login",
  onStateChange: (state: ChallengeState, token?: string) => {
    if (state === "approved" && token) {
      // Validate the challenge on your backend
    }
  },
});