[SG-515] add fastmail integration for generator (#3318)

* add fastmail integration for generator

* prettier

* introduce forwarder interface and implementations

apps/browser/src/_locales/en/messages.json

@@ -1965,6 +1965,10 @@
   "apiKey": {
     "message": "API Key"
   },
+  "accountId": {
+    "message": "Account ID",
+    "description": "ID is short for 'Identifier'"
+  },
   "ssoKeyConnectorError": {
     "message": "Key Connector error: make sure Key Connector is available and working correctly."
   }, 

apps/browser/src/popup/generator/generator.component.html

@@ -395,6 +395,28 @@
             />
           </div>
         </ng-container>
+        <ng-container *ngIf="usernameOptions.forwardedService === 'fastmail'">
+          <div class="box-content-row" appBoxRow>
+            <label for="fastmail-apiToken">{{ "apiAccessToken" | i18n }}</label>
+            <input
+              id="fastmail-apiToken"
+              type="password"
+              name="FastMailApiToken"
+              [(ngModel)]="usernameOptions.forwardedFastmailApiToken"
+              (blur)="saveUsernameOptions()"
+            />
+          </div>
+          <div class="box-content-row" appBoxRow>
+            <label for="fastmail-accountId">{{ "accountId" | i18n }}</label>
+            <input
+              id="fastmail-accountId"
+              type="text"
+              name="FastmailAccountId"
+              [(ngModel)]="usernameOptions.forwardedFastmailAccountId"
+              (blur)="saveUsernameOptions()"
+            />
+          </div>
+        </ng-container>
       </div>
     </div>
     <div class="box" *ngIf="usernameOptions.type === 'subaddress'">

apps/desktop/src/app/vault/generator.component.html

@@ -428,6 +428,28 @@
                   />
                 </div>
               </ng-container>
+              <ng-container *ngIf="usernameOptions.forwardedService === 'fastmail'">
+                <div class="box-content-row" appBoxRow>
+                  <label for="fastmail-apiToken">{{ "apiAccessToken" | i18n }}</label>
+                  <input
+                    id="fastmail-apiToken"
+                    type="password"
+                    name="FastMailApiToken"
+                    [(ngModel)]="usernameOptions.forwardedFastmailApiToken"
+                    (blur)="saveUsernameOptions()"
+                  />
+                </div>
+                <div class="box-content-row" appBoxRow>
+                  <label for="fastmail-accountId">{{ "accountId" | i18n }}</label>
+                  <input
+                    id="fastmail-accountId"
+                    type="text"
+                    name="FastmailAccountId"
+                    [(ngModel)]="usernameOptions.forwardedFastmailAccountId"
+                    (blur)="saveUsernameOptions()"
+                  />
+                </div>
+              </ng-container>
             </div>
           </div>
           <div class="box" *ngIf="usernameOptions.type === 'subaddress'" [hidden]="!showOptions">

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

@@ -1982,6 +1982,10 @@
   "premiumSubcriptionRequired": {
     "message": "Premium subscription required"
   },
+  "accountId": {
+    "message": "Account ID",
+    "description": "ID is short for 'Identifier'"
+  },
   "organizationIsDisabled": {
     "message": "Organization is disabled."
   },

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

@@ -343,6 +343,28 @@
         />
       </div>
     </div>
+    <div class="row" *ngIf="usernameOptions.forwardedService === 'fastmail'">
+      <div class="form-group col-4">
+        <label for="fastmail-apiToken">{{ "apiAccessToken" | i18n }}</label>
+        <input
+          id="fastmail-apiToken"
+          class="form-control"
+          type="password"
+          [(ngModel)]="usernameOptions.forwardedFastmailApiToken"
+          (blur)="saveUsernameOptions()"
+        />
+      </div>
+      <div class="form-group col-4">
+        <label for="fastmail-accountId">{{ "accountId" | i18n }}</label>
+        <input
+          id="fastmail-accountId"
+          class="form-control"
+          type="text"
+          [(ngModel)]="usernameOptions.forwardedFastmailAccountId"
+          (blur)="saveUsernameOptions()"
+        />
+      </div>
+    </div>
   </ng-container>
   <div class="row" *ngIf="usernameOptions.type === 'subaddress'">
     <div class="form-group col-4">

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

@@ -5312,5 +5312,9 @@
   },
   "numberOfUsers": {
     "message": "Number of users"
+  },
+  "accountId": {
+    "message": "Account ID",
+    "description": "ID is short for 'Identifier'"
   }
 }