zammad/app/frontend/shared/entities/two-factor/plugins/security-keys.ts

// Copyright (C) 2012-2024 Zammad Foundation, https://zammad-foundation.org/

import { EnumTwoFactorAuthenticationMethod } from '#shared/graphql/types.ts'

import type { TwoFactorPlugin } from '../types.ts'
import type { CredentialRequestOptionsJSON } from '@github/webauthn-json'

export default {
  name: EnumTwoFactorAuthenticationMethod.SecurityKeys,
  label: __('Security Keys'),
  description: __('Complete the sign-in with your security key.'),
  order: 100,
  icon: '2fa-security-keys',
  loginOptions: {
    helpMessage: __('Verifying key information…'),
    errorHelpMessage: __('Try using your security key again.'),
    form: false,
    async setup(
      publicKey: NonNullable<CredentialRequestOptionsJSON['publicKey']>,
    ) {
      if (!window.isSecureContext) {
        return {
          success: false,
          retry: false,
          error: __('The application is not running in a secure context.'),
        }
      }
      try {
        const { get } = await import('@github/webauthn-json')

        const publicKeyCredential = await get({ publicKey })
        return {
          success: true,
          payload: {
            challenge: publicKey.challenge,
            credential: publicKeyCredential,
          },
        }
      } catch {
        return {
          success: false,
          retry: true,
          error: __('Security key verification failed.'),
        }
      }
    },
  },
} satisfies TwoFactorPlugin