Auth/ps 2298 reorg auth (#4564)

* Move auth service factories to Auth team

* Move authentication componenets to Auth team

* Move auth guard services to Auth team

* Move Duo content script to Auth team

* Move auth CLI commands to Auth team

* Move Desktop Account components to Auth Team

* Move Desktop guards to Auth team

* Move two-factor provider images to Auth team

* Move web Accounts components to Auth Team

* Move web settings components to Auth Team

* Move web two factor images to Auth Team

* Fix missed import changes for Auth Team

* Fix Linting errors

* Fix missed CLI imports

* Fix missed Desktop imports

* Revert images move

* Fix missed imports in Web

* Move angular lib components to Auth Team

* Move angular auth guards to Auth team

* Move strategy specs to Auth team

* Update .eslintignore for new paths

* Move lib common abstractions to Auth team

* Move services to Auth team

* Move common lib enums to Auth team

* Move webauthn iframe to Auth team

* Move lib common domain models to Auth team

* Move common lib requests to Auth team

* Move response models to Auth team

* Clean up whitelist

* Move bit web components to Auth team

* Move SSO and SCIM files to Auth team

* Revert move SCIM to Auth team

SCIM belongs to Admin Console team

* Move captcha to Auth team

* Move key connector to Auth team

* Move emergency access to auth team

* Delete extra file

* linter fixes

* Move kdf config to auth team

* Fix whitelist

* Fix duo autoformat

* Complete two factor provider request move

* Fix whitelist names

* Fix login capitalization

* Revert hint dependency reordering

* Revert hint dependency reordering

* Revert hint component

This components is being picked up as a move between clients

* Move web hint component to Auth team

* Move new files to auth team

* Fix desktop build

* Fix browser build

apps/web/src/auth/settings/two-factor-setup.component.html

@@ -0,0 +1,75 @@
+<!-- Please remove this disable statement when editing this file! -->
+<!-- eslint-disable @angular-eslint/template/button-has-type -->
+<div class="tabbed-header">
+  <h1 *ngIf="!organizationId">{{ "twoStepLogin" | i18n }}</h1>
+  <h1 *ngIf="organizationId">{{ "twoStepLoginEnforcement" | i18n }}</h1>
+</div>
+<p *ngIf="!organizationId">{{ "twoStepLoginDesc" | i18n }}</p>
+<ng-container *ngIf="organizationId">
+  <p>
+    {{ "twoStepLoginOrganizationDescStart" | i18n }}
+    <a routerLink="../policies">{{ "twoStepLoginPolicy" | i18n }}.</a>
+    <br />
+    {{ "twoStepLoginOrganizationDuoDesc" | i18n }}
+  </p>
+  <p>{{ "twoStepLoginOrganizationSsoDesc" | i18n }}</p>
+</ng-container>
+<bit-callout type="warning" *ngIf="!organizationId">
+  <p>{{ "twoStepLoginRecoveryWarning" | i18n }}</p>
+  <button bitButton buttonType="secondary" (click)="recoveryCode()">
+    {{ "viewRecoveryCode" | i18n }}
+  </button>
+</bit-callout>
+<h2 [ngClass]="{ 'mt-5': !organizationId }">
+  {{ "providers" | i18n }}
+  <small *ngIf="loading">
+    <i
+      class="bwi bwi-spinner bwi-spin bwi-fw text-muted"
+      title="{{ 'loading' | i18n }}"
+      aria-hidden="true"
+    ></i>
+    <span class="sr-only">{{ "loading" | i18n }}</span>
+  </small>
+</h2>
+<bit-callout type="warning" *ngIf="showPolicyWarning">
+  {{ "twoStepLoginPolicyUserWarning" | i18n }}
+</bit-callout>
+<ul class="list-group list-group-2fa">
+  <li *ngFor="let p of providers" class="list-group-item d-flex align-items-center">
+    <div class="logo-2fa d-flex justify-content-center">
+      <img [class]="'mfaType' + p.type" [alt]="p.name + ' logo'" />
+    </div>
+    <div class="mx-4">
+      <h3 class="mb-0">
+        {{ p.name }}
+        <ng-container *ngIf="p.enabled">
+          <i
+            class="bwi bwi-check text-success bwi-fw"
+            title="{{ 'enabled' | i18n }}"
+            aria-hidden="true"
+          ></i>
+          <span class="sr-only">{{ "enabled" | i18n }}</span>
+        </ng-container>
+        <app-premium-badge *ngIf="p.premium"></app-premium-badge>
+      </h3>
+      {{ p.description }}
+    </div>
+    <div class="ml-auto">
+      <button
+        bitButton
+        buttonType="secondary"
+        [disabled]="!canAccessPremium && p.premium"
+        (click)="manage(p.type)"
+      >
+        {{ "manage" | i18n }}
+      </button>
+    </div>
+  </li>
+</ul>
+
+<ng-template #authenticatorTemplate></ng-template>
+<ng-template #recoveryTemplate></ng-template>
+<ng-template #duoTemplate></ng-template>
+<ng-template #emailTemplate></ng-template>
+<ng-template #yubikeyTemplate></ng-template>
+<ng-template #webAuthnTemplate></ng-template>