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-duo.component.html

@@ -0,0 +1,105 @@
+<div class="modal fade" role="dialog" aria-modal="true" aria-labelledby="2faDuoTitle">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h1 class="modal-title" id="2faDuoTitle">
+          {{ "twoStepLogin" | i18n }}
+          <small>Duo</small>
+        </h1>
+        <button
+          type="button"
+          class="close"
+          data-dismiss="modal"
+          appA11yTitle="{{ 'close' | i18n }}"
+        >
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <app-two-factor-verify
+        [organizationId]="organizationId"
+        [type]="type"
+        (onAuthed)="auth($any($event))"
+        *ngIf="!authed"
+      >
+      </app-two-factor-verify>
+      <form
+        #form
+        (ngSubmit)="submit()"
+        [appApiAction]="formPromise"
+        ngNativeValidate
+        *ngIf="authed"
+        autocomplete="off"
+      >
+        <div class="modal-body">
+          <ng-container *ngIf="enabled">
+            <app-callout type="success" title="{{ 'enabled' | i18n }}" icon="bwi bwi-check-circle">
+              {{ "twoStepLoginProviderEnabled" | i18n }}
+            </app-callout>
+            <img class="float-right ml-3 mfaType2" alt="Duo logo" />
+            <strong>{{ "twoFactorDuoIntegrationKey" | i18n }}:</strong> {{ ikey }}
+            <br />
+            <strong>{{ "twoFactorDuoSecretKey" | i18n }}:</strong> {{ skey }}
+            <br />
+            <strong>{{ "twoFactorDuoApiHostname" | i18n }}:</strong> {{ host }}
+          </ng-container>
+          <ng-container *ngIf="!enabled">
+            <img class="float-right ml-3 mfaType2" alt="Duo logo" />
+            <p>{{ "twoFactorDuoDesc" | i18n }}</p>
+            <div class="form-group">
+              <label for="ikey">{{ "twoFactorDuoIntegrationKey" | i18n }}</label>
+              <input
+                id="ikey"
+                type="text"
+                name="IntegrationKey"
+                class="form-control"
+                [(ngModel)]="ikey"
+                required
+                appInputVerbatim
+              />
+            </div>
+            <div class="form-group">
+              <label for="skey">{{ "twoFactorDuoSecretKey" | i18n }}</label>
+              <input
+                id="skey"
+                type="password"
+                name="SecretKey"
+                class="form-control"
+                [(ngModel)]="skey"
+                required
+                appInputVerbatim
+                autocomplete="new-password"
+              />
+            </div>
+            <div class="form-group">
+              <label for="host">{{ "twoFactorDuoApiHostname" | i18n }}</label>
+              <input
+                id="host"
+                type="text"
+                name="Host"
+                class="form-control"
+                [(ngModel)]="host"
+                placeholder="{{ 'ex' | i18n }} api-xxxxxxxx.duosecurity.com"
+                required
+                appInputVerbatim
+              />
+            </div>
+          </ng-container>
+        </div>
+        <div class="modal-footer">
+          <button type="submit" class="btn btn-primary btn-submit" [disabled]="form.loading">
+            <i
+              class="bwi bwi-spinner bwi-spin"
+              title="{{ 'loading' | i18n }}"
+              aria-hidden="true"
+            ></i>
+            <span *ngIf="!enabled">{{ "enable" | i18n }}</span>
+            <span *ngIf="enabled">{{ "disable" | i18n }}</span>
+          </button>
+          <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">
+            {{ "close" | i18n }}
+          </button>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>