Step 2: Passkey login events

Name: Transcodes
Availability: pricing
Author: Bigstrider Inc.

⏱ 3 min

Track login, logout, and registration events for Passkey-first Login


const result = await transcodes.openAuthLoginModal();
 
if (result.success) {
  await transcodes.trackUserAction({
    tag: 'user:login',
    status: true,
    metadata: { method: 'passkey' },
  });
}


const result = await transcodes.openAuthLoginModal();
 
if (!result.success) {
  await transcodes.trackUserAction({
    tag: 'user:login',
    status: false,
    error: result.error || 'Authentication cancelled',
    metadata: { method: 'passkey' },
  });
}

Sign Out


await transcodes.token.signOut();
 
await transcodes.trackUserAction({
  tag: 'user:logout',
  status: true,
});

Framework Examples

React


const handleLogin = async () => {
  const result = await transcodes.openAuthLoginModal();
  if (result.success) {
    await transcodes.trackUserAction({
      tag: 'user:login',
      metadata: { method: 'passkey' },
    });
  }
};

Vue


const handleLogin = async () => {
  const result = await transcodes.openAuthLoginModal();
  if (result.success) {
    await transcodes.trackUserAction({
      tag: 'user:login',
      metadata: { method: 'passkey' },
    });
  }
};

Vanilla JS


loginBtn.addEventListener('click', async () => {
  const result = await transcodes.openAuthLoginModal();
  if (result.success) {
    await transcodes.trackUserAction({
      tag: 'user:login',
      metadata: { method: 'passkey' },
    });
  }
});

Common Tags for Passkey

Tag	Use Case
`user:login`	User logged in
`user:logout`	User signed out
`user:register`	New user registration

What’s Next

Next: Step 3: Step-up MFA events

Step 2: Passkey login events

Login Success

Login Failure

Sign Out

Framework Examples

React

Vue

Vanilla JS

Common Tags for Passkey

What’s Next