@bnsights/bbsf-admin-portal 1.0.34 → 1.0.35

package/fesm2015/bnsights-bbsf-admin-portal.js

@@ -5236,7 +5236,8 @@ class PermissionSetInfoComponent$1 {
             return paramArray;
         };
         this.getAddUserToPermissionSetFunction = (AddModel) => {
-            return this.permissionSetService.addUsersToPermissionSet(AddModel);
+            if (!AddModel.UsersIDs.length)
+                return this.permissionSetService.addUsersToPermissionSet(AddModel);
         };
         this.deleteUserFromPermissionSet = (deleteUserId, PerSetId) => {
             return this.permissionSetService.deleteUserFromPermissionSet(deleteUserId, PerSetId);
@@ -5323,7 +5324,9 @@ class PermissionSetInfoComponent$1 {
         this.userAutoComplete.IsRequired = true;
         this.userAutoComplete.Value = null;
         this.userAutoComplete.ActionURL = this.ApiUrl + "AutoCompleteUserList";
+        this.userAutoComplete.SelectedItemsParamName;
         this.userAutoComplete.ValidationToken = this.authService.authorizationHeaderValue();
+        this.userAutoComplete.ExtraFilters = "permSetID=" + this.PermissionSetId;
         this.modalService.open(addUserToDepartmentModal);
         this.utilityService.stopBlockUI();
     }
@@ -10822,7 +10825,7 @@ class ImpersonationRulesComponent$1 {
         this.searchTextBox.Name = "searchTextBox";
         this.searchTextBox.HideLabel = true;
         this.searchTextBox.Type = InputType.Text;
-        this.searchTextBox.Placeholder = this.utilityService.getResourceValue("SearchByName");
+        this.searchTextBox.Placeholder = this.utilityService.getResourceValue("SearchBySource");
         this.TextInputFilter = new FilterItem();
         this.TextInputFilter.FormControlName = "searchTextBox";
         this.TextInputFilter.ActionParameterName = "searchText";
@@ -10925,7 +10928,6 @@ class ImpersonationRulesComponent$1 {
             this.AddIsActive = new CheckBoxOptions();
             this.AddIsActive.Name = "IsActive";
             this.AddIsActive.LabelKey = "Active";
-            this.AddIsActive.IsDisabled = true;
             this.AddIsActive.Value = true;
             this.AddExpiresAt = new DatePickerOptions();
             this.AddExpiresAt.Name = "ExpiresAt";
@@ -10934,6 +10936,7 @@ class ImpersonationRulesComponent$1 {
             this.AddExpiresAt.StartView = StartView.Month;
             this.AddExpiresAt.PickerType = PickerType.Calendar;
             this.AddExpiresAt.SelectMode = SelectMode.Single;
+            this.AddExpiresAt.StartDate = new Date();
             this.modalService.open(AddImpersonationModal);
             this.utilityService.stopBlockUI();
         });
@@ -11039,7 +11042,7 @@ class ImpersonationRulesComponent$1 {
             this.EditSourceUserAutoComplete.ValidationToken = this.authService.authorizationHeaderValue();
             let destinationPermissionSetSelectedItem;
             let destinationUserModel = new AutocompleteDTO();
-            if (impersonation.destinationParticipantDTO.participantTypeItemID == ParticipantType$1.User) {
+            if (impersonation.destinationParticipantDTO.participantTypeItemID_GUID == ParticipantType$1.User) {
                 destinationUserModel.key = impersonation.destinationParticipantDTO.userID_GUID;
                 destinationUserModel.value = impersonation.destinationParticipantDTO.participantNameStr;
             }
@@ -11065,8 +11068,7 @@ class ImpersonationRulesComponent$1 {
             this.EditIsActive = new CheckBoxOptions();
             this.EditIsActive.Name = "IsActive";
             this.EditIsActive.LabelKey = "Active";
-            this.EditIsActive.IsDisabled = true;
-            this.EditIsActive.Value = true;
+            this.EditIsActive.Value = impersonation.isActive;
             this.EditExpiresAt = new DatePickerOptions();
             this.EditExpiresAt.Name = "ExpiresAt";
             this.EditExpiresAt.LabelKey = "ExpiresAt";
@@ -11075,6 +11077,7 @@ class ImpersonationRulesComponent$1 {
             this.EditExpiresAt.StartView = StartView.Month;
             this.EditExpiresAt.PickerType = PickerType.Calendar;
             this.EditExpiresAt.SelectMode = SelectMode.Single;
+            this.EditExpiresAt.StartDate = new Date();
             this.modalService.open(editImpersonationModal);
             this.utilityService.stopBlockUI();
         });
@@ -15524,8 +15527,8 @@ class HelpCenterComponent$1 {
             this.AddHelpCenterFormOptions.PagingReference = this.pagingElement;
             this.AddTitle = new MultiLingualTextBoxOptions();
             this.AddTitle.Name = "Title";
-            this.AddTitle.ArabicLabelKey = "TitleInArabic";
-            this.AddTitle.EnglishLabelKey = "TitleInEnglish";
+            this.AddTitle.ArabicLabelKey = "TitleAR";
+            this.AddTitle.EnglishLabelKey = "TitleEN";
             this.AddTitle.IsRequired = true;
             this.AddTitle.Value = null;
             this.AddTitle.MaxLength = 100;
@@ -15580,8 +15583,8 @@ class HelpCenterComponent$1 {
             Title.English = helpCenter.title.english;
             this.EditTitle = new MultiLingualTextBoxOptions();
             this.EditTitle.Name = "Title";
-            this.EditTitle.ArabicLabelKey = "TitleInArabic";
-            this.EditTitle.EnglishLabelKey = "TitleInEnglish";
+            this.EditTitle.ArabicLabelKey = "TitleAR";
+            this.EditTitle.EnglishLabelKey = "TitleEN";
             this.EditTitle.IsRequired = true;
             this.EditTitle.Value = Title;
             this.EditTitle.MaxLength = 100;
@@ -15823,8 +15826,8 @@ class HelpCenterSecondlevelComponent$1 {
         this.AddHelpCenterFormOptions.PagingReference = this.pagingElement;
         this.AddTitle = new MultiLingualTextBoxOptions();
         this.AddTitle.Name = "Title";
-        this.AddTitle.ArabicLabelKey = "TitleInArabic";
-        this.AddTitle.EnglishLabelKey = "TitleInEnglish";
+        this.AddTitle.ArabicLabelKey = "TitleAR";
+        this.AddTitle.EnglishLabelKey = "TitleEN";
         this.AddTitle.IsRequired = true;
         this.AddTitle.Value = null;
         this.AddTitle.MaxLength = 100;
@@ -15860,8 +15863,8 @@ class HelpCenterSecondlevelComponent$1 {
             Title.English = helpCenter.title.english;
             this.EditTitle = new MultiLingualTextBoxOptions();
             this.EditTitle.Name = "Title";
-            this.EditTitle.ArabicLabelKey = "TitleInArabic";
-            this.EditTitle.EnglishLabelKey = "TitleInEnglish";
+            this.EditTitle.ArabicLabelKey = "TitleAR";
+            this.EditTitle.EnglishLabelKey = "TitleEN";
             this.EditTitle.IsRequired = true;
             this.EditTitle.Value = Title;
             this.EditTitle.MaxLength = 100;
@@ -16053,8 +16056,8 @@ class HelpCenterThirdlevelComponent$1 {
         this.AddHelpCenterFormOptions.PagingReference = this.pagingElement;
         this.AddTitle = new MultiLingualTextBoxOptions();
         this.AddTitle.Name = "Title";
-        this.AddTitle.ArabicLabelKey = "TitleInArabic";
-        this.AddTitle.EnglishLabelKey = "TitleInEnglish";
+        this.AddTitle.ArabicLabelKey = "TitleAR";
+        this.AddTitle.EnglishLabelKey = "TitleEN";
         this.AddTitle.IsRequired = true;
         this.AddTitle.Value = null;
         this.AddTitle.MaxLength = 100;
@@ -16091,8 +16094,8 @@ class HelpCenterThirdlevelComponent$1 {
             Title.English = helpCenter.title.english;
             this.EditTitle = new MultiLingualTextBoxOptions();
             this.EditTitle.Name = "Title";
-            this.EditTitle.ArabicLabelKey = "TitleInArabic";
-            this.EditTitle.EnglishLabelKey = "TitleInEnglish";
+            this.EditTitle.ArabicLabelKey = "TitleAR";
+            this.EditTitle.EnglishLabelKey = "TitleEN";
             this.EditTitle.IsRequired = true;
             this.EditTitle.Value = Title;
             this.EditTitle.MaxLength = 100;
@@ -16177,7 +16180,7 @@ class HelpCenterPreviewComponent$1 {
     }
 }
 HelpCenterPreviewComponent$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: HelpCenterPreviewComponent$1, deps: [{ token: i1.AuthService }, { token: PageInfoService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i1.EnvironmentService }, { token: HelpCenterService$1 }], target: i0.ɵɵFactoryTarget.Component });
-HelpCenterPreviewComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: HelpCenterPreviewComponent$1, selector: "lib-help-center-preview", ngImport: i0, template: "<block-ui></block-ui>\r\n<div class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-body accordion-custom\">\r\n      <ngb-accordion #acc=\"ngbAccordion\" activeIds=\"ngb-panel-0\" *ngFor=\"let Item of HelpCenterItems;let itemIndex=index;\">\r\n        <ngb-panel>\r\n          <ng-template ngbPanelTitle>\r\n            <h4 id=\"parentTitle\" *ngIf=\"language=='en'\">{{Item.title.english}}</h4>\r\n            <h4 id=\"parentTitle\" *ngIf=\"language=='ar'\">{{Item.title.arabic}}</h4>\r\n            <div id=\"parentdesc\" *ngIf=\"language=='en'\" class=\"text-muted\">{{Item.description.english}}</div>\r\n            <div id=\"parentdesc\" *ngIf=\"language=='ar'\" class=\"text-muted\">{{Item.description.arabic}}</div>\r\n          </ng-template>\r\n          <ng-template ngbPanelContent>\r\n            <ul id=\"{{'Lvl1-'+Item.id}}\">\r\n              <li  *ngFor=\"let child of Item.children;let i=index;\">\r\n                <a [ngClass]=\"{'active helpcenterlink': i === 0}\" ( data-toggle=\"tab\" role=\"tab\" aria-selected=\"true\" href=\"{{'#Content-'+i+'-'+itemIndex}}\">\r\n                  <span class=\"kt-nav__link-text text-to-truncate1\" *ngIf=\"language=='en'\">{{child.title.english}}</span>\r\n                  <span class=\"kt-nav__link-text text-to-truncate1\" *ngIf=\"language=='ar'\">{{child.title.arabic}}</span>\r\n                </a>\r\n              </li>\r\n            </ul>\r\n            <div *ngFor=\"let child of Item.children;let i=index;\" class=\"d-flex align-items-center bg-light-dark rounded p-5 mb-7\">\r\n              <div id=\"{{'#Content-'+i+'-'+itemIndex}}\">\r\n                <div  *ngFor=\"let lastChild of child.children;let j=index;\">\r\n                      <span *ngIf=\"language=='en'\" class=\"fw-bolder text-light fs-4 mb-2\">{{lastChild.title.english}}</span>\r\n                      <span *ngIf=\"language=='ar'\" class=\"fw-bolder text-light fs-4 mb-2\">{{lastChild.title.arabic}}</span>\r\n                  <div>\r\n                      <div>\r\n                        <span *ngIf=\"language=='en'\" class=\"text-primary fw-bold d-block\" innerHtml=\"{{lastChild.html.english}}\">\r\n                        </span>\r\n                        <span *ngIf=\"language=='ar'\" class=\"text-primary fw-bold d-block\" innerHtml=\"{{lastChild.html.arabic}}\">\r\n                        </span>\r\n                      </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n        </ngb-panel>\r\n      </ngb-accordion>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i5.NgbAccordion, selector: "ngb-accordion", inputs: ["activeIds", "destroyOnHide", "animation", "type", "closeOthers"], outputs: ["panelChange", "shown", "hidden"], exportAs: ["ngbAccordion"] }], directives: [{ type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgbPanel, selector: "ngb-panel", inputs: ["disabled", "id", "title", "type", "cardClass"], outputs: ["shown", "hidden"] }, { type: i5.NgbPanelTitle, selector: "ng-template[ngbPanelTitle]" }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgbPanelContent, selector: "ng-template[ngbPanelContent]" }, { type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+HelpCenterPreviewComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: HelpCenterPreviewComponent$1, selector: "lib-help-center-preview", ngImport: i0, template: "<block-ui></block-ui>\r\n<div class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-body accordion-custom\">\r\n      <ngb-accordion #acc=\"ngbAccordion\" activeIds=\"ngb-panel-0\" *ngFor=\"let Item of HelpCenterItems;let itemIndex=index;\">\r\n        <ngb-panel>\r\n          <ng-template ngbPanelTitle>\r\n            <h4 id=\"parentTitle\" *ngIf=\"language=='en'\">{{Item.title.english}}</h4>\r\n            <h4 id=\"parentTitle\" *ngIf=\"language=='ar'\">{{Item.title.arabic}}</h4>\r\n            <div id=\"parentdesc\" *ngIf=\"language=='en'\" class=\"text-muted\">{{Item.description.english}}</div>\r\n            <div id=\"parentdesc\" *ngIf=\"language=='ar'\" class=\"text-muted\">{{Item.description.arabic}}</div>\r\n          </ng-template>\r\n          <ng-template ngbPanelContent>\r\n            <ul id=\"{{'Lvl1-'+Item.id}}\">\r\n              <li  *ngFor=\"let child of Item.children;let i=index;\">\r\n                <a href=\"{{'#Content-'+i+'-'+itemIndex}}\" [ngClass]=\"{'active helpcenterlink': i === 0}\" data-toggle=\"tab\" role=\"tab\" aria-selected=\"true\">\r\n                  <span class=\"kt-nav__link-text text-to-truncate1\" *ngIf=\"language=='en'\">{{child.title.english}}</span>\r\n                  <span class=\"kt-nav__link-text text-to-truncate1\" *ngIf=\"language=='ar'\">{{child.title.arabic}}</span>\r\n                </a>\r\n              </li>\r\n            </ul>\r\n            <div *ngFor=\"let child of Item.children;let i=index;\" class=\"d-flex align-items-center bg-light-dark rounded p-5 mb-7\">\r\n              <div id=\"{{'#Content-'+i+'-'+itemIndex}}\">\r\n                <div  *ngFor=\"let lastChild of child.children;let j=index;\">\r\n                      <span *ngIf=\"language=='en'\" class=\"fw-bolder text-light fs-4 mb-2\">{{lastChild.title.english}}</span>\r\n                      <span *ngIf=\"language=='ar'\" class=\"fw-bolder text-light fs-4 mb-2\">{{lastChild.title.arabic}}</span>\r\n                  <div>\r\n                      <div>\r\n                        <span *ngIf=\"language=='en'\" class=\"text-primary fw-bold d-block\" innerHtml=\"{{lastChild.html.english}}\">\r\n                        </span>\r\n                        <span *ngIf=\"language=='ar'\" class=\"text-primary fw-bold d-block\" innerHtml=\"{{lastChild.html.arabic}}\">\r\n                        </span>\r\n                      </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n        </ngb-panel>\r\n      </ngb-accordion>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i5.NgbAccordion, selector: "ngb-accordion", inputs: ["activeIds", "destroyOnHide", "animation", "type", "closeOthers"], outputs: ["panelChange", "shown", "hidden"], exportAs: ["ngbAccordion"] }], directives: [{ type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgbPanel, selector: "ngb-panel", inputs: ["disabled", "id", "title", "type", "cardClass"], outputs: ["shown", "hidden"] }, { type: i5.NgbPanelTitle, selector: "ng-template[ngbPanelTitle]" }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgbPanelContent, selector: "ng-template[ngbPanelContent]" }, { type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: HelpCenterPreviewComponent$1, decorators: [{
             type: Component,
             args: [{
@@ -17140,7 +17143,7 @@ class ProviderComponent$1 {
     }
 }
 ProviderComponent$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ProviderComponent$1, deps: [{ token: ProviderService$1 }, { token: i5.NgbModal }, { token: i1.AuthService }, { token: i1.BBSFTranslateService }, { token: i1.UtilityService }, { token: PageInfoService }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-ProviderComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ProviderComponent$1, selector: "lib-provider", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ProviderPagingViewElement"], descendants: true }, { propertyName: "providerTypesDDL", first: true, predicate: ["providerTypesDDL"], descendants: true }, { propertyName: "sortingFilterDDL", first: true, predicate: ["sortingFilterDDL"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div class=\"container-fluid\">\r\n  <div *ngIf=\"ShowPageContent\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n          <form [formGroup]=\"ProviderForm\">\r\n            <!--(OnChange)=\"searchClientSide($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"ProviderForm\"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <div ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n            <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n              <form [formGroup]=\"ProviderForm\">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #providerTypesDDL [options]=\"providerTypesFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #sortingFilterDDL [options]=\"sortingFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" d=\"applyFiltersBtn\"\r\n                            (click)=\"resetFilters()\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <button href=\"javascript:;\" (click)=\"generateProviderJson()\" class=\"btn btn-sm btn-light-primary me-3 bnsights-btn-export\">\r\n            <i class=\"fas fa-file-export me-1\"></i>\r\n            {{utilityService.getResourceValue(\"GenerateProviderJson\")}}\r\n          </button>\r\n\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"SelectDefaultProvider\")' class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showDefaultProviderModal(DefaultProviderModal)\">\r\n            <i class=\"fas fa-hand-pointer me-1\"></i>\r\n            {{utilityService.getResourceValue(\"SelectDefaultProvider\")}}\r\n          </button>\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"Add\")' class=\"btn btn-sm btn-primary\" (click)=\"showAddProviderModal(AddProviderModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>        <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Status\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Default\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" *ngFor=\"let providerGroup of clientSidePagingResult\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              <tr *ngFor=\"let provider of providerGroup.providers\">\r\n                <td>\r\n                  <div class=\"text-dark\">{{provider.providerName}}</div>\r\n                  <div>{{provider.description}}</div>\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-primary\" *ngIf=\"provider.isRunning;else other_content\">\r\n                    {{utilityService.getResourceValue(\"Running\")}}\r\n                  </span>\r\n                  <ng-template #other_content>\r\n                    <span class=\"badge badge-light-danger\">\r\n                      {{utilityService.getResourceValue(\"Stopped\")}}\r\n                    </span>\r\n                  </ng-template>\r\n\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-success fw-bolder\" *ngIf=\"provider.isDefault;else default_no\">\r\n                    {{utilityService.getResourceValue(\"Yes\")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span class=\"badge badge-light fw-bolder\">\r\n                      {{utilityService.getResourceValue(\"No\")}}\r\n                    </span>\r\n                  </ng-template>\r\n                </td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem (click)=\"showEditProviderModal(provider.iD_GUID, EditProviderModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                         (click)=\"showDeleteProviderModal(provider.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isEMail && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestEmailModal(provider.iD_GUID,provider.providerName,TestEmailModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestEmail\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isSMS && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestSMSModal(provider.iD_GUID,provider.providerName,TestSMSModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestSMS\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"providerGroup.providers.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n            <tbody *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <tr>\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setProviderListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                     [options]=\"ProviderPaging\" [group]=\"ProviderForm\" #ProviderPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </div>\r\n\r\n  <!--end::Providers list-->\r\n</div>\r\n\r\n<!-- Add Modal -->\r\n<ng-template #AddProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddProviderFormOptions\">\r\n\r\n      <BBSF-TextBox [options]=\"AddName\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextBox>\r\n      <BBSF-TextArea [options]=\"AddDescription\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextArea>\r\n      <BBSF-DropdownList [options]=\"AddOrganizationOptions\" [group]=\"AddProviderForm\">\r\n      </BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"AddTypeOptions\" [group]=\"AddProviderForm\" (OnChange)=\"setAddProviderAttributes($event)\">\r\n      </BBSF-DropdownList>\r\n      <div *ngIf=\"IsAttributesLoaded\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of ProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"AddProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,true)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"ProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseProviderModal id=\"CloseAddProviderModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<!-- Edit model -->\r\n<ng-template #EditProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditName\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"EditDescription\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditTypeOptions\" [group]=\"EditProviderForm\" (OnChange)=\"setEditProviderAttributes($event)\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of EditProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"EditProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,true)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"EditProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditProviderModal id=\"CloseEditProviderModal\" type=\"button\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Default Provider  Modal-->\r\n<ng-template #DefaultProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SelectDefaultProvider\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"DefaultProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\" *ngFor=\"let defProvider of DefaultProviders;let i=index;\">\r\n          <h3 class=\"text-muted mb-4 fw-boldest\">{{defProvider.Name}}</h3>\r\n          <input type=\"hidden\" value=\"{{defProvider.ID}}\" />\r\n          <BBSF-RadioButton [options]=\"defProvider.ProvidersOption\" [group]=\"DefaultProviderForm\"></BBSF-RadioButton>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseDefaultProviderModal id=\"CloseDefaultProviderModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm me-3 \" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test Email Modal-->\r\n<ng-template #TestEmailModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestEmailServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testEmailFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailTo\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailSubject\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"emailBody\" [group]=\"testEmailForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test SMS Modal-->\r\n<ng-template #TestSMSModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestSMSServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testSMSFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Phone [options]=\"smsTo\" [group]=\"testSMSForm\">\r\n          </BBSF-Phone>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"smsBody\" [group]=\"testSMSForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.RadioButtonComponent, selector: "BBSF-RadioButton", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.PhoneComponent, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+ProviderComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ProviderComponent$1, selector: "lib-provider", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ProviderPagingViewElement"], descendants: true }, { propertyName: "providerTypesDDL", first: true, predicate: ["providerTypesDDL"], descendants: true }, { propertyName: "sortingFilterDDL", first: true, predicate: ["sortingFilterDDL"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div class=\"container-fluid\">\r\n  <div *ngIf=\"ShowPageContent\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n          <form [formGroup]=\"ProviderForm\">\r\n            <!--(OnChange)=\"searchClientSide($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"ProviderForm\"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <div ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n            <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n              <form [formGroup]=\"ProviderForm\">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #providerTypesDDL [options]=\"providerTypesFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #sortingFilterDDL [options]=\"sortingFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" d=\"applyFiltersBtn\"\r\n                            (click)=\"resetFilters()\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <button href=\"javascript:;\" (click)=\"generateProviderJson()\" class=\"btn btn-sm btn-light-primary me-3 bnsights-btn-export\">\r\n            <i class=\"fas fa-file-export me-1\"></i>\r\n            {{utilityService.getResourceValue(\"GenerateProviderJson\")}}\r\n          </button>\r\n\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"SelectDefaultProvider\")' class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showDefaultProviderModal(DefaultProviderModal)\">\r\n            <i class=\"fas fa-hand-pointer me-1\"></i>\r\n            {{utilityService.getResourceValue(\"SelectDefaultProvider\")}}\r\n          </button>\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"Add\")' class=\"btn btn-sm btn-primary\" (click)=\"showAddProviderModal(AddProviderModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>        <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Status\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Default\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" *ngFor=\"let providerGroup of clientSidePagingResult\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              <tr *ngFor=\"let provider of providerGroup.providers\">\r\n                <td>\r\n                  <div class=\"text-dark\">{{provider.providerName}}</div>\r\n                  <div>{{provider.description}}</div>\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-primary\" *ngIf=\"provider.isRunning;else other_content\">\r\n                    {{utilityService.getResourceValue(\"Running\")}}\r\n                  </span>\r\n                  <ng-template #other_content>\r\n                    <span class=\"badge badge-light-danger\">\r\n                      {{utilityService.getResourceValue(\"Stopped\")}}\r\n                    </span>\r\n                  </ng-template>\r\n\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-success fw-bolder\" *ngIf=\"provider.isDefault;else default_no\">\r\n                    {{utilityService.getResourceValue(\"Yes\")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span class=\"badge badge-light fw-bolder\">\r\n                      {{utilityService.getResourceValue(\"No\")}}\r\n                    </span>\r\n                  </ng-template>\r\n                </td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem (click)=\"showEditProviderModal(provider.iD_GUID, EditProviderModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                         (click)=\"showDeleteProviderModal(provider.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isEMail && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestEmailModal(provider.iD_GUID,provider.providerName,TestEmailModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestEmail\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isSMS && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestSMSModal(provider.iD_GUID,provider.providerName,TestSMSModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestSMS\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"providerGroup.providers.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n            <tbody *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <tr>\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setProviderListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                     [options]=\"ProviderPaging\" [group]=\"ProviderForm\" #ProviderPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </div>\r\n\r\n  <!--end::Providers list-->\r\n</div>\r\n\r\n<!-- Add Modal -->\r\n<ng-template #AddProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddProviderFormOptions\">\r\n\r\n      <BBSF-TextBox [options]=\"AddName\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextBox>\r\n      <BBSF-TextArea [options]=\"AddDescription\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextArea>\r\n      <BBSF-DropdownList [options]=\"AddOrganizationOptions\" [group]=\"AddProviderForm\">\r\n      </BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"AddTypeOptions\" [group]=\"AddProviderForm\" (OnChange)=\"setAddProviderAttributes($event)\">\r\n      </BBSF-DropdownList>\r\n      <div *ngIf=\"IsAttributesLoaded\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of ProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"AddProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,true)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"ProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseProviderModal id=\"CloseAddProviderModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<!-- Edit model -->\r\n<ng-template #EditProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditName\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"EditDescription\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditTypeOptions\" [group]=\"EditProviderForm\" (OnChange)=\"setEditProviderAttributes($event)\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of EditProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"EditProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,false)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"EditProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditProviderModal id=\"CloseEditProviderModal\" type=\"button\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Default Provider  Modal-->\r\n<ng-template #DefaultProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SelectDefaultProvider\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"DefaultProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\" *ngFor=\"let defProvider of DefaultProviders;let i=index;\">\r\n          <h3 class=\"text-muted mb-4 fw-boldest\">{{defProvider.Name}}</h3>\r\n          <input type=\"hidden\" value=\"{{defProvider.ID}}\" />\r\n          <BBSF-RadioButton [options]=\"defProvider.ProvidersOption\" [group]=\"DefaultProviderForm\"></BBSF-RadioButton>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseDefaultProviderModal id=\"CloseDefaultProviderModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm me-3 \" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test Email Modal-->\r\n<ng-template #TestEmailModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestEmailServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testEmailFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailTo\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailSubject\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"emailBody\" [group]=\"testEmailForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test SMS Modal-->\r\n<ng-template #TestSMSModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestSMSServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testSMSFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Phone [options]=\"smsTo\" [group]=\"testSMSForm\">\r\n          </BBSF-Phone>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"smsBody\" [group]=\"testSMSForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent$1, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.RadioButtonComponent, selector: "BBSF-RadioButton", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.PhoneComponent, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ProviderComponent$1, decorators: [{
             type: Component,
             args: [{
@@ -18669,12 +18672,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
                 }]
         }] });
 
-var ADWindowsType$1;
-(function (ADWindowsType) {
-    ADWindowsType[ADWindowsType["OU"] = 13001] = "OU";
-    ADWindowsType[ADWindowsType["Group"] = 13002] = "Group";
-})(ADWindowsType$1 || (ADWindowsType$1 = {}));
-
 class ActiveDirectoryAddComponent$1 {
     constructor(pageInfoService, utilityService, bbsfTranslateService, ActiveDirectoryService, router, requestHandlerService) {
         this.pageInfoService = pageInfoService;
@@ -18715,20 +18712,20 @@ class ActiveDirectoryAddComponent$1 {
             //console.log(ResultModel);
             let AddModel = new ActiveDirectoryAddEditModel$1();
             AddModel.ConnectionName = resultModel.addName;
-            AddModel.ADTypeItemID = resultModel.addTypeOptions != null ? Number(resultModel.addTypeOptions) : null;
+            AddModel.ADTypeItemID_GUID = resultModel.addTypeOptions;
             AddModel.PermissionSetID = resultModel.addPermissionSet != null ? Number(resultModel.addPermissionSet) : null;
             AddModel.LangKey = resultModel.addLanguage;
             AddModel.WelcomeTemplateID = resultModel.addWelcomeMsgTemp != null ? Number(resultModel.addWelcomeMsgTemp) : null;
             AddModel.ImagesFileProviderName = resultModel.addFileProvider;
             AddModel.MarkAsInactive = resultModel.addMarkInactive;
             AddModel.AddToDailyJob = resultModel.addDailyJob;
-            if (this.selectedType == Number(ADType$1.Windows)) {
+            if (this.selectedType == ActiveDirectoryType$1.Windows) {
                 AddModel.Identifier = this.identifier;
                 AddModel.Domain = resultModel.addDomain;
                 AddModel.SamAccount = resultModel.addSamAccount;
                 AddModel.Password = resultModel.addPassword;
                 AddModel.ShowBuiltInGroups = resultModel.addShowBuiltInGroups;
-                AddModel.ADWindowsTypeItemID = resultModel.addWindowsTypeOptions != null ? Number(resultModel.addWindowsTypeOptions) : null;
+                AddModel.ADWindowsTypeItemID_GUID = resultModel.addWindowsTypeOptions;
             }
             else {
                 AddModel.TenantID = resultModel.addTenantID;
@@ -18952,7 +18949,7 @@ class ActiveDirectoryAddComponent$1 {
     }
     //AD windows on type change (OU/Group)
     windowsTypeChange(typeValue) {
-        if (typeValue == Number(ADWindowsType$1.Group)) {
+        if (typeValue == ActiveDirectoryWindowConnectionType$1.ActiveDirectoryGroup) {
             this.addShowBuiltInGroups = new ToggleSlideOptions();
             this.addShowBuiltInGroups.Name = "addShowBuiltInGroups";
             this.addShowBuiltInGroups.LabelValue = "ShowBuiltInGroups";
@@ -18969,7 +18966,7 @@ class ActiveDirectoryAddComponent$1 {
     //AD on type changes (Windows/Azure)
     typeChange(typeValue) {
         this.selectedType = typeValue;
-        if (typeValue == Number(ADType$1.Windows)) {
+        if (typeValue == ActiveDirectoryType$1.Windows) {
             this.formsCount = 3;
             //Remove Azure controls if found
             this.addActiveDirectoryForm.removeControl("addTenantID");
@@ -19049,7 +19046,7 @@ class ActiveDirectoryAddComponent$1 {
         //Check required fields for next step
         if (currentStep == 1) {
             if (ResultModel.addTypeOptions) {
-                if (this.selectedType == Number(ADType$1.Windows)) {
+                if (this.selectedType == ActiveDirectoryType$1.Windows) {
                     if (!ResultModel.addDomain || !ResultModel.addWindowsTypeOptions) {
                         this.adDomainControl.IsValid();
                         this.adWindowsTypeControl.IsValid();
@@ -19070,7 +19067,7 @@ class ActiveDirectoryAddComponent$1 {
                 return;
             }
         }
-        if (this.selectedType == Number(ADType$1.Windows)) {
+        if (this.selectedType == ActiveDirectoryType$1.Windows) {
             if (nextStep === 2 && currentStep === 1) {
                 this.treeDataLoaded = false;
                 //if (!this.addActiveDirectoryForm.get('addDomain').valid || !this.addActiveDirectoryForm.get('addTypeOptions').valid) {
@@ -19080,10 +19077,7 @@ class ActiveDirectoryAddComponent$1 {
                 let AddModel = new ActiveDirectoryAddEditModel$1();
                 AddModel.ConnectionName = ResultModel.addName;
                 AddModel.Domain = ResultModel.addDomain;
-                let ADTypes = ResultModel.addWindowsTypeOptions;
-                let typeItemID;
-                typeItemID = Number(ADTypes);
-                AddModel.ADWindowsTypeItemID = ADTypes != null ? typeItemID : null;
+                AddModel.ADWindowsTypeItemID_GUID = ResultModel.addWindowsTypeOptions;
                 AddModel.SamAccount = ResultModel.addSamAccount;
                 AddModel.Password = ResultModel.addPassword;
                 AddModel.ShowBuiltInGroups = ResultModel.addShowBuiltInGroups;
@@ -19592,6 +19586,7 @@ class anonymouslayoutComponent$1 {
         this.lang = "";
         this.logo = "";
         this.footer = "";
+        this.appVersion = "";
         this.translateService.use(this.utilityService.getCurrentLanguage());
         this.loadUI();
         this.utilityService.startBlockUI();
@@ -19600,6 +19595,9 @@ class anonymouslayoutComponent$1 {
         this.translateService.onLangChange.subscribe((event) => {
             this.masterLayoutService.reloadComponent();
         });
+        var appVersionElement = document.getElementsByName("AppVersion")[0];
+        if (appVersionElement)
+            this.appVersion = "V " + appVersionElement.getAttribute('content');
         let theme = this.appearanceConfigurationService.getLayoutTheme();
         this.stylesBundleService.loadThemesColor(theme, "BBSF-Anonymous.css", "BBSF-Anonymous-light.css");
         this.logo = this.appearanceConfigurationService.getLogo();
@@ -19615,7 +19613,7 @@ class anonymouslayoutComponent$1 {
     }
 }
 anonymouslayoutComponent$1.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: anonymouslayoutComponent$1, deps: [{ token: i1.UtilityService }, { token: i1.StylesBundleService }, { token: AnonymousLayoutService$1 }, { token: i1.BBSFTranslateService }, { token: i1.MasterLayoutService }, { token: i1.AppearanceConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-anonymouslayoutComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: anonymouslayoutComponent$1, selector: "app-account", ngImport: i0, template: "\r\n<block-ui></block-ui>\r\n<div class=\"d-flex flex-column flex-root h-100\">\r\n  <!--begin::Authentication - Sign-in -->\r\n  <div class=\"d-flex flex-column flex-lg-row flex-column-fluid h-100\">\r\n    <!--begin::Aside-->\r\n    <div class=\"d-flex flex-column flex-lg-row-auto w-xl-600px positon-xl-relative bg-custom\">\r\n      <div class=\"d-flex flex-column position-xl-fixed top-0 bottom-0 w-xl-600px scroll-y\">\r\n        <div class=\"d-flex flex-row-fluid flex-column text-center p-10 pt-lg-20\">\r\n          <!--begin::Logo-->\r\n          <img alt=\"Logo\" src=\"{{logo}}\" class=\"h-60px mt-10\">\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!--end::Aside-->\r\n    <div class=\"d-flex flex-column flex-lg-row-fluid py-10\">\r\n      <div class=\"d-flex flex-center flex-column flex-column-fluid\">\r\n        <div class=\"w-lg-500px p-10 p-lg-15 mx-auto w-100\">\r\n          <router-outlet></router-outlet>\r\n        </div>\r\n      </div>\r\n      <!--begin::Footer-->\r\n      <div class=\"d-flex flex-center fw-bold fs-6 justify-content-between w-100 px-10\">\r\n        <div class=\"text-muted\">{{footer}}</div>\r\n        <a  class=\"text-muted text-hover-primary px-2\" *ngIf=\"lang!='en'\" (click)=\"changeLanguage('en')\" >English</a>\r\n        <a  class=\"text-muted text-hover-primary px-2\" *ngIf=\"lang=='en'\" (click)=\"changeLanguage('ar')\" >\u0627\u0644\u0639\u0631\u0628\u064A\u0647</a>\r\n\r\n      </div>\r\n      <!--end::Footer-->\r\n    </div>\r\n  </div>\r\n</div>\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }], directives: [{ type: i1$1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate"], exportAs: ["outlet"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+anonymouslayoutComponent$1.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: anonymouslayoutComponent$1, selector: "app-account", ngImport: i0, template: "\r\n<block-ui></block-ui>\r\n<div class=\"d-flex flex-column flex-root h-100\">\r\n  <!--begin::Authentication - Sign-in -->\r\n  <div class=\"d-flex flex-column flex-lg-row flex-column-fluid h-100\">\r\n    <!--begin::Aside-->\r\n    <div class=\"d-flex flex-column flex-lg-row-auto w-xl-600px positon-xl-relative bg-custom\">\r\n      <div class=\"d-flex flex-column position-xl-fixed top-0 bottom-0 w-xl-600px scroll-y\">\r\n        <div class=\"d-flex flex-row-fluid flex-column text-center p-10 pt-lg-20\">\r\n          <!--begin::Logo-->\r\n          <img alt=\"Logo\" src=\"{{logo}}\" class=\"h-60px mt-10\">\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!--end::Aside-->\r\n    <div class=\"d-flex flex-column flex-lg-row-fluid py-10\">\r\n      <div class=\"d-flex flex-center flex-column flex-column-fluid\">\r\n        <div class=\"w-lg-500px p-10 p-lg-15 mx-auto w-100\">\r\n          <router-outlet></router-outlet>\r\n        </div>\r\n      </div>\r\n      <!--begin::Footer-->\r\n      <div class=\"d-flex flex-center fw-bold fs-6 justify-content-between w-100 px-10\">\r\n        <div>\r\n          <span class=\"text-muted\">{{footer}} </span>\r\n          <span>{{appVersion}} </span>\r\n        </div>\r\n     \r\n        <a class=\"text-muted text-hover-primary px-2\" *ngIf=\"lang!='en'\" (click)=\"changeLanguage('en')\">English</a>\r\n        <a class=\"text-muted text-hover-primary px-2\" *ngIf=\"lang=='en'\" (click)=\"changeLanguage('ar')\">\u0627\u0644\u0639\u0631\u0628\u064A\u0647</a>\r\n\r\n      </div>\r\n      <!--end::Footer-->\r\n    </div>\r\n  </div>\r\n</div>\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }], directives: [{ type: i1$1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate"], exportAs: ["outlet"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: anonymouslayoutComponent$1, decorators: [{
             type: Component,
             args: [{
@@ -23181,6 +23179,7 @@ class anonymouslayoutComponent {
         this.lang = "";
         this.logo = "";
         this.footer = "";
+        this.appVersion = "";
         this.translateService.use(this.utilityService.getCurrentLanguage());
         this.loadUI();
         this.utilityService.startBlockUI();
@@ -23189,6 +23188,9 @@ class anonymouslayoutComponent {
         this.translateService.onLangChange.subscribe((event) => {
             this.masterLayoutService.reloadComponent();
         });
+        var appVersionElement = document.getElementsByName("AppVersion")[0];
+        if (appVersionElement)
+            this.appVersion = "V " + appVersionElement.getAttribute('content');
         let theme = this.appearanceConfigurationService.getLayoutTheme();
         this.stylesBundleService.loadThemesColor(theme, "BBSF-Anonymous.css", "BBSF-Anonymous-light.css");
         this.logo = this.appearanceConfigurationService.getLogo();
@@ -23204,7 +23206,7 @@ class anonymouslayoutComponent {
     }
 }
 anonymouslayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: anonymouslayoutComponent, deps: [{ token: i1.UtilityService }, { token: i1.StylesBundleService }, { token: AnonymousLayoutService }, { token: i1.BBSFTranslateService }, { token: i1.MasterLayoutService }, { token: i1.AppearanceConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-anonymouslayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: anonymouslayoutComponent, selector: "app-account", ngImport: i0, template: "\r\n<block-ui></block-ui>\r\n<div class=\"d-flex flex-column flex-root h-100\">\r\n  <!--begin::Authentication - Sign-in -->\r\n  <div class=\"d-flex flex-column flex-lg-row flex-column-fluid h-100\">\r\n    <!--begin::Aside-->\r\n    <div class=\"d-flex flex-column flex-lg-row-auto w-xl-600px positon-xl-relative bg-custom\">\r\n      <div class=\"d-flex flex-column position-xl-fixed top-0 bottom-0 w-xl-600px scroll-y\">\r\n        <div class=\"d-flex flex-row-fluid flex-column text-center p-10 pt-lg-20\">\r\n          <!--begin::Logo-->\r\n          <img alt=\"Logo\" src=\"{{logo}}\" class=\"h-60px mt-10\">\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!--end::Aside-->\r\n    <div class=\"d-flex flex-column flex-lg-row-fluid py-10\">\r\n      <div class=\"d-flex flex-center flex-column flex-column-fluid\">\r\n        <div class=\"w-lg-500px p-10 p-lg-15 mx-auto w-100\">\r\n          <router-outlet></router-outlet>\r\n        </div>\r\n      </div>\r\n      <!--begin::Footer-->\r\n      <div class=\"d-flex flex-center fw-bold fs-6 justify-content-between w-100 px-10\">\r\n        <div class=\"text-muted\">{{footer}}</div>\r\n        <a  class=\"text-muted text-hover-primary px-2\" *ngIf=\"lang!='en'\" (click)=\"changeLanguage('en')\" >English</a>\r\n        <a  class=\"text-muted text-hover-primary px-2\" *ngIf=\"lang=='en'\" (click)=\"changeLanguage('ar')\" >\u0627\u0644\u0639\u0631\u0628\u064A\u0647</a>\r\n\r\n      </div>\r\n      <!--end::Footer-->\r\n    </div>\r\n  </div>\r\n</div>\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }], directives: [{ type: i1$1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate"], exportAs: ["outlet"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+anonymouslayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: anonymouslayoutComponent, selector: "app-account", ngImport: i0, template: "\r\n<block-ui></block-ui>\r\n<div class=\"d-flex flex-column flex-root h-100\">\r\n  <!--begin::Authentication - Sign-in -->\r\n  <div class=\"d-flex flex-column flex-lg-row flex-column-fluid h-100\">\r\n    <!--begin::Aside-->\r\n    <div class=\"d-flex flex-column flex-lg-row-auto w-xl-600px positon-xl-relative bg-custom\">\r\n      <div class=\"d-flex flex-column position-xl-fixed top-0 bottom-0 w-xl-600px scroll-y\">\r\n        <div class=\"d-flex flex-row-fluid flex-column text-center p-10 pt-lg-20\">\r\n          <!--begin::Logo-->\r\n          <img alt=\"Logo\" src=\"{{logo}}\" class=\"h-60px mt-10\">\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!--end::Aside-->\r\n    <div class=\"d-flex flex-column flex-lg-row-fluid py-10\">\r\n      <div class=\"d-flex flex-center flex-column flex-column-fluid\">\r\n        <div class=\"w-lg-500px p-10 p-lg-15 mx-auto w-100\">\r\n          <router-outlet></router-outlet>\r\n        </div>\r\n      </div>\r\n      <!--begin::Footer-->\r\n      <div class=\"d-flex flex-center fw-bold fs-6 justify-content-between w-100 px-10\">\r\n        <div>\r\n          <span class=\"text-muted\">{{footer}} </span>\r\n          <span>{{appVersion}} </span>\r\n        </div>\r\n     \r\n        <a class=\"text-muted text-hover-primary px-2\" *ngIf=\"lang!='en'\" (click)=\"changeLanguage('en')\">English</a>\r\n        <a class=\"text-muted text-hover-primary px-2\" *ngIf=\"lang=='en'\" (click)=\"changeLanguage('ar')\">\u0627\u0644\u0639\u0631\u0628\u064A\u0647</a>\r\n\r\n      </div>\r\n      <!--end::Footer-->\r\n    </div>\r\n  </div>\r\n</div>\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }], directives: [{ type: i1$1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate"], exportAs: ["outlet"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: anonymouslayoutComponent, decorators: [{
             type: Component,
             args: [{
@@ -24020,7 +24022,8 @@ class PermissionSetInfoComponent {
             return paramArray;
         };
         this.getAddUserToPermissionSetFunction = (AddModel) => {
-            return this.permissionSetService.addUsersToPermissionSet(AddModel);
+            if (!AddModel.UsersIDs.length)
+                return this.permissionSetService.addUsersToPermissionSet(AddModel);
         };
         this.deleteUserFromPermissionSet = (deleteUserId, PerSetId) => {
             return this.permissionSetService.deleteUserFromPermissionSet(deleteUserId, PerSetId);
@@ -24107,7 +24110,9 @@ class PermissionSetInfoComponent {
         this.userAutoComplete.IsRequired = true;
         this.userAutoComplete.Value = null;
         this.userAutoComplete.ActionURL = this.ApiUrl + "AutoCompleteUserList";
+        this.userAutoComplete.SelectedItemsParamName;
         this.userAutoComplete.ValidationToken = this.authService.authorizationHeaderValue();
+        this.userAutoComplete.ExtraFilters = "permSetID=" + this.PermissionSetId;
         this.modalService.open(addUserToDepartmentModal);
         this.utilityService.stopBlockUI();
     }
@@ -29395,7 +29400,7 @@ class ImpersonationRulesComponent {
         this.searchTextBox.Name = "searchTextBox";
         this.searchTextBox.HideLabel = true;
         this.searchTextBox.Type = InputType.Text;
-        this.searchTextBox.Placeholder = this.utilityService.getResourceValue("SearchByName");
+        this.searchTextBox.Placeholder = this.utilityService.getResourceValue("SearchBySource");
         this.TextInputFilter = new FilterItem();
         this.TextInputFilter.FormControlName = "searchTextBox";
         this.TextInputFilter.ActionParameterName = "searchText";
@@ -29498,7 +29503,6 @@ class ImpersonationRulesComponent {
             this.AddIsActive = new CheckBoxOptions();
             this.AddIsActive.Name = "IsActive";
             this.AddIsActive.LabelKey = "Active";
-            this.AddIsActive.IsDisabled = true;
             this.AddIsActive.Value = true;
             this.AddExpiresAt = new DatePickerOptions();
             this.AddExpiresAt.Name = "ExpiresAt";
@@ -29507,6 +29511,7 @@ class ImpersonationRulesComponent {
             this.AddExpiresAt.StartView = StartView.Month;
             this.AddExpiresAt.PickerType = PickerType.Calendar;
             this.AddExpiresAt.SelectMode = SelectMode.Single;
+            this.AddExpiresAt.StartDate = new Date();
             this.modalService.open(AddImpersonationModal);
             this.utilityService.stopBlockUI();
         });
@@ -29612,7 +29617,7 @@ class ImpersonationRulesComponent {
             this.EditSourceUserAutoComplete.ValidationToken = this.authService.authorizationHeaderValue();
             let destinationPermissionSetSelectedItem;
             let destinationUserModel = new AutocompleteDTO();
-            if (impersonation.destinationParticipantDTO.participantTypeItemID == ParticipantType.User) {
+            if (impersonation.destinationParticipantDTO.participantTypeItemID_GUID == ParticipantType.User) {
                 destinationUserModel.key = impersonation.destinationParticipantDTO.userID_GUID;
                 destinationUserModel.value = impersonation.destinationParticipantDTO.participantNameStr;
             }
@@ -29638,8 +29643,7 @@ class ImpersonationRulesComponent {
             this.EditIsActive = new CheckBoxOptions();
             this.EditIsActive.Name = "IsActive";
             this.EditIsActive.LabelKey = "Active";
-            this.EditIsActive.IsDisabled = true;
-            this.EditIsActive.Value = true;
+            this.EditIsActive.Value = impersonation.isActive;
             this.EditExpiresAt = new DatePickerOptions();
             this.EditExpiresAt.Name = "ExpiresAt";
             this.EditExpiresAt.LabelKey = "ExpiresAt";
@@ -29648,6 +29652,7 @@ class ImpersonationRulesComponent {
             this.EditExpiresAt.StartView = StartView.Month;
             this.EditExpiresAt.PickerType = PickerType.Calendar;
             this.EditExpiresAt.SelectMode = SelectMode.Single;
+            this.EditExpiresAt.StartDate = new Date();
             this.modalService.open(editImpersonationModal);
             this.utilityService.stopBlockUI();
         });
@@ -34097,8 +34102,8 @@ class HelpCenterComponent {
             this.AddHelpCenterFormOptions.PagingReference = this.pagingElement;
             this.AddTitle = new MultiLingualTextBoxOptions();
             this.AddTitle.Name = "Title";
-            this.AddTitle.ArabicLabelKey = "TitleInArabic";
-            this.AddTitle.EnglishLabelKey = "TitleInEnglish";
+            this.AddTitle.ArabicLabelKey = "TitleAR";
+            this.AddTitle.EnglishLabelKey = "TitleEN";
             this.AddTitle.IsRequired = true;
             this.AddTitle.Value = null;
             this.AddTitle.MaxLength = 100;
@@ -34153,8 +34158,8 @@ class HelpCenterComponent {
             Title.English = helpCenter.title.english;
             this.EditTitle = new MultiLingualTextBoxOptions();
             this.EditTitle.Name = "Title";
-            this.EditTitle.ArabicLabelKey = "TitleInArabic";
-            this.EditTitle.EnglishLabelKey = "TitleInEnglish";
+            this.EditTitle.ArabicLabelKey = "TitleAR";
+            this.EditTitle.EnglishLabelKey = "TitleEN";
             this.EditTitle.IsRequired = true;
             this.EditTitle.Value = Title;
             this.EditTitle.MaxLength = 100;
@@ -34396,8 +34401,8 @@ class HelpCenterSecondlevelComponent {
         this.AddHelpCenterFormOptions.PagingReference = this.pagingElement;
         this.AddTitle = new MultiLingualTextBoxOptions();
         this.AddTitle.Name = "Title";
-        this.AddTitle.ArabicLabelKey = "TitleInArabic";
-        this.AddTitle.EnglishLabelKey = "TitleInEnglish";
+        this.AddTitle.ArabicLabelKey = "TitleAR";
+        this.AddTitle.EnglishLabelKey = "TitleEN";
         this.AddTitle.IsRequired = true;
         this.AddTitle.Value = null;
         this.AddTitle.MaxLength = 100;
@@ -34433,8 +34438,8 @@ class HelpCenterSecondlevelComponent {
             Title.English = helpCenter.title.english;
             this.EditTitle = new MultiLingualTextBoxOptions();
             this.EditTitle.Name = "Title";
-            this.EditTitle.ArabicLabelKey = "TitleInArabic";
-            this.EditTitle.EnglishLabelKey = "TitleInEnglish";
+            this.EditTitle.ArabicLabelKey = "TitleAR";
+            this.EditTitle.EnglishLabelKey = "TitleEN";
             this.EditTitle.IsRequired = true;
             this.EditTitle.Value = Title;
             this.EditTitle.MaxLength = 100;
@@ -34626,8 +34631,8 @@ class HelpCenterThirdlevelComponent {
         this.AddHelpCenterFormOptions.PagingReference = this.pagingElement;
         this.AddTitle = new MultiLingualTextBoxOptions();
         this.AddTitle.Name = "Title";
-        this.AddTitle.ArabicLabelKey = "TitleInArabic";
-        this.AddTitle.EnglishLabelKey = "TitleInEnglish";
+        this.AddTitle.ArabicLabelKey = "TitleAR";
+        this.AddTitle.EnglishLabelKey = "TitleEN";
         this.AddTitle.IsRequired = true;
         this.AddTitle.Value = null;
         this.AddTitle.MaxLength = 100;
@@ -34664,8 +34669,8 @@ class HelpCenterThirdlevelComponent {
             Title.English = helpCenter.title.english;
             this.EditTitle = new MultiLingualTextBoxOptions();
             this.EditTitle.Name = "Title";
-            this.EditTitle.ArabicLabelKey = "TitleInArabic";
-            this.EditTitle.EnglishLabelKey = "TitleInEnglish";
+            this.EditTitle.ArabicLabelKey = "TitleAR";
+            this.EditTitle.EnglishLabelKey = "TitleEN";
             this.EditTitle.IsRequired = true;
             this.EditTitle.Value = Title;
             this.EditTitle.MaxLength = 100;
@@ -34750,7 +34755,7 @@ class HelpCenterPreviewComponent {
     }
 }
 HelpCenterPreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: HelpCenterPreviewComponent, deps: [{ token: i1.AuthService }, { token: PageInfoService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i1.EnvironmentService }, { token: HelpCenterService }], target: i0.ɵɵFactoryTarget.Component });
-HelpCenterPreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: HelpCenterPreviewComponent, selector: "lib-help-center-preview", ngImport: i0, template: "<block-ui></block-ui>\r\n<div class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-body accordion-custom\">\r\n      <ngb-accordion #acc=\"ngbAccordion\" activeIds=\"ngb-panel-0\" *ngFor=\"let Item of HelpCenterItems;let itemIndex=index;\">\r\n        <ngb-panel>\r\n          <ng-template ngbPanelTitle>\r\n            <h4 id=\"parentTitle\" *ngIf=\"language=='en'\">{{Item.title.english}}</h4>\r\n            <h4 id=\"parentTitle\" *ngIf=\"language=='ar'\">{{Item.title.arabic}}</h4>\r\n            <div id=\"parentdesc\" *ngIf=\"language=='en'\" class=\"text-muted\">{{Item.description.english}}</div>\r\n            <div id=\"parentdesc\" *ngIf=\"language=='ar'\" class=\"text-muted\">{{Item.description.arabic}}</div>\r\n          </ng-template>\r\n          <ng-template ngbPanelContent>\r\n            <ul id=\"{{'Lvl1-'+Item.id}}\">\r\n              <li  *ngFor=\"let child of Item.children;let i=index;\">\r\n                <a [ngClass]=\"{'active helpcenterlink': i === 0}\" ( data-toggle=\"tab\" role=\"tab\" aria-selected=\"true\" href=\"{{'#Content-'+i+'-'+itemIndex}}\">\r\n                  <span class=\"kt-nav__link-text text-to-truncate1\" *ngIf=\"language=='en'\">{{child.title.english}}</span>\r\n                  <span class=\"kt-nav__link-text text-to-truncate1\" *ngIf=\"language=='ar'\">{{child.title.arabic}}</span>\r\n                </a>\r\n              </li>\r\n            </ul>\r\n            <div *ngFor=\"let child of Item.children;let i=index;\" class=\"d-flex align-items-center bg-light-dark rounded p-5 mb-7\">\r\n              <div id=\"{{'#Content-'+i+'-'+itemIndex}}\">\r\n                <div  *ngFor=\"let lastChild of child.children;let j=index;\">\r\n                      <span *ngIf=\"language=='en'\" class=\"fw-bolder text-light fs-4 mb-2\">{{lastChild.title.english}}</span>\r\n                      <span *ngIf=\"language=='ar'\" class=\"fw-bolder text-light fs-4 mb-2\">{{lastChild.title.arabic}}</span>\r\n                  <div>\r\n                      <div>\r\n                        <span *ngIf=\"language=='en'\" class=\"text-primary fw-bold d-block\" innerHtml=\"{{lastChild.html.english}}\">\r\n                        </span>\r\n                        <span *ngIf=\"language=='ar'\" class=\"text-primary fw-bold d-block\" innerHtml=\"{{lastChild.html.arabic}}\">\r\n                        </span>\r\n                      </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n        </ngb-panel>\r\n      </ngb-accordion>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i5.NgbAccordion, selector: "ngb-accordion", inputs: ["activeIds", "destroyOnHide", "animation", "type", "closeOthers"], outputs: ["panelChange", "shown", "hidden"], exportAs: ["ngbAccordion"] }], directives: [{ type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgbPanel, selector: "ngb-panel", inputs: ["disabled", "id", "title", "type", "cardClass"], outputs: ["shown", "hidden"] }, { type: i5.NgbPanelTitle, selector: "ng-template[ngbPanelTitle]" }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgbPanelContent, selector: "ng-template[ngbPanelContent]" }, { type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+HelpCenterPreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: HelpCenterPreviewComponent, selector: "lib-help-center-preview", ngImport: i0, template: "<block-ui></block-ui>\r\n<div class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-body accordion-custom\">\r\n      <ngb-accordion #acc=\"ngbAccordion\" activeIds=\"ngb-panel-0\" *ngFor=\"let Item of HelpCenterItems;let itemIndex=index;\">\r\n        <ngb-panel>\r\n          <ng-template ngbPanelTitle>\r\n            <h4 id=\"parentTitle\" *ngIf=\"language=='en'\">{{Item.title.english}}</h4>\r\n            <h4 id=\"parentTitle\" *ngIf=\"language=='ar'\">{{Item.title.arabic}}</h4>\r\n            <div id=\"parentdesc\" *ngIf=\"language=='en'\" class=\"text-muted\">{{Item.description.english}}</div>\r\n            <div id=\"parentdesc\" *ngIf=\"language=='ar'\" class=\"text-muted\">{{Item.description.arabic}}</div>\r\n          </ng-template>\r\n          <ng-template ngbPanelContent>\r\n            <ul id=\"{{'Lvl1-'+Item.id}}\">\r\n              <li  *ngFor=\"let child of Item.children;let i=index;\">\r\n                <a href=\"{{'#Content-'+i+'-'+itemIndex}}\" [ngClass]=\"{'active helpcenterlink': i === 0}\" data-toggle=\"tab\" role=\"tab\" aria-selected=\"true\">\r\n                  <span class=\"kt-nav__link-text text-to-truncate1\" *ngIf=\"language=='en'\">{{child.title.english}}</span>\r\n                  <span class=\"kt-nav__link-text text-to-truncate1\" *ngIf=\"language=='ar'\">{{child.title.arabic}}</span>\r\n                </a>\r\n              </li>\r\n            </ul>\r\n            <div *ngFor=\"let child of Item.children;let i=index;\" class=\"d-flex align-items-center bg-light-dark rounded p-5 mb-7\">\r\n              <div id=\"{{'#Content-'+i+'-'+itemIndex}}\">\r\n                <div  *ngFor=\"let lastChild of child.children;let j=index;\">\r\n                      <span *ngIf=\"language=='en'\" class=\"fw-bolder text-light fs-4 mb-2\">{{lastChild.title.english}}</span>\r\n                      <span *ngIf=\"language=='ar'\" class=\"fw-bolder text-light fs-4 mb-2\">{{lastChild.title.arabic}}</span>\r\n                  <div>\r\n                      <div>\r\n                        <span *ngIf=\"language=='en'\" class=\"text-primary fw-bold d-block\" innerHtml=\"{{lastChild.html.english}}\">\r\n                        </span>\r\n                        <span *ngIf=\"language=='ar'\" class=\"text-primary fw-bold d-block\" innerHtml=\"{{lastChild.html.arabic}}\">\r\n                        </span>\r\n                      </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n        </ngb-panel>\r\n      </ngb-accordion>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i5.NgbAccordion, selector: "ngb-accordion", inputs: ["activeIds", "destroyOnHide", "animation", "type", "closeOthers"], outputs: ["panelChange", "shown", "hidden"], exportAs: ["ngbAccordion"] }], directives: [{ type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgbPanel, selector: "ngb-panel", inputs: ["disabled", "id", "title", "type", "cardClass"], outputs: ["shown", "hidden"] }, { type: i5.NgbPanelTitle, selector: "ng-template[ngbPanelTitle]" }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgbPanelContent, selector: "ng-template[ngbPanelContent]" }, { type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: HelpCenterPreviewComponent, decorators: [{
             type: Component,
             args: [{
@@ -35713,7 +35718,7 @@ class ProviderComponent {
     }
 }
 ProviderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ProviderComponent, deps: [{ token: ProviderService }, { token: i5.NgbModal }, { token: i1.AuthService }, { token: i1.BBSFTranslateService }, { token: i1.UtilityService }, { token: PageInfoService }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-ProviderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ProviderComponent, selector: "lib-provider", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ProviderPagingViewElement"], descendants: true }, { propertyName: "providerTypesDDL", first: true, predicate: ["providerTypesDDL"], descendants: true }, { propertyName: "sortingFilterDDL", first: true, predicate: ["sortingFilterDDL"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div class=\"container-fluid\">\r\n  <div *ngIf=\"ShowPageContent\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n          <form [formGroup]=\"ProviderForm\">\r\n            <!--(OnChange)=\"searchClientSide($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"ProviderForm\"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <div ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n            <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n              <form [formGroup]=\"ProviderForm\">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #providerTypesDDL [options]=\"providerTypesFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #sortingFilterDDL [options]=\"sortingFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" d=\"applyFiltersBtn\"\r\n                            (click)=\"resetFilters()\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <button href=\"javascript:;\" (click)=\"generateProviderJson()\" class=\"btn btn-sm btn-light-primary me-3 bnsights-btn-export\">\r\n            <i class=\"fas fa-file-export me-1\"></i>\r\n            {{utilityService.getResourceValue(\"GenerateProviderJson\")}}\r\n          </button>\r\n\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"SelectDefaultProvider\")' class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showDefaultProviderModal(DefaultProviderModal)\">\r\n            <i class=\"fas fa-hand-pointer me-1\"></i>\r\n            {{utilityService.getResourceValue(\"SelectDefaultProvider\")}}\r\n          </button>\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"Add\")' class=\"btn btn-sm btn-primary\" (click)=\"showAddProviderModal(AddProviderModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>        <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Status\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Default\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" *ngFor=\"let providerGroup of clientSidePagingResult\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              <tr *ngFor=\"let provider of providerGroup.providers\">\r\n                <td>\r\n                  <div class=\"text-dark\">{{provider.providerName}}</div>\r\n                  <div>{{provider.description}}</div>\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-primary\" *ngIf=\"provider.isRunning;else other_content\">\r\n                    {{utilityService.getResourceValue(\"Running\")}}\r\n                  </span>\r\n                  <ng-template #other_content>\r\n                    <span class=\"badge badge-light-danger\">\r\n                      {{utilityService.getResourceValue(\"Stopped\")}}\r\n                    </span>\r\n                  </ng-template>\r\n\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-success fw-bolder\" *ngIf=\"provider.isDefault;else default_no\">\r\n                    {{utilityService.getResourceValue(\"Yes\")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span class=\"badge badge-light fw-bolder\">\r\n                      {{utilityService.getResourceValue(\"No\")}}\r\n                    </span>\r\n                  </ng-template>\r\n                </td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem (click)=\"showEditProviderModal(provider.iD_GUID, EditProviderModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                         (click)=\"showDeleteProviderModal(provider.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isEMail && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestEmailModal(provider.iD_GUID,provider.providerName,TestEmailModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestEmail\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isSMS && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestSMSModal(provider.iD_GUID,provider.providerName,TestSMSModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestSMS\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"providerGroup.providers.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n            <tbody *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <tr>\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setProviderListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                     [options]=\"ProviderPaging\" [group]=\"ProviderForm\" #ProviderPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </div>\r\n\r\n  <!--end::Providers list-->\r\n</div>\r\n\r\n<!-- Add Modal -->\r\n<ng-template #AddProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddProviderFormOptions\">\r\n\r\n      <BBSF-TextBox [options]=\"AddName\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextBox>\r\n      <BBSF-TextArea [options]=\"AddDescription\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextArea>\r\n      <BBSF-DropdownList [options]=\"AddOrganizationOptions\" [group]=\"AddProviderForm\">\r\n      </BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"AddTypeOptions\" [group]=\"AddProviderForm\" (OnChange)=\"setAddProviderAttributes($event)\">\r\n      </BBSF-DropdownList>\r\n      <div *ngIf=\"IsAttributesLoaded\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of ProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"AddProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,true)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"ProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseProviderModal id=\"CloseAddProviderModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<!-- Edit model -->\r\n<ng-template #EditProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditName\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"EditDescription\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditTypeOptions\" [group]=\"EditProviderForm\" (OnChange)=\"setEditProviderAttributes($event)\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of EditProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"EditProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,true)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"EditProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditProviderModal id=\"CloseEditProviderModal\" type=\"button\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Default Provider  Modal-->\r\n<ng-template #DefaultProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SelectDefaultProvider\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"DefaultProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\" *ngFor=\"let defProvider of DefaultProviders;let i=index;\">\r\n          <h3 class=\"text-muted mb-4 fw-boldest\">{{defProvider.Name}}</h3>\r\n          <input type=\"hidden\" value=\"{{defProvider.ID}}\" />\r\n          <BBSF-RadioButton [options]=\"defProvider.ProvidersOption\" [group]=\"DefaultProviderForm\"></BBSF-RadioButton>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseDefaultProviderModal id=\"CloseDefaultProviderModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm me-3 \" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test Email Modal-->\r\n<ng-template #TestEmailModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestEmailServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testEmailFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailTo\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailSubject\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"emailBody\" [group]=\"testEmailForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test SMS Modal-->\r\n<ng-template #TestSMSModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestSMSServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testSMSFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Phone [options]=\"smsTo\" [group]=\"testSMSForm\">\r\n          </BBSF-Phone>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"smsBody\" [group]=\"testSMSForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.RadioButtonComponent, selector: "BBSF-RadioButton", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.PhoneComponent, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+ProviderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ProviderComponent, selector: "lib-provider", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ProviderPagingViewElement"], descendants: true }, { propertyName: "providerTypesDDL", first: true, predicate: ["providerTypesDDL"], descendants: true }, { propertyName: "sortingFilterDDL", first: true, predicate: ["sortingFilterDDL"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div class=\"container-fluid\">\r\n  <div *ngIf=\"ShowPageContent\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0 pt-5\">\r\n        <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n          <form [formGroup]=\"ProviderForm\">\r\n            <!--(OnChange)=\"searchClientSide($event)\" -->\r\n            <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"ProviderForm\"></BBSF-TextBox>\r\n          </form>\r\n        </div>\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <div ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n            <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n              <i class=\"fas fa-filter me-1\"></i>\r\n              {{utilityService.getResourceValue(\"Filter\")}}\r\n            </button>\r\n            <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 \">\r\n              <form [formGroup]=\"ProviderForm\">\r\n                <div class=\"px-7 py-5\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #providerTypesDDL [options]=\"providerTypesFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-lg-12\">\r\n                      <div class=\"mb-10\">\r\n                        <BBSF-DropdownList #sortingFilterDDL [options]=\"sortingFilterOption\" [group]=\"ProviderForm\"></BBSF-DropdownList>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-end\">\r\n                    <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" d=\"applyFiltersBtn\"\r\n                            (click)=\"resetFilters()\">\r\n                      {{utilityService.getResourceValue(\"Reset\")}}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <button href=\"javascript:;\" (click)=\"generateProviderJson()\" class=\"btn btn-sm btn-light-primary me-3 bnsights-btn-export\">\r\n            <i class=\"fas fa-file-export me-1\"></i>\r\n            {{utilityService.getResourceValue(\"GenerateProviderJson\")}}\r\n          </button>\r\n\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"SelectDefaultProvider\")' class=\"btn btn-sm btn-light-primary me-3 \" (click)=\"showDefaultProviderModal(DefaultProviderModal)\">\r\n            <i class=\"fas fa-hand-pointer me-1\"></i>\r\n            {{utilityService.getResourceValue(\"SelectDefaultProvider\")}}\r\n          </button>\r\n          <button type=\"button\" title='utilityService.getResourceValue(\"Add\")' class=\"btn btn-sm btn-primary\" (click)=\"showAddProviderModal(AddProviderModal)\">\r\n            <i class=\"fas fa-plus me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Add\")}}\r\n          </button>        <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <!-- end::Header -->\r\n      <!-- begin::Body -->\r\n      <div class=\"card-body py-3\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Status\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Default\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody id=\"listingContainer\" *ngFor=\"let providerGroup of clientSidePagingResult\" class=\"fw-bold text-gray-600 border-0\">\r\n\r\n              <tr *ngFor=\"let provider of providerGroup.providers\">\r\n                <td>\r\n                  <div class=\"text-dark\">{{provider.providerName}}</div>\r\n                  <div>{{provider.description}}</div>\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-primary\" *ngIf=\"provider.isRunning;else other_content\">\r\n                    {{utilityService.getResourceValue(\"Running\")}}\r\n                  </span>\r\n                  <ng-template #other_content>\r\n                    <span class=\"badge badge-light-danger\">\r\n                      {{utilityService.getResourceValue(\"Stopped\")}}\r\n                    </span>\r\n                  </ng-template>\r\n\r\n                </td>\r\n                <td>\r\n                  <span class=\"badge badge-light-success fw-bolder\" *ngIf=\"provider.isDefault;else default_no\">\r\n                    {{utilityService.getResourceValue(\"Yes\")}}\r\n                  </span>\r\n                  <ng-template #default_no>\r\n                    <span class=\"badge badge-light fw-bolder\">\r\n                      {{utilityService.getResourceValue(\"No\")}}\r\n                    </span>\r\n                  </ng-template>\r\n                </td>\r\n                <td>\r\n                  <div>\r\n                    <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                      <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                    </button>\r\n                    <mat-menu #menu=\"matMenu\">\r\n                      <a class=\"drop-item px-3\" ngbDropdownItem (click)=\"showEditProviderModal(provider.iD_GUID, EditProviderModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                      </a>\r\n                      <a ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\"\r\n                         (click)=\"showDeleteProviderModal(provider.iD_GUID)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isEMail && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestEmailModal(provider.iD_GUID,provider.providerName,TestEmailModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestEmail\")}}</span>\r\n                      </a>\r\n                      <a *ngIf=\"provider.isSMS && provider.isRunning\" ngbDropdownItem class=\"drop-item px-3\"\r\n                         (click)=\"showTestSMSModal(provider.iD_GUID,provider.providerName,TestSMSModal)\">\r\n                        <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"TestSMS\")}}</span>\r\n                      </a>\r\n                    </mat-menu>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"providerGroup.providers.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n            <tbody *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <tr>\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"card-footer border-0\">\r\n        <BBSF-Paging (Items)=\"setProviderListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                     [options]=\"ProviderPaging\" [group]=\"ProviderForm\" #ProviderPagingViewElement>\r\n        </BBSF-Paging>\r\n      </div>\r\n\r\n    </div>\r\n\r\n  </div>\r\n\r\n  <!--end::Providers list-->\r\n</div>\r\n\r\n<!-- Add Modal -->\r\n<ng-template #AddProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Add\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddProviderFormOptions\">\r\n\r\n      <BBSF-TextBox [options]=\"AddName\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextBox>\r\n      <BBSF-TextArea [options]=\"AddDescription\" [group]=\"AddProviderForm\">\r\n      </BBSF-TextArea>\r\n      <BBSF-DropdownList [options]=\"AddOrganizationOptions\" [group]=\"AddProviderForm\">\r\n      </BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"AddTypeOptions\" [group]=\"AddProviderForm\" (OnChange)=\"setAddProviderAttributes($event)\">\r\n      </BBSF-DropdownList>\r\n      <div *ngIf=\"IsAttributesLoaded\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of ProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"AddProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"AddProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,true)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"ProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseProviderModal id=\"CloseAddProviderModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n<!-- Edit model -->\r\n<ng-template #EditProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"Edit\")}} {{utilityService.getResourceValue(\"Provider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"EditName\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"EditDescription\" [group]=\"EditProviderForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditTypeOptions\" [group]=\"EditProviderForm\" (OnChange)=\"setEditProviderAttributes($event)\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"table-responsive\">\r\n          <!-- begin::Table -->\r\n          <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n            <thead>\r\n              <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeName\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ProviderAttributeValue\")}}</th>\r\n                <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Encrypted\")}}</th>\r\n                <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody class=\"fw-bold text-gray-600 border-0\">\r\n              <tr *ngFor=\"let option of EditProviderAttributesOptions;let i=index;\">\r\n\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[0]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-TextBox [options]=\"option[1]\" [group]=\"EditProviderForm\">\r\n                  </BBSF-TextBox>\r\n                </td>\r\n                <td>\r\n                  <BBSF-CheckBox [options]=\"option[2]\" [group]=\"EditProviderForm\" (OnChange)=\"encryptedChange($event,option,true)\">\r\n                  </BBSF-CheckBox>\r\n                </td>\r\n\r\n                <td>\r\n                  <a class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteAttribute(option,false)\">\r\n                    <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                  </a>\r\n                </td>\r\n              </tr>\r\n              <tr *ngIf=\"EditProviderAttributesOptions.length == 0\">\r\n                <td colspan=\"4\">\r\n                  <lib-empty-data></lib-empty-data>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditProviderModal id=\"CloseEditProviderModal\" type=\"button\"\r\n                data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n<!--Default Provider  Modal-->\r\n<ng-template #DefaultProviderModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SelectDefaultProvider\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"DefaultProviderFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\" *ngFor=\"let defProvider of DefaultProviders;let i=index;\">\r\n          <h3 class=\"text-muted mb-4 fw-boldest\">{{defProvider.Name}}</h3>\r\n          <input type=\"hidden\" value=\"{{defProvider.ID}}\" />\r\n          <BBSF-RadioButton [options]=\"defProvider.ProvidersOption\" [group]=\"DefaultProviderForm\"></BBSF-RadioButton>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseDefaultProviderModal id=\"CloseDefaultProviderModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm me-3 \" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test Email Modal-->\r\n<ng-template #TestEmailModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestEmailServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testEmailFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailTo\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextBox [options]=\"emailSubject\" [group]=\"testEmailForm\">\r\n          </BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"emailBody\" [group]=\"testEmailForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n<!--Test SMS Modal-->\r\n<ng-template #TestSMSModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">\r\n        {{utilityService.getResourceValue(\"TestSMSServiceProvider\")}}\r\n      </h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"testSMSFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-Phone [options]=\"smsTo\" [group]=\"testSMSForm\">\r\n          </BBSF-Phone>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-TextArea [options]=\"smsBody\" [group]=\"testSMSForm\">\r\n          </BBSF-TextArea>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\" class=\"btn btn-light me-3 btn-sm\">\r\n          {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n        </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"Test\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n  </div>\r\n</ng-template>\r\n\r\n", components: [{ type: i5$1.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.TextAreaComponent, selector: "BBSF-TextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }, { type: i6.RadioButtonComponent, selector: "BBSF-RadioButton", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.PhoneComponent, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i5.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i5.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ProviderComponent, decorators: [{
             type: Component,
             args: [{
@@ -36325,12 +36330,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
                 }]
         }] });
 
-var ADWindowsType;
-(function (ADWindowsType) {
-    ADWindowsType[ADWindowsType["OU"] = 13001] = "OU";
-    ADWindowsType[ADWindowsType["Group"] = 13002] = "Group";
-})(ADWindowsType || (ADWindowsType = {}));
-
 class ActiveDirectoryAddComponent {
     constructor(pageInfoService, utilityService, bbsfTranslateService, ActiveDirectoryService, router, requestHandlerService) {
         this.pageInfoService = pageInfoService;
@@ -36371,20 +36370,20 @@ class ActiveDirectoryAddComponent {
             //console.log(ResultModel);
             let AddModel = new ActiveDirectoryAddEditModel();
             AddModel.ConnectionName = resultModel.addName;
-            AddModel.ADTypeItemID = resultModel.addTypeOptions != null ? Number(resultModel.addTypeOptions) : null;
+            AddModel.ADTypeItemID_GUID = resultModel.addTypeOptions;
             AddModel.PermissionSetID = resultModel.addPermissionSet != null ? Number(resultModel.addPermissionSet) : null;
             AddModel.LangKey = resultModel.addLanguage;
             AddModel.WelcomeTemplateID = resultModel.addWelcomeMsgTemp != null ? Number(resultModel.addWelcomeMsgTemp) : null;
             AddModel.ImagesFileProviderName = resultModel.addFileProvider;
             AddModel.MarkAsInactive = resultModel.addMarkInactive;
             AddModel.AddToDailyJob = resultModel.addDailyJob;
-            if (this.selectedType == Number(ADType.Windows)) {
+            if (this.selectedType == ActiveDirectoryType.Windows) {
                 AddModel.Identifier = this.identifier;
                 AddModel.Domain = resultModel.addDomain;
                 AddModel.SamAccount = resultModel.addSamAccount;
                 AddModel.Password = resultModel.addPassword;
                 AddModel.ShowBuiltInGroups = resultModel.addShowBuiltInGroups;
-                AddModel.ADWindowsTypeItemID = resultModel.addWindowsTypeOptions != null ? Number(resultModel.addWindowsTypeOptions) : null;
+                AddModel.ADWindowsTypeItemID_GUID = resultModel.addWindowsTypeOptions;
             }
             else {
                 AddModel.TenantID = resultModel.addTenantID;
@@ -36608,7 +36607,7 @@ class ActiveDirectoryAddComponent {
     }
     //AD windows on type change (OU/Group)
     windowsTypeChange(typeValue) {
-        if (typeValue == Number(ADWindowsType.Group)) {
+        if (typeValue == ActiveDirectoryWindowConnectionType.ActiveDirectoryGroup) {
             this.addShowBuiltInGroups = new ToggleSlideOptions();
             this.addShowBuiltInGroups.Name = "addShowBuiltInGroups";
             this.addShowBuiltInGroups.LabelValue = "ShowBuiltInGroups";
@@ -36625,7 +36624,7 @@ class ActiveDirectoryAddComponent {
     //AD on type changes (Windows/Azure)
     typeChange(typeValue) {
         this.selectedType = typeValue;
-        if (typeValue == Number(ADType.Windows)) {
+        if (typeValue == ActiveDirectoryType.Windows) {
             this.formsCount = 3;
             //Remove Azure controls if found
             this.addActiveDirectoryForm.removeControl("addTenantID");
@@ -36705,7 +36704,7 @@ class ActiveDirectoryAddComponent {
         //Check required fields for next step
         if (currentStep == 1) {
             if (ResultModel.addTypeOptions) {
-                if (this.selectedType == Number(ADType.Windows)) {
+                if (this.selectedType == ActiveDirectoryType.Windows) {
                     if (!ResultModel.addDomain || !ResultModel.addWindowsTypeOptions) {
                         this.adDomainControl.IsValid();
                         this.adWindowsTypeControl.IsValid();
@@ -36726,7 +36725,7 @@ class ActiveDirectoryAddComponent {
                 return;
             }
         }
-        if (this.selectedType == Number(ADType.Windows)) {
+        if (this.selectedType == ActiveDirectoryType.Windows) {
             if (nextStep === 2 && currentStep === 1) {
                 this.treeDataLoaded = false;
                 //if (!this.addActiveDirectoryForm.get('addDomain').valid || !this.addActiveDirectoryForm.get('addTypeOptions').valid) {
@@ -36736,10 +36735,7 @@ class ActiveDirectoryAddComponent {
                 let AddModel = new ActiveDirectoryAddEditModel();
                 AddModel.ConnectionName = ResultModel.addName;
                 AddModel.Domain = ResultModel.addDomain;
-                let ADTypes = ResultModel.addWindowsTypeOptions;
-                let typeItemID;
-                typeItemID = Number(ADTypes);
-                AddModel.ADWindowsTypeItemID = ADTypes != null ? typeItemID : null;
+                AddModel.ADWindowsTypeItemID_GUID = ResultModel.addWindowsTypeOptions;
                 AddModel.SamAccount = ResultModel.addSamAccount;
                 AddModel.Password = ResultModel.addPassword;
                 AddModel.ShowBuiltInGroups = ResultModel.addShowBuiltInGroups;