[PS-1878] Feature/selfhost anonaddy (#4056)

* Add selfhosted anonaddy url

* Remove newlines

* Add serverurl field to web

* Show anonaddy api errors

* Add forwardedAnonAddyBaseUrl prop to UsernameGeneratorOptions type

* Use Alias Domain instead of just Domain name

This is easier to distinguish between domain and server url

* Only show Server Url on web if on selfhosted bitwarden

---------

Co-authored-by: Daniel James Smith <djsmith@web.de>
Co-authored-by: Daniel James Smith <djsmith85@users.noreply.github.com>

apps/web/src/app/tools/generator.component.html

@@ -309,7 +309,7 @@
         />
       </div>
       <div class="form-group col-4">
-        <label for="anonaddy-domain">{{ "domainName" | i18n }}</label>
+        <label for="anonaddy-domain">{{ "aliasDomain" | i18n }}</label>
         <input
           id="anonaddy-domain"
           class="form-control"
@@ -318,6 +318,17 @@
           (blur)="saveUsernameOptions()"
         />
       </div>
+      <div class="form-group col-4" *ngIf="isSelfHosted">
+        <label for="anonaddy-baseUrl">{{ "baseUrl" | i18n }}</label>
+        <input
+          id="anonaddy-baseUrl"
+          class="form-control"
+          type="text"
+          name="AnonAddyDomain"
+          [(ngModel)]="usernameOptions.forwardedAnonAddyBaseUrl"
+          (blur)="saveUsernameOptions()"
+        />
+      </div>
     </div>
     <div class="row" *ngIf="usernameOptions.forwardedService === 'firefoxrelay'">
       <div class="form-group col-4">
@@ -355,7 +366,7 @@
         />
       </div>
       <div class="form-group col-4">
-        <label for="forwardemail-domain">{{ "domainName" | i18n }}</label>
+        <label for="forwardemail-domain">{{ "aliasDomain" | i18n }}</label>
         <input
           id="forwardemail-domain"
           class="form-control"

apps/web/src/app/tools/generator.component.ts

@@ -43,6 +43,10 @@ export class GeneratorComponent extends BaseGeneratorComponent {
     }
   }
 
+  get isSelfHosted(): boolean {
+    return this.platformUtilsService.isSelfHost();
+  }
+
   async history() {
     this.dialogService.open(PasswordGeneratorHistoryComponent);
   }

apps/web/src/locales/en/messages.json

@@ -7169,6 +7169,12 @@
   "beta": {
     "message": "Beta"
   },
+  "baseUrl": {
+    "message": "Server URL"
+  },
+  "aliasDomain": {
+    "message": "Alias domain"
+  },
   "alreadyHaveAccount": {
     "message": "Already have an account?"
   }