Distinguishing Between Login Methods

import { dynamicClient } from '<path to client file>';

const checkLastLoginMethod = () => {
  const user = dynamicClient.auth.authenticatedUser;

  // Get the last verified credential ID
  const lastCredentialId = user?.lastVerifiedCredentialId;

  // Find the credential in the verifiedCredentials array
  const lastCredential = user?.verifiedCredentials?.find(
    (vc) => vc.id === lastCredentialId
  );

  if (!lastCredential) {
    console.log('No verified credentials found');
    return null;
  }

  // Check the credential type (format)
  console.log('Credential format:', lastCredential.format);
  // Possible values: 'blockchain', 'email', 'externalUser', 'oauth', 'passkey', 'phoneNumber', 'totp'

  // For wallet credentials, check the provider
  if (lastCredential.format === 'blockchain') {
    console.log('Wallet provider:', lastCredential.walletProvider);
    // Possible values: 'browserExtension', 'embeddedWallet', 'walletConnect', etc.
  }

  // For OAuth credentials, check the provider
  if (lastCredential.format === 'oauth') {
    console.log('OAuth provider:', lastCredential.oauthProvider);
  }

  return lastCredential;
};

import { dynamicClient } from '<path to client file>';
import { View, Text } from 'react-native';

const AllCredentials = () => {
  const user = dynamicClient.auth.authenticatedUser;

  return (
    <View>
      {user?.verifiedCredentials?.map((vc) => (
        <View key={vc.id}>
          <Text>Format: {vc.format}</Text>
          <Text>Identifier: {vc.publicIdentifier}</Text>
          {vc.format === 'blockchain' && (
            <Text>Wallet Provider: {vc.walletProvider}</Text>
          )}
          {vc.format === 'oauth' && (
            <Text>OAuth Provider: {vc.oauthProvider}</Text>
          )}
          {vc.id === user.lastVerifiedCredentialId && (
            <Text>(Last used)</Text>
          )}
        </View>
      ))}
    </View>
  );
};