[Account Recovery][PM-18721] feature flag AccountRecoveryDialogComponent

Author: rr-bw

apps/web/src/app/admin-console/organizations/members/members.component.ts

@@ -64,6 +64,10 @@ import { GroupApiService } from "../core";
 import { OrganizationUserView } from "../core/views/organization-user.view";
 import { openEntityEventsDialog } from "../manage/entity-events.component";
 
+import {
+  AccountRecoveryDialogComponent,
+  AccountRecoveryDialogResult,
+} from "./components/account-recovery/account-recovery-dialog.component";
 import { BulkConfirmDialogComponent } from "./components/bulk/bulk-confirm-dialog.component";
 import { BulkDeleteDialogComponent } from "./components/bulk/bulk-delete-dialog.component";
 import { BulkEnableSecretsManagerDialogComponent } from "./components/bulk/bulk-enable-sm-dialog.component";
@@ -719,18 +723,38 @@ export class MembersComponent extends BaseMembersComponent<OrganizationUserView>
   }
 
   async resetPassword(user: OrganizationUserView) {
-    const dialogRef = ResetPasswordComponent.open(this.dialogService, {
-      data: {
-        name: this.userNamePipe.transform(user),
-        email: user != null ? user.email : null,
-        organizationId: this.organization.id,
-        id: user != null ? user.id : null,
-      },
-    });
+    const changePasswordRefactorFlag = await this.configService.getFeatureFlag(
+      FeatureFlag.PM16117_ChangeExistingPasswordRefactor,
+    );
 
-    const result = await lastValueFrom(dialogRef.closed);
-    if (result === ResetPasswordDialogResult.Ok) {
-      await this.load();
+    if (changePasswordRefactorFlag) {
+      const dialogRef = AccountRecoveryDialogComponent.open(this.dialogService, {
+        data: {
+          name: this.userNamePipe.transform(user),
+          email: user != null ? user.email : null,
+          organizationId: this.organization.id,
+          id: user != null ? user.id : null,
+        },
+      });
+
+      const result = await lastValueFrom(dialogRef.closed);
+      if (result === AccountRecoveryDialogResult.Ok) {
+        await this.load();
+      }
+    } else {
+      const dialogRef = ResetPasswordComponent.open(this.dialogService, {
+        data: {
+          name: this.userNamePipe.transform(user),
+          email: user != null ? user.email : null,
+          organizationId: this.organization.id,
+          id: user != null ? user.id : null,
+        },
+      });
+
+      const result = await lastValueFrom(dialogRef.closed);
+      if (result === ResetPasswordDialogResult.Ok) {
+        await this.load();
+      }
     }
   }
 

libs/auth/src/angular/input-password/input-password.component.html

@@ -35,22 +35,22 @@
         type="password"
         formControlName="newPassword"
       />
-      <ng-container *ngIf="flow === InputPasswordFlow.ChangePasswordDelegation">
-        <button
-          type="button"
-          bitIconButton="bwi-generate"
-          bitSuffix
-          [appA11yTitle]="'generatePassword' | i18n"
-          (click)="generatePassword()"
-        ></button>
-        <button
-          type="button"
-          bitSuffix
-          bitIconButton="bwi-clone"
-          appA11yTitle="{{ 'copyPassword' | i18n }}"
-          (click)="copy()"
-        ></button>
-      </ng-container>
+      <button
+        *ngIf="flow === InputPasswordFlow.ChangePasswordDelegation"
+        type="button"
+        bitIconButton="bwi-generate"
+        bitSuffix
+        [appA11yTitle]="'generatePassword' | i18n"
+        (click)="generatePassword()"
+      ></button>
+      <button
+        *ngIf="flow === InputPasswordFlow.ChangePasswordDelegation"
+        type="button"
+        bitSuffix
+        bitIconButton="bwi-clone"
+        appA11yTitle="{{ 'copyPassword' | i18n }}"
+        (click)="copy()"
+      ></button>
       <button
         type="button"
         bitIconButton