[PS-589] Added Device Verification section setting for 2FA Email for new device (#2868)

* PS-589 Added Device Verification section for enable/disable the feature of 2FA email on new device login and the api calls for the new endpoint

* PS-589 prettier fix

* PS-589 Fix import typo because of caps

* PS-589 Improved button to use bitButton directive and loading to have the ngIf on the 2fa setup component

libs/common/src/abstractions/api.service.ts

@@ -1,7 +1,9 @@
 import { OrganizationConnectionType } from "jslib-common/enums/organizationConnectionType";
+import { DeviceVerificationRequest } from "jslib-common/models/request/deviceVerificationRequest";
 import { OrganizationConnectionRequest } from "jslib-common/models/request/organizationConnectionRequest";
 import { BillingHistoryResponse } from "jslib-common/models/response/billingHistoryResponse";
 import { BillingPaymentResponse } from "jslib-common/models/response/billingPaymentResponse";
+import { DeviceVerificationResponse } from "jslib-common/models/response/deviceVerificationResponse";
 import {
   OrganizationConnectionConfigApis,
   OrganizationConnectionResponse,
@@ -494,6 +496,10 @@ export abstract class ApiService {
   postTwoFactorRecover: (request: TwoFactorRecoveryRequest) => Promise<any>;
   postTwoFactorEmailSetup: (request: TwoFactorEmailRequest) => Promise<any>;
   postTwoFactorEmail: (request: TwoFactorEmailRequest) => Promise<any>;
+  getDeviceVerificationSettings: () => Promise<DeviceVerificationResponse>;
+  putDeviceVerificationSettings: (
+    request: DeviceVerificationRequest
+  ) => Promise<DeviceVerificationResponse>;
 
   getEmergencyAccessTrusted: () => Promise<ListResponse<EmergencyAccessGranteeDetailsResponse>>;
   getEmergencyAccessGranted: () => Promise<ListResponse<EmergencyAccessGrantorDetailsResponse>>;

libs/common/src/models/request/deviceVerificationRequest.ts

@@ -0,0 +1,7 @@
+export class DeviceVerificationRequest {
+  unknownDeviceVerificationEnabled: boolean;
+
+  constructor(unknownDeviceVerificationEnabled: boolean) {
+    this.unknownDeviceVerificationEnabled = unknownDeviceVerificationEnabled;
+  }
+}

libs/common/src/models/response/deviceVerificationResponse.ts

@@ -0,0 +1,16 @@
+import { BaseResponse } from "./baseResponse";
+
+export class DeviceVerificationResponse extends BaseResponse {
+  isDeviceVerificationSectionEnabled: boolean;
+  unknownDeviceVerificationEnabled: boolean;
+
+  constructor(response: any) {
+    super(response);
+    this.isDeviceVerificationSectionEnabled = this.getResponseProperty(
+      "IsDeviceVerificationSectionEnabled"
+    );
+    this.unknownDeviceVerificationEnabled = this.getResponseProperty(
+      "UnknownDeviceVerificationEnabled"
+    );
+  }
+}

libs/common/src/services/api.service.ts

@@ -31,6 +31,7 @@ import { CipherRequest } from "../models/request/cipherRequest";
 import { CipherShareRequest } from "../models/request/cipherShareRequest";
 import { CollectionRequest } from "../models/request/collectionRequest";
 import { DeleteRecoverRequest } from "../models/request/deleteRecoverRequest";
+import { DeviceVerificationRequest } from "../models/request/deviceVerificationRequest";
 import { EmailRequest } from "../models/request/emailRequest";
 import { EmailTokenRequest } from "../models/request/emailTokenRequest";
 import { EmergencyAccessAcceptRequest } from "../models/request/emergencyAccessAcceptRequest";
@@ -121,6 +122,7 @@ import {
   CollectionGroupDetailsResponse,
   CollectionResponse,
 } from "../models/response/collectionResponse";
+import { DeviceVerificationResponse } from "../models/response/deviceVerificationResponse";
 import { DomainsResponse } from "../models/response/domainsResponse";
 import {
   EmergencyAccessGranteeDetailsResponse,
@@ -1572,6 +1574,30 @@ export class ApiService implements ApiServiceAbstraction {
     return this.send("POST", "/two-factor/send-email-login", request, false, false);
   }
 
+  async getDeviceVerificationSettings(): Promise<DeviceVerificationResponse> {
+    const r = await this.send(
+      "GET",
+      "/two-factor/get-device-verification-settings",
+      null,
+      true,
+      true
+    );
+    return new DeviceVerificationResponse(r);
+  }
+
+  async putDeviceVerificationSettings(
+    request: DeviceVerificationRequest
+  ): Promise<DeviceVerificationResponse> {
+    const r = await this.send(
+      "PUT",
+      "/two-factor/device-verification-settings",
+      request,
+      true,
+      true
+    );
+    return new DeviceVerificationResponse(r);
+  }
+
   // Emergency Access APIs
 
   async getEmergencyAccessTrusted(): Promise<ListResponse<EmergencyAccessGranteeDetailsResponse>> {