PRIME-2647 Update Remote Access Removal Alert

prime-angular-frontend/src/app/modules/enrolment/pages/regulatory/regulatory.component.html

@@ -103,17 +103,6 @@
         </ng-container>
       </app-page-subheader>
 
-      <app-alert *ngIf="cannotRequestRemoteAccess"
-                 type="danger"
-                 icon="warning"
-                 class="mb-4">
-        <ng-container #alertContent
-                      class="alert-content">
-          Only physicians and practicing nurse practitioners are permitted to access PharmaNet remotely,
-          and your remote user information will be deleted from your enrolment if you choose a different license type.
-        </ng-container>
-      </app-alert>
-
       <div class="row">
         <div class="col col-sm-10 py-3"
              formArrayName="certifications">

prime-angular-frontend/src/app/modules/enrolment/pages/regulatory/regulatory.component.ts

@@ -209,7 +209,24 @@ export class RegulatoryComponent extends BaseEnrolmentProfilePage implements OnI
               super.handleSubmission();
             }
           });
+      } else if (this.cannotRequestRemoteAccess) {
+        const data: DialogOptions = {
+          title: 'Remote Access Removal',
+          message: 'With this change you are no longer eligible to use remote access.' +
+            ' Please notify the PharmaNet Administrator of your site and stop using the remote access.',
+          actionText: "Continue"
+        };
+
+        this.busy = this.dialog.open(ConfirmDialogComponent, { data })
+          .afterClosed()
+          .subscribe((result: boolean) => {
+            if (result) {
+              this.removeRemoteAccessData();
+              super.handleSubmission();
+            }
+          });
       } else {
+
         super.handleSubmission();
       }
     } else {