refactor: make email in qr-code information swappable (#173)

README.md

@@ -112,6 +112,11 @@ private function registerDataBags(): void
 
 ### Two Factor Authentication
 
+> Under the hood we use [**Pragmarx Google2fa-laravel**](https://github.com/antonioribeiro/google2fa-laravel#readme) package.  
+> 
+> For custom configuration like [generating QR-Code using SVG render](https://github.com/antonioribeiro/google2fa-laravel#qrcode-backend) instead of a default Imagemagick, 
+> you can [publish the default configuration](https://github.com/antonioribeiro/google2fa-laravel#publish-the-config-file) and adjust it as per your needs.
+
 1. Add file download JS to Mix file
 
 ```js

src/Components/TwoFactorAuthenticationForm.php

@@ -122,7 +122,7 @@ public function getTwoFactorQrCodeUrlProperty(): string
     {
         return app(TwoFactorAuthenticationProvider::class)->qrCodeUrl(
             config('app.name'),
-            $this->user->email,
+            (string) data_get($this->user, config('fortify.username'), 'email'),
             $this->state['two_factor_secret']
         );
     }

tests/Components/TwoFactorAuthenticationFormTest.php

@@ -3,6 +3,7 @@
 declare(strict_types=1);
 
 use ARKEcosystem\Fortify\Components\TwoFactorAuthenticationForm;
+use Illuminate\Support\Facades\Config;
 use Livewire\Livewire;
 use PragmaRX\Google2FALaravel\Google2FA;
 use function Tests\createUserModel;
@@ -97,3 +98,25 @@
         ->call('disableTwoFactorAuthentication')
         ->assertDontSee('You have not enabled two factor authentication');
 });
+
+it('shows email after scanning qr-code on mobile device', function (): void {
+    $user = createUserModel();
+
+    $instance = Livewire::actingAs($user)
+        ->test(TwoFactorAuthenticationForm::class)
+        ->instance();
+
+    expect($instance->twoFactorQrCodeUrl)->toContain(urlencode($user->email));
+});
+
+it('shows username after scanning qr-code on mobile device', function (): void {
+    Config::set('fortify.username', 'username');
+
+    $user = createUserModel();
+
+    $instance = Livewire::actingAs($user)
+        ->test(TwoFactorAuthenticationForm::class)
+        ->instance();
+
+    expect($instance->twoFactorQrCodeUrl)->toContain(urlencode($user->username));
+});