@sunbird-cb/access-settings 0.0.1-ang-17-20

package/fesm2022/sunbird-cb-access-settings.mjs

@@ -0,0 +1,4313 @@
+import * as i0 from '@angular/core';
+import { Component, inject, ChangeDetectionStrategy, NgModule, EventEmitter, HostListener, HostBinding, Output, Directive, signal, Injectable, Input, ViewChild, ElementRef, Inject } from '@angular/core';
+import * as i1 from '@angular/material/snack-bar';
+import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2$1 from '@angular/forms';
+import { FormControl, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import * as i1$3 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import { MatRippleModule } from '@angular/material/core';
+import * as i10 from '@angular/material/expansion';
+import { MatExpansionModule } from '@angular/material/expansion';
+import * as i11$1 from '@angular/material/tabs';
+import { MatTabsModule } from '@angular/material/tabs';
+import * as i6 from '@angular/material/table';
+import { MatTableDataSource, MatTableModule } from '@angular/material/table';
+import * as i7 from '@angular/material/sort';
+import { MatSort, MatSortModule } from '@angular/material/sort';
+import * as i13 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i8 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import { MatMenuModule } from '@angular/material/menu';
+import * as i5 from '@angular/material/radio';
+import { MatRadioModule } from '@angular/material/radio';
+import * as i3 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i12 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i4$1 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import * as i11 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import * as _ from 'lodash';
+import { toNumber } from 'lodash';
+import * as i1$1 from '@angular/common/http';
+import { SelectionModel } from '@angular/cdk/collections';
+import * as i1$2 from '@angular/cdk/a11y';
+import { v4 } from 'uuid';
+
+class AccessSettingsComponent {
+    constructor() { }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccessSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AccessSettingsComponent, isStandalone: false, selector: "sb-uic-access-settings", ngImport: i0, template: ` <p>access settings works!</p> `, isInline: true, styles: ["::ng-deep .mdc-tooltip{--mat-tooltip-container-color: #616161;--mat-tooltip-supporting-text-color: #ffffff;--mat-tooltip-container-shape: 4px;--mat-tooltip-container-size: 340px;--mat-tooltip-supporting-text-padding: 8px}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccessSettingsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "sb-uic-access-settings", template: ` <p>access settings works!</p> `, standalone: false, styles: ["::ng-deep .mdc-tooltip{--mat-tooltip-container-color: #616161;--mat-tooltip-supporting-text-color: #ffffff;--mat-tooltip-container-shape: 4px;--mat-tooltip-container-size: 340px;--mat-tooltip-supporting-text-padding: 8px}\n"] }]
+        }], ctorParameters: () => [] });
+
+class SnackbarComponent {
+    constructor(snackBarRef) {
+        this.snackBarRef = snackBarRef;
+        this.data = inject(MAT_SNACK_BAR_DATA);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SnackbarComponent, deps: [{ token: i1.MatSnackBarRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: SnackbarComponent, isStandalone: false, selector: "sb-uic-snackbar", ngImport: i0, template: "<div class=\"snackbar-wrapper\">\n  <div class=\"flex items-center justify-between\">\n    <div class=\"message flex items-center gap-4\">\n      <ng-container *ngIf=\"data?.type === 'success'\">\n        <mat-icon class=\"text-white\">check</mat-icon>\n      </ng-container>\n\n      <ng-container *ngIf=\"data?.type === 'error'\">\n        <img src=\"/assets/icons/error-icon.svg\" alt=\"error\" width=\"24\" height=\"24\" style=\"filter: brightness(0) invert(1)\" />\n      </ng-container>\n\n      <span class=\"text-white\">{{ data?.message }}</span>\n    </div>\n\n    <div class=\"close\">\n      <mat-icon class=\"cursor-pointer text-white\" (click)=\"snackBarRef.dismiss()\"> close </mat-icon>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SnackbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "sb-uic-snackbar", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"snackbar-wrapper\">\n  <div class=\"flex items-center justify-between\">\n    <div class=\"message flex items-center gap-4\">\n      <ng-container *ngIf=\"data?.type === 'success'\">\n        <mat-icon class=\"text-white\">check</mat-icon>\n      </ng-container>\n\n      <ng-container *ngIf=\"data?.type === 'error'\">\n        <img src=\"/assets/icons/error-icon.svg\" alt=\"error\" width=\"24\" height=\"24\" style=\"filter: brightness(0) invert(1)\" />\n      </ng-container>\n\n      <span class=\"text-white\">{{ data?.message }}</span>\n    </div>\n\n    <div class=\"close\">\n      <mat-icon class=\"cursor-pointer text-white\" (click)=\"snackBarRef.dismiss()\"> close </mat-icon>\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1.MatSnackBarRef }] });
+
+class AccessSettingsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccessSettingsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AccessSettingsModule, declarations: [AccessSettingsComponent, SnackbarComponent], imports: [MatIconModule, CommonModule], exports: [AccessSettingsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccessSettingsModule, imports: [MatIconModule, CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccessSettingsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AccessSettingsComponent, SnackbarComponent],
+                    imports: [MatIconModule, CommonModule],
+                    exports: [AccessSettingsComponent]
+                }]
+        }] });
+
+class DragDropDirective {
+    constructor() {
+        this.fileDropped = new EventEmitter();
+        this.opacity = "1";
+    }
+    // Dragover listener
+    onDragOver(evt) {
+        evt.preventDefault();
+        evt.stopPropagation();
+        this.opacity = "0.4";
+    }
+    // Dragleave listener
+    onDragLeave(evt) {
+        evt.preventDefault();
+        evt.stopPropagation();
+        this.opacity = "1.0";
+    }
+    // Drop listener
+    ondrop(evt) {
+        evt.preventDefault();
+        evt.stopPropagation();
+        const files = evt.dataTransfer.files[0];
+        this.opacity = "1.0";
+        if (files) {
+            this.fileDropped.emit(files);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DragDropDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: DragDropDirective, isStandalone: false, selector: "[wsAuthDragDrop]", outputs: { fileDropped: "fileDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "ondrop($event)" }, properties: { "style.opacity": "this.opacity" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DragDropDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[wsAuthDragDrop]",
+                    standalone: false
+                }]
+        }], propDecorators: { fileDropped: [{
+                type: Output
+            }], opacity: [{
+                type: HostBinding,
+                args: ["style.opacity"]
+            }], onDragOver: [{
+                type: HostListener,
+                args: ["dragover", ["$event"]]
+            }], onDragLeave: [{
+                type: HostListener,
+                args: ["dragleave", ["$event"]]
+            }], ondrop: [{
+                type: HostListener,
+                args: ["drop", ["$event"]]
+            }] } });
+
+var NsAccessControlConfig;
+(function (NsAccessControlConfig) {
+    let SelectionType;
+    (function (SelectionType) {
+        SelectionType["Users"] = "user";
+        SelectionType["Organizations"] = "rootOrgId";
+        SelectionType["Group"] = "group";
+        SelectionType["Designation"] = "designation";
+        SelectionType["VerificationStatus"] = "profilestatus";
+        SelectionType["Cadre"] = "Cadre";
+        SelectionType["Service"] = "service";
+        SelectionType["Batch"] = "batch";
+        SelectionType["CustomField"] = "customeField";
+        SelectionType["CentralDeputation"] = "isOnCentralDeputation";
+    })(SelectionType = NsAccessControlConfig.SelectionType || (NsAccessControlConfig.SelectionType = {}));
+    let IActions;
+    (function (IActions) {
+        IActions["Confirm"] = "confirm";
+        IActions["Reject"] = "reject";
+    })(IActions = NsAccessControlConfig.IActions || (NsAccessControlConfig.IActions = {}));
+    let IAccessTypes;
+    (function (IAccessTypes) {
+        IAccessTypes["Public"] = "public";
+        IAccessTypes["Custom"] = "custom";
+    })(IAccessTypes = NsAccessControlConfig.IAccessTypes || (NsAccessControlConfig.IAccessTypes = {}));
+    let IAccessSetting;
+    (function (IAccessSetting) {
+        IAccessSetting["ALL_USERS"] = "allUsers";
+        IAccessSetting["MDO_SPECIFIC"] = "mdoSpecific";
+        IAccessSetting["CUSTOME_USER"] = "customeUser";
+    })(IAccessSetting = NsAccessControlConfig.IAccessSetting || (NsAccessControlConfig.IAccessSetting = {}));
+    let Application;
+    (function (Application) {
+        Application["MDO"] = "mdo_portal";
+        Application["Creation_Portal"] = "cbp_portal";
+    })(Application = NsAccessControlConfig.Application || (NsAccessControlConfig.Application = {}));
+})(NsAccessControlConfig || (NsAccessControlConfig = {}));
+
+const PAGINATION_LIMIT = 100;
+const ENDPOINTS = {
+    SEARCH_USER_WITH_ADMIN: (query) => `/apis/proxies/v8/user/v1/autocomplete/${query}`,
+    SEARCH_USER: `/apis/proxies/v8/user/v1/admin/search`,
+    SEARCH_ORG: "/apis/proxies/v8/org/v1/admin/search",
+    VALIDATE_USER: "/apis/proxies/v8/user/v1/search",
+    GROUPS: "/apis/proxies/v8/user/v1/groups",
+    CADRE_CONFIG: "/apis/proxies/v8/data/v2/system/settings/get/cadreConfig",
+    DESIGNATION_LIST: "/apis/proxies/v8/designation/search",
+    SEARCH_V4: "/apis/proxies/v8/sunbirdigot/v4/search",
+    CREATE_USERGROUPS_CONTROL: "/apis/proxies/v8/accessSettings/v1/upsert",
+    GET_ACCESS_CONTROL: (id) => `/apis/proxies/v8/accessSettings/read/${id}`,
+    ACTION_CONTENT_V3: `apis/proxies/v8/action/content/v3/`,
+    PRIVATE_CONTENT_V4: `apis/proxies/v8/private/content/v4/`,
+    CUSTOMES_FIELD_SEARCH: "apis/proxies/v8/customFields/v1/search",
+};
+class AccessControlService {
+    constructor(http) {
+        this.http = http;
+        this.customesFieldData = signal([], ...(ngDevMode ? [{ debugName: "customesFieldData" }] : []));
+        this.accessControlConfig = signal(null, ...(ngDevMode ? [{ debugName: "accessControlConfig" }] : []));
+        this.holdServiceCadrebatch = signal({
+            service: [],
+            batch: [],
+            cadre: [],
+        }, ...(ngDevMode ? [{ debugName: "holdServiceCadrebatch" }] : []));
+    }
+    fetchUserListWithAdmin(queryString) {
+        return this.http.get(ENDPOINTS.SEARCH_USER_WITH_ADMIN(queryString));
+    }
+    fetchUserList(query, pagination, userIds, filters, sorting) {
+        let request = {
+            filters: {
+                status: 1,
+            },
+            limit: pagination.limit || 5,
+            offset: pagination.offset || 0,
+            query: query,
+            sort_by: {},
+            fields: ["userId", "firstName", "maskedEmail", "rootOrgName", "phone"],
+        };
+        if (userIds?.length) {
+            request.filters = { ...request.filters, userId: userIds };
+        }
+        if (filters) {
+            request.filters = { ...request.filters, ...filters };
+        }
+        if (sorting) {
+            request.sort_by = sorting;
+        }
+        return this.http.post(ENDPOINTS.SEARCH_USER, { request: request });
+    }
+    fetchOrgList(query, pagination, selectedData, characterSearch) {
+        let request = {
+            request: {
+                filters: {
+                    status: 1,
+                    isMdo: true,
+                },
+                // sort_by: {
+                //   channel: "asc", 
+                // },
+                fields: ["channel", "identifier", "iscca"],
+                query: query,
+                limit: pagination.limit,
+                offset: pagination.offset,
+            },
+        };
+        if (selectedData?.length) {
+            request.request.filters.identifier = selectedData;
+            characterSearch = "";
+        }
+        if (characterSearch && characterSearch !== '#' && !query) {
+            request.request.filters.channel = { startsWith: characterSearch };
+        }
+        return this.http.post(ENDPOINTS.SEARCH_ORG, request);
+    }
+    validateUser(request) {
+        return this.http.post(ENDPOINTS.VALIDATE_USER, request);
+    }
+    fetchGroupsList() {
+        return this.http.get(ENDPOINTS.GROUPS);
+    }
+    fetchCadreConfig() {
+        return this.http.get(ENDPOINTS.CADRE_CONFIG).toPromise();
+    }
+    fetchDesignation(query, pagination, selectedData, characterSearch) {
+        let payload = {
+            filterCriteriaMap: {
+                status: "Active",
+            },
+            requestedFields: ["designation", "id"],
+            pageSize: pagination.pageSize || this.accessControlConfig()?.accessControlCriteriaSelection?.paginationLimit || PAGINATION_LIMIT,
+            pageNumber: pagination.pageNumber || 0,
+            // orderDirection: "ASC",
+        };
+        if (selectedData?.length) {
+            payload.filterCriteriaMap.designation = selectedData;
+            characterSearch = "";
+        }
+        if (query) {
+            payload.searchString = query;
+        }
+        if (characterSearch && characterSearch !== '#' && !query) {
+            payload.startsWith = characterSearch;
+        }
+        if (!query) {
+            payload.orderBy = "designation";
+        }
+        return this.http.post(ENDPOINTS.DESIGNATION_LIST, payload);
+    }
+    fetchDesignationsWithOrg(paginationOffset, categories, query, selectedData, characterSearch) {
+        let payload = {
+            request: {
+                filters: {
+                    status: "Live",
+                    category: "designation",
+                    categories: categories,
+                    objectType: "Term",
+                },
+                fields: ["identifier", "name"],
+                query: query,
+                sort_by: { name: "asc" },
+                facets: [],
+                limit: this.accessControlConfig()?.accessControlCriteriaSelection?.paginationLimit || PAGINATION_LIMIT,
+                offset: paginationOffset,
+            },
+        };
+        if (selectedData?.length) {
+            payload.request.filters.name = selectedData;
+        }
+        if (characterSearch && characterSearch !== '#' && !query) {
+            if (!payload.request.filters.name || typeof payload.request.filters.name !== "object") {
+                payload.request.filters.name = {};
+            }
+            payload.request.filters.name.startsWith = characterSearch;
+        }
+        return this.http.post(ENDPOINTS.SEARCH_V4, payload);
+    }
+    applyUserGroupAccessControl(request) {
+        return this.http.put(ENDPOINTS.CREATE_USERGROUPS_CONTROL, request);
+    }
+    fetchUserGroupAccessControl(id) {
+        return this.http.get(ENDPOINTS.GET_ACCESS_CONTROL(id));
+    }
+    updateContentV3(meta, id) {
+        return this.http.patch(`${ENDPOINTS.ACTION_CONTENT_V3}update/${id}`, meta);
+    }
+    updateContentV4(meta, id) {
+        return this.http.patch(`${ENDPOINTS.PRIVATE_CONTENT_V4}update/${id}`, meta);
+    }
+    downloadFile(data, filename = "data") {
+        const csvData = this.convertToCSV(data, ["email", "status", "mobile", "message"]);
+        const blob = new Blob([`\ufeff${csvData}`], { type: "text/csv;charset=utf-8;" });
+        const dwldLink = document.createElement("a");
+        const url = URL.createObjectURL(blob);
+        const isSafariBrowser = navigator.userAgent.indexOf("Safari") !== -1 && navigator.userAgent.indexOf("Chrome") === -1;
+        if (isSafariBrowser) {
+            // if Safari open in new window to save file with random filename.
+            dwldLink.setAttribute("target", "_blank");
+        }
+        dwldLink.setAttribute("href", url);
+        dwldLink.setAttribute("download", `${filename}.csv`);
+        dwldLink.style.visibility = "hidden";
+        document.body.appendChild(dwldLink);
+        dwldLink.click();
+        document.body.removeChild(dwldLink);
+    }
+    convertToCSV(objArray, headerList) {
+        const array = typeof objArray !== "object" ? JSON.parse(objArray) : objArray;
+        let str = "";
+        let row = "S.No,";
+        for (const index in headerList) {
+            if (headerList[index]) {
+                row += `${headerList[index]} ,`;
+            }
+        }
+        row = row.slice(0, -1);
+        str += `${row}\r\n`;
+        // for (let i = 0; i < array.length; i += 1) {
+        for (const iIndex in array) {
+            if (array[iIndex]) {
+                let line = `${toNumber(iIndex) + 1} `;
+                for (const index in headerList) {
+                    if (headerList[index]) {
+                        const head = headerList[index];
+                        line += `, ${array[iIndex][head]}`;
+                    }
+                }
+                str += `${line}\r\n`;
+            }
+        }
+        return str;
+    }
+    createRequestContent(apiResponse, accessSettingsEnabled) {
+        return {
+            request: {
+                content: {
+                    versionKey: apiResponse.versionKey || "",
+                    accessSettingsEnabled: accessSettingsEnabled || false,
+                },
+            },
+        };
+    }
+    createRequesForMDOContent(apiResponse, accessSettingsEnabled, secureSettings) {
+        return {
+            request: {
+                content: {
+                    versionKey: apiResponse.versionKey || "",
+                    accessSettingsEnabled: accessSettingsEnabled || false,
+                    secureSettings: secureSettings || null,
+                },
+            },
+        };
+    }
+    fetchCustomsField(filterCriteria) {
+        const requestPayload = {
+            filterCriteriaMap: filterCriteria,
+            requestedFields: ["name", "isActive", "createdBy", "createdOn", "isEnabled", "isMandatory", "customFieldData", "originalCustomFieldData", "attributeName", "type", "reversedOrderCustomFieldData"],
+            pageNumber: 0,
+            pageSize: this.accessControlConfig()?.accessControlCriteriaSelection?.paginationLimit || PAGINATION_LIMIT,
+            orderDirection: "DESC",
+            orderBy: "createdOn",
+            facets: [],
+        };
+        return this.http.post(ENDPOINTS.CUSTOMES_FIELD_SEARCH, requestPayload);
+    }
+    enableDeputation(value) {
+        const config = this.accessControlConfig();
+        if (config) {
+            const centralDeputationOption = { disabled: false, value: NsAccessControlConfig.SelectionType.CentralDeputation, label: "Central Deputation" };
+            const centralDeputationCriteria = [
+                { value: "yes", label: "Yes" },
+                { value: "no", label: "No" },
+            ];
+            // Add if true, remove if false
+            if (value) {
+                // Add to optionsEntity if not present
+                if (!config.accessControlCriteriaSelection.optionsEntity.some((o) => o.value === NsAccessControlConfig.SelectionType.CentralDeputation)) {
+                    config.accessControlCriteriaSelection.optionsEntity.push(centralDeputationOption);
+                }
+                // Add to accessControlCriteriaSelection if not present
+                if (!config.accessControlCriteriaSelection.centralDeputation) {
+                    config.accessControlCriteriaSelection.centralDeputation = centralDeputationCriteria;
+                }
+            }
+            else {
+                // Remove from optionsEntity
+                config.accessControlCriteriaSelection.optionsEntity = config.accessControlCriteriaSelection.optionsEntity.filter((o) => o.value !== NsAccessControlConfig.SelectionType.CentralDeputation);
+                // Remove from accessControlCriteriaSelection
+                if (config.accessControlCriteriaSelection.centralDeputation) {
+                    delete config.accessControlCriteriaSelection.centralDeputation;
+                }
+            }
+            // Update Signal Value
+            this.accessControlConfig.set({ ...config });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccessControlService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccessControlService, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccessControlService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }] });
+
+class PaginationComponent {
+    constructor() {
+        this._currentPage = 1;
+        this.defaultPaginationSize = 10;
+        this.defaultPaginationSizeOptions = [];
+        this.totalItemsCount = 0;
+        this.pageChange = new EventEmitter();
+        this.pagination = [];
+        this.showingArray = [];
+        this.lastPage = 0;
+        this.firstPage = 0;
+        this.previousPage = 0;
+    }
+    set currentPage(value) {
+        if (this._currentPage !== value) {
+            this._currentPage = value;
+            this.paginationInListing();
+        }
+    }
+    get currentPage() {
+        return this._currentPage;
+    }
+    ngOnInit() {
+        this.paginationInListing();
+    }
+    ngOnChanges(changes) {
+        if (changes.totalItemsCount &&
+            changes.totalItemsCount.previousValue &&
+            changes.totalItemsCount.currentValue !==
+                changes.totalItemsCount.previousValue) {
+            this.paginationInListing();
+        }
+        if (changes?.currentPage) {
+            this.currentPage = changes.currentPage.currentValue;
+            this.previousPage = changes.currentPage.previousValue || 0;
+            this.paginationInListing();
+        }
+    }
+    paginationInListing() {
+        let lower = 0;
+        let upper = 0;
+        let limit = this.defaultPaginationSize;
+        let items = this.totalItemsCount;
+        this.showingArray = [];
+        for (let i = 0; i < items; i++) {
+            if (upper !== items && upper < items) {
+                lower = upper;
+                if (upper != items && (upper = lower + limit) <= items) {
+                    upper = lower + limit;
+                }
+                else {
+                    upper = items;
+                }
+                this.showingArray.push([lower, upper]);
+            }
+        }
+        let dividedPagination = Math.ceil(this.totalItemsCount / limit);
+        let paginationLength = this.paginationDup(this.currentPage, dividedPagination);
+        let currentIndex = this.showingArray[this.currentPage - 1];
+        let lowerPagination = this.totalItemsCount ? currentIndex[0] + 1 : "";
+        let upperPagination = this.totalItemsCount ? currentIndex[1] : "";
+        this.lastPage = paginationLength[paginationLength.length - 1];
+        this.firstPage = paginationLength[0];
+        this.pagination = {
+            dividedPagination: dividedPagination,
+            paginationLength: paginationLength,
+            lower: lowerPagination,
+            upper: upperPagination,
+        };
+    }
+    paginationDup(c, m) {
+        let current = c;
+        let last = m;
+        let delta = 5;
+        let left = current - delta;
+        let right = current + delta + 1;
+        let range = [];
+        let l;
+        this.rangeWithDots = [];
+        for (let i = 1; i <= last; i++) {
+            if (i == 1 || i == last || (i >= left && i < right)) {
+                range.push(i);
+            }
+        }
+        for (let i of range) {
+            if (l) {
+                if (i - l === 2) {
+                    this.rangeWithDots.push(l + 1);
+                }
+                else if (i - l !== 1) {
+                    this.rangeWithDots.push("...");
+                }
+            }
+            this.rangeWithDots.push(i);
+            l = i;
+        }
+        return this.rangeWithDots;
+    }
+    goToPage(page) {
+        this.currentPage = page;
+        this.pageChange.emit({
+            currentPage: this.currentPage,
+            previousPage: this.previousPage,
+            limit: this.defaultPaginationSize,
+        });
+        this.paginationInListing();
+    }
+    // TODO: May need to implement in future
+    navigateToLastPage(page) {
+        if (page != this.currentPage) {
+            this.goToPage(page);
+        }
+    }
+    // TODO: May need to implement in future
+    navigateToFirstPage(page) {
+        if (page != this.currentPage) {
+            this.goToPage(page);
+        }
+    }
+    navigateToNextPage(page) {
+        if (page <=
+            (this.pagination.paginationLength &&
+                this.pagination.paginationLength[this.pagination.paginationLength.length - 1])) {
+            this.currentPage = this.currentPage + 1;
+            this.previousPage = page;
+            this.goToPage(this.currentPage);
+        }
+    }
+    navigateToPrevPage(page) {
+        if (page <=
+            (this.pagination.paginationLength &&
+                this.pagination.paginationLength[this.pagination.paginationLength.length - 1])) {
+            this.currentPage = this.currentPage - 1;
+            this.previousPage = page;
+            this.goToPage(this.currentPage);
+        }
+    }
+    onChangePageSize(event) {
+        this.defaultPaginationSize = event.value;
+        this.currentPage = 1;
+        this.previousPage = 0;
+        this.paginationInListing();
+        this.pageChange.emit({
+            currentPage: this.currentPage,
+            previousPage: this.previousPage,
+            limit: this.defaultPaginationSize,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: PaginationComponent, isStandalone: false, selector: "sb-uic-pagination", inputs: { defaultPaginationSize: "defaultPaginationSize", defaultPaginationSizeOptions: "defaultPaginationSizeOptions", totalItemsCount: "totalItemsCount", currentPage: "currentPage" }, outputs: { pageChange: "pageChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ws-pagination-wrapper px-4 mt-3\">\n    <div class=\"pagination-size-select mat-full-radius-select flex items-center gap-2\">\n        <span class=\"text-xs font-normal hidden md:block\">Show Entries</span>\n        <mat-form-field appearance=\"outline\">\n            <mat-select [(value)]=\"defaultPaginationSize\" (selectionChange)=\"onChangePageSize($event)\">\n                <ng-container *ngFor=\"let option of defaultPaginationSizeOptions\">\n                    <mat-option [value]=\"option\">{{option}}</mat-option>\n                </ng-container>\n            </mat-select>\n        </mat-form-field>\n    </div>\n    <ul class=\"pagination\">\n        <div class=\"pagination-listing flex items-center\">\n            <ng-container\n                *ngFor=\"let count of pagination?.paginationLength; let last = last; let first = first; let i = index\">\n                <li class=\"page-item\" *ngIf=\"first\" (click)=\"navigateToPrevPage(currentPage)\"\n                    [ngClass]=\"{disabled: currentPage === firstPage}\">\n                    <a class=\"page-link\" aria-label=\"Previous\">\n                        <span aria-hidden=\"true\"><mat-icon>keyboard_arrow_left</mat-icon></span>\n                    </a>\n                </li>\n                <li class=\"page-item flex items-center justify-center\" [ngClass]=\"count == currentPage ? 'active' : '' \"\n                    (click)=\"goToPage(count)\">\n                    <a class=\"page-link\">{{count}}</a>\n                </li>\n                <li class=\"page-item\" *ngIf=\"last\" (click)=\"navigateToNextPage(currentPage)\"\n                    [ngClass]=\"{disabled: currentPage === lastPage}\">\n                    <a class=\" page-link\" aria-label=\"Next\">\n                        <span aria-hidden=\"true\"><mat-icon>keyboard_arrow_right</mat-icon></span>\n                    </a>\n                </li>\n\n            </ng-container>\n        </div>\n    </ul>\n</div>", styles: [".ws-pagination-wrapper{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-top:1px solid rgba(0,0,0,.0784313725)}.ws-pagination-wrapper .pagination-size-select span{font-family:Lato;line-height:100%;color:#666}ul{list-style:none;gap:4px}ul li{width:32px;height:24px;text-align:center}ul li a{color:#666;font-size:14px;border:0;font-family:Lato;font-weight:400;font-size:12px;line-height:14.4px;letter-spacing:0%;text-align:center}ul li:hover{border-radius:99px;cursor:pointer;background-color:#f5f5f5}ul li.active{background:#1b4ca1;border-radius:99px}ul li.active a{color:#fff!important}.ws-pagination-wrapper ::ng-deep .pagination-size-select.mat-full-radius-select mat-form-field{height:40px!important;max-width:80px!important}.ws-pagination-wrapper ::ng-deep .pagination-size-select.mat-full-radius-select .mat-form-field-appearance-outline .mat-form-field-infix{padding:0 0 8px!important}.ws-pagination-wrapper ::ng-deep .pagination-size-select.mat-full-radius-select .mat-form-field-wrapper{padding-bottom:0!important}.page-item.disabled{pointer-events:none;opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "sb-uic-pagination", standalone: false, template: "<div class=\"ws-pagination-wrapper px-4 mt-3\">\n    <div class=\"pagination-size-select mat-full-radius-select flex items-center gap-2\">\n        <span class=\"text-xs font-normal hidden md:block\">Show Entries</span>\n        <mat-form-field appearance=\"outline\">\n            <mat-select [(value)]=\"defaultPaginationSize\" (selectionChange)=\"onChangePageSize($event)\">\n                <ng-container *ngFor=\"let option of defaultPaginationSizeOptions\">\n                    <mat-option [value]=\"option\">{{option}}</mat-option>\n                </ng-container>\n            </mat-select>\n        </mat-form-field>\n    </div>\n    <ul class=\"pagination\">\n        <div class=\"pagination-listing flex items-center\">\n            <ng-container\n                *ngFor=\"let count of pagination?.paginationLength; let last = last; let first = first; let i = index\">\n                <li class=\"page-item\" *ngIf=\"first\" (click)=\"navigateToPrevPage(currentPage)\"\n                    [ngClass]=\"{disabled: currentPage === firstPage}\">\n                    <a class=\"page-link\" aria-label=\"Previous\">\n                        <span aria-hidden=\"true\"><mat-icon>keyboard_arrow_left</mat-icon></span>\n                    </a>\n                </li>\n                <li class=\"page-item flex items-center justify-center\" [ngClass]=\"count == currentPage ? 'active' : '' \"\n                    (click)=\"goToPage(count)\">\n                    <a class=\"page-link\">{{count}}</a>\n                </li>\n                <li class=\"page-item\" *ngIf=\"last\" (click)=\"navigateToNextPage(currentPage)\"\n                    [ngClass]=\"{disabled: currentPage === lastPage}\">\n                    <a class=\" page-link\" aria-label=\"Next\">\n                        <span aria-hidden=\"true\"><mat-icon>keyboard_arrow_right</mat-icon></span>\n                    </a>\n                </li>\n\n            </ng-container>\n        </div>\n    </ul>\n</div>", styles: [".ws-pagination-wrapper{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-top:1px solid rgba(0,0,0,.0784313725)}.ws-pagination-wrapper .pagination-size-select span{font-family:Lato;line-height:100%;color:#666}ul{list-style:none;gap:4px}ul li{width:32px;height:24px;text-align:center}ul li a{color:#666;font-size:14px;border:0;font-family:Lato;font-weight:400;font-size:12px;line-height:14.4px;letter-spacing:0%;text-align:center}ul li:hover{border-radius:99px;cursor:pointer;background-color:#f5f5f5}ul li.active{background:#1b4ca1;border-radius:99px}ul li.active a{color:#fff!important}.ws-pagination-wrapper ::ng-deep .pagination-size-select.mat-full-radius-select mat-form-field{height:40px!important;max-width:80px!important}.ws-pagination-wrapper ::ng-deep .pagination-size-select.mat-full-radius-select .mat-form-field-appearance-outline .mat-form-field-infix{padding:0 0 8px!important}.ws-pagination-wrapper ::ng-deep .pagination-size-select.mat-full-radius-select .mat-form-field-wrapper{padding-bottom:0!important}.page-item.disabled{pointer-events:none;opacity:.5;cursor:not-allowed}\n"] }]
+        }], propDecorators: { defaultPaginationSize: [{
+                type: Input
+            }], defaultPaginationSizeOptions: [{
+                type: Input
+            }], totalItemsCount: [{
+                type: Input
+            }], currentPage: [{
+                type: Input
+            }], pageChange: [{
+                type: Output
+            }] } });
+
+class ListTableComponent {
+    constructor(_liveAnnouncer) {
+        this._liveAnnouncer = _liveAnnouncer;
+        this.data = [];
+        this.count = 0;
+        this.initialPaginationSize = 5;
+        this.initialPaginationSizeOptions = [5, 10, 25, 100];
+        this.currentPage = 1;
+        this.isDisabled = false;
+        this.selectedDataChange = new EventEmitter();
+        this.pageChange = new EventEmitter();
+        this.removeSelectedData = new EventEmitter();
+        this.sortChange = new EventEmitter();
+        this.dataSource = new MatTableDataSource(this.data);
+        this.selection = new SelectionModel(true, []);
+        this.selectedTablerow = [];
+    }
+    ngOnInit() { }
+    ngOnChanges(changes) {
+        // Handle data input change
+        if (changes["data"]?.currentValue?.length) {
+            const mappedUsers = changes["data"].currentValue.map((user) => ({
+                firstName: user?.firstName || user?.firstname || user?.fullName || "",
+                mobile: user?.mobile || user?.phone || "",
+                email: user?.email || user?.maskedEmail || "",
+                ministry: user?.ministry || user?.rootOrgName || "",
+                invited_on: user?.invited_on || "",
+                status: user?.status || "",
+                userId: user?.userId || user?.id || ""
+            }));
+            this.data = mappedUsers;
+            this.dataSource = new MatTableDataSource(mappedUsers);
+            this.dataSource.sort = this.sort;
+        }
+        if (changes["count"]?.currentValue !== undefined) {
+            this.count = changes["count"].currentValue;
+        }
+        if (changes["selected"]?.currentValue) {
+            this.selection.clear();
+            if (changes["selected"].currentValue.length > 0) {
+                this.dataSource.data.forEach(row => {
+                    if (changes["selected"].currentValue.some((sel) => sel.userId === row.userId)) {
+                        this.selection.select(row);
+                    }
+                });
+            }
+            this.selectedTablerow = changes["selected"]?.currentValue || [];
+        }
+        if (changes["currentPage"]?.currentValue) {
+            this.currentPage = changes["currentPage"]?.currentValue;
+        }
+    }
+    ngAfterViewInit() {
+        if (this.tableConfig?.canSortColumn) {
+            this.dataSource.sort = this.sort;
+        }
+    }
+    setPaginatedUsers(page) {
+        const startIndex = (page - 1) * this.initialPaginationSize;
+        const endIndex = startIndex + this.initialPaginationSize;
+        const paginatedUsers = this.data.slice(startIndex, endIndex);
+        this.dataSource = new MatTableDataSource(paginatedUsers);
+        this.dataSource.sort = this.sort;
+    }
+    isAllSelected() {
+        const numSelected = this.selection.selected.length;
+        const numRows = this.dataSource.data.length;
+        return numSelected === numRows;
+    }
+    masterToggle() {
+        const isAll = this.isAllSelected();
+        if (isAll) {
+            const previouslySelected = this.dataSource.data.filter(row => this.selectedTablerow.some(sel => sel.userId === row.userId));
+            this.dataSource.data.forEach(row => this.selection.deselect(row));
+            this.selectedTablerow = this.selectedTablerow.filter(sel => !this.dataSource.data.some(row => row.userId === sel.userId));
+            this.selectedDataChange.emit({
+                selectedRows: this.selectedTablerow,
+                toggledRows: previouslySelected,
+                action: "unselectedAll"
+            });
+        }
+        else {
+            const newlySelected = this.dataSource.data.filter(row => !this.selectedTablerow.some(sel => sel.userId === row.userId));
+            this.dataSource.data.forEach(row => this.selection.select(row));
+            this.selectedTablerow = [...this.selectedTablerow, ...newlySelected];
+            this.selectedDataChange.emit({
+                selectedRows: this.selectedTablerow,
+                toggledRows: newlySelected,
+                action: "selectedAll"
+            });
+        }
+    }
+    toggleSelection(row) {
+        const rowId = row.userId;
+        const isSelected = this.selectedTablerow.some(r => r.userId === rowId);
+        if (isSelected) {
+            this.selectedTablerow = this.selectedTablerow.filter(r => r.userId !== rowId);
+            this.selection.deselect(row);
+        }
+        else {
+            this.selectedTablerow.push(row);
+            this.selection.select(row);
+        }
+        this.selectedDataChange.emit({
+            selectedRows: _.cloneDeep(this.selectedTablerow),
+            toggledRow: row,
+            action: isSelected ? "unselected" : "selected"
+        });
+    }
+    onPageChange(event) {
+        this.currentPage = event?.currentPage;
+        this.pageChange.emit(event);
+    }
+    removeUserFromSelected() {
+        if (!this.selectedTablerow.length) {
+            return;
+        }
+        const removedList = [...this.selectedTablerow];
+        const remainingList = this.data.filter(user => !this.selectedTablerow.some(selected => selected.userId === user.userId));
+        this.data = remainingList;
+        this.count = remainingList.length;
+        this.selectedTablerow = [];
+        this.selection.clear();
+        this.dataSource = new MatTableDataSource(remainingList);
+        this.dataSource.sort = this.sort;
+        if (this.tableConfig?.type === "selectedUsers") {
+            this.removeSelectedData.emit({
+                remainingList,
+                removedList
+            });
+        }
+    }
+    onSortChange(sortState) {
+        if (sortState.direction) {
+            if (sortState.active === "ministry")
+                sortState.active = "rootOrgName";
+            if (sortState.active === "mobile")
+                sortState.active = "phone";
+            if (this.tableConfig?.type === "selectedUsers") {
+                this._liveAnnouncer.announce(`Sorted ${sortState.direction}ending`);
+            }
+            else {
+                this.sortChange.emit({ [sortState.active]: sortState.direction });
+            }
+        }
+        else {
+            if (this.tableConfig?.type === "selectedUsers") {
+                this._liveAnnouncer.announce("Sorting cleared");
+            }
+            else {
+                this.sortChange.emit({});
+            }
+        }
+    }
+    refreshSelected() {
+        this.selection.clear();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ListTableComponent, deps: [{ token: i1$2.LiveAnnouncer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ListTableComponent, isStandalone: false, selector: "sb-uic-list-table", inputs: { data: "data", count: "count", initialPaginationSize: "initialPaginationSize", initialPaginationSizeOptions: "initialPaginationSizeOptions", tableConfig: "tableConfig", selected: "selected", bulkUploadEntriesCount: "bulkUploadEntriesCount", currentPage: "currentPage", isDisabled: "isDisabled" }, outputs: { selectedDataChange: "selectedDataChange", pageChange: "pageChange", removeSelectedData: "removeSelectedData", sortChange: "sortChange" }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"wrapper-user-table\" id=\"user-table-select\">\n    <div class=\"selections-meta\">\n        <div class=\"flex items-center justify-between p-2\">\n            <div class=\"flex items-center gap-2 selection-count\" *ngIf=\"tableConfig?.canShowSelectedItems || false\">\n                <span class=\"\">{{selectedTablerow?.length}}</span>\n                <span class=\"text-sm font-normal\">Items Selected</span>\n            </div>\n            <div class=\"flex items-center gap-2 actions-selections ml-auto\">\n                <button mat-button color=\"primary\" class=\"text-sm font-normal action-refresh-btn\" (click)=\"refreshSelected()\"\n                    *ngIf=\"tableConfig?.canShowRefreshBtn || false\">\n                    <mat-icon>refresh</mat-icon>\n                    Refresh\n                </button>\n\n                <button mat-button color=\"warn\" class=\"text-sm font-bold action-delete-btn\"\n                    (click)=\"removeUserFromSelected()\" *ngIf=\"tableConfig?.canShowDeleteBtn || false\">\n                    <mat-icon>delete</mat-icon>\n                    Delete\n                </button>\n            </div>\n        </div>\n    </div>\n\n    <table mat-table [dataSource]=\"dataSource\" matSort (matSortChange)=\"onSortChange($event)\">\n        <!-- Checkbox Column -->\n        <ng-container matColumnDef=\"select\">\n            <th mat-header-cell *matHeaderCellDef>\n                <ng-container *ngIf=\"tableConfig?.canShowMasterSelect\">\n                    <mat-checkbox (change)=\"$event ? masterToggle() : null\" [disabled]=\"isDisabled\"\n                        [checked]=\"selection.hasValue() && isAllSelected()\"\n                        [indeterminate]=\"selection.hasValue() && !isAllSelected()\">\n                    </mat-checkbox>\n                </ng-container>\n            </th>\n            <td mat-cell *matCellDef=\"let row\">\n                <mat-checkbox (click)=\"$event.stopPropagation()\" (change)=\"toggleSelection(row)\" [disabled]=\"isDisabled\"\n                    [checked]=\"selection.isSelected(row)\">\n                </mat-checkbox>\n            </td>\n        </ng-container>\n\n        <!-- first_name Column -->\n        <ng-container matColumnDef=\"firstName\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header> Full Name </th>\n            <td mat-cell *matCellDef=\"let element\"> {{element?.firstName}} </td>\n        </ng-container>\n\n        <!-- Email Column -->\n        <ng-container matColumnDef=\"email\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header> Email </th>\n            <td mat-cell *matCellDef=\"let element\"> {{element?.email}} </td>\n        </ng-container>\n\n        <!-- ministry Column -->\n        <ng-container matColumnDef=\"ministry\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header> Ministry </th>\n            <td mat-cell *matCellDef=\"let element\">\n                <span class=\"truncated-text \">\n                    {{element?.ministry}}\n                </span>\n            </td>\n        </ng-container>\n\n        <!-- mobile_no Column -->\n        <ng-container matColumnDef=\"mobile\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header> Mobile No </th>\n            <td mat-cell *matCellDef=\"let element\">\n                {{element?.mobile}}\n            </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"invited_on\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header> Invited On </th>\n            <td mat-cell *matCellDef=\"let element\">\n                {{element?.invited_on}}\n            </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"status\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header> Status </th>\n            <td mat-cell *matCellDef=\"let element\">\n                <!-- {{element?.status}} -->\n                <div class=\"success-status flex items-center justify-center\">Success</div>\n                <!-- <div class=\"rejected-status flex items-center justify-center\">Rejected</div> -->\n            </td>\n        </ng-container>\n\n        <tr mat-header-row *matHeaderRowDef=\"tableConfig?.displayedColumns\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: tableConfig?.displayedColumns;\" (click)=\"toggleSelection(row);\">\n        </tr>\n    </table>\n    <div *ngIf=\"!dataSource.data.length\" class=\"no-data-center\">\n        <div class=\"no-data p-4 flex flex-column items-center justify-center\">\n            <img src=\"/assets/icons/no-events.png\" alt=\"no-data\">\n            <span class=\"font-bold\">No information to display yet</span>\n        </div>\n    </div>\n    <ng-container *ngIf=\"count && tableConfig?.canShowPagination\">\n        <div class=\"pagination-users\">\n            <sb-uic-pagination [defaultPaginationSize]=\"initialPaginationSize\"\n                [defaultPaginationSizeOptions]=\"initialPaginationSizeOptions\" [totalItemsCount]=\"count\"\n                [currentPage]=\"currentPage\" (pageChange)=\"onPageChange($event)\">\n            </sb-uic-pagination>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"bulkUploadEntriesCount\">\n        <div class=\"text-xs text-[#666666] p-4 border-t border-black/15\">\n            {{bulkUploadEntriesCount?.success}}/{{bulkUploadEntriesCount?.totalCount}} entries uploaded successfully\n        </div>\n    </ng-container>\n\n\n</div>", styles: ["::ng-deep .mat-column-select{text-align:center}::ng-deep .mat-column-email{width:213px}.truncated-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4em;max-height:2.8em;width:213px}.wrapper-user-table{margin-top:16px;border:1px solid rgba(0,0,0,.1607843137);border-radius:4px}.selection-count span{font-family:Lato;font-weight:400}.selection-count span:first-child{background:#d1dbec;border:1px solid rgba(0,0,0,.1607843137);border-radius:50%;padding:4px;height:18px;width:18px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#0009}.selection-count span:nth-child(2){font-size:14px;color:#000000de}.actions-selections{height:22px}.actions-selections button{font-family:Lato;font-weight:400;font-size:14px;background:none;border:none;padding:8px 4px;min-width:unset}.actions-selections button.action-refresh-btn{color:#1b4ca1!important}.actions-selections button.action-refresh-btn mat-icon{color:#1b4ca1!important}.actions-selections button.action-delete-btn{color:#d13924}.actions-selections button.action-delete-btn mat-icon{color:#d13924}.actions-selections button ::ng-deep .mat-button-wrapper{display:flex;align-items:center;gap:4px;height:22px}:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell,:host ::ng-deep .mat-mdc-table .mat-mdc-cell{border-top:1px solid rgba(0,0,0,.1607843137);border-right:1px solid rgba(0,0,0,.1607843137)}:host ::ng-deep .mat-mdc-header-cell{font-family:Montserrat;font-weight:600;font-size:14px;color:#1b2133}.success-status{width:62px;height:22px;border-radius:4px;padding:4px 12px;font-family:Lato;font-weight:400;font-size:12px;background:#1d8923;text-align:center;color:#fff}.no-data span{font-family:Lato;font-size:8.98px;color:#000000de}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i11.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i6.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i6.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i6.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i6.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i6.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i6.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i6.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i6.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i6.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i7.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i7.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: PaginationComponent, selector: "sb-uic-pagination", inputs: ["defaultPaginationSize", "defaultPaginationSizeOptions", "totalItemsCount", "currentPage"], outputs: ["pageChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ListTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "sb-uic-list-table", standalone: false, template: "<div class=\"wrapper-user-table\" id=\"user-table-select\">\n    <div class=\"selections-meta\">\n        <div class=\"flex items-center justify-between p-2\">\n            <div class=\"flex items-center gap-2 selection-count\" *ngIf=\"tableConfig?.canShowSelectedItems || false\">\n                <span class=\"\">{{selectedTablerow?.length}}</span>\n                <span class=\"text-sm font-normal\">Items Selected</span>\n            </div>\n            <div class=\"flex items-center gap-2 actions-selections ml-auto\">\n                <button mat-button color=\"primary\" class=\"text-sm font-normal action-refresh-btn\" (click)=\"refreshSelected()\"\n                    *ngIf=\"tableConfig?.canShowRefreshBtn || false\">\n                    <mat-icon>refresh</mat-icon>\n                    Refresh\n                </button>\n\n                <button mat-button color=\"warn\" class=\"text-sm font-bold action-delete-btn\"\n                    (click)=\"removeUserFromSelected()\" *ngIf=\"tableConfig?.canShowDeleteBtn || false\">\n                    <mat-icon>delete</mat-icon>\n                    Delete\n                </button>\n            </div>\n        </div>\n    </div>\n\n    <table mat-table [dataSource]=\"dataSource\" matSort (matSortChange)=\"onSortChange($event)\">\n        <!-- Checkbox Column -->\n        <ng-container matColumnDef=\"select\">\n            <th mat-header-cell *matHeaderCellDef>\n                <ng-container *ngIf=\"tableConfig?.canShowMasterSelect\">\n                    <mat-checkbox (change)=\"$event ? masterToggle() : null\" [disabled]=\"isDisabled\"\n                        [checked]=\"selection.hasValue() && isAllSelected()\"\n                        [indeterminate]=\"selection.hasValue() && !isAllSelected()\">\n                    </mat-checkbox>\n                </ng-container>\n            </th>\n            <td mat-cell *matCellDef=\"let row\">\n                <mat-checkbox (click)=\"$event.stopPropagation()\" (change)=\"toggleSelection(row)\" [disabled]=\"isDisabled\"\n                    [checked]=\"selection.isSelected(row)\">\n                </mat-checkbox>\n            </td>\n        </ng-container>\n\n        <!-- first_name Column -->\n        <ng-container matColumnDef=\"firstName\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header> Full Name </th>\n            <td mat-cell *matCellDef=\"let element\"> {{element?.firstName}} </td>\n        </ng-container>\n\n        <!-- Email Column -->\n        <ng-container matColumnDef=\"email\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header> Email </th>\n            <td mat-cell *matCellDef=\"let element\"> {{element?.email}} </td>\n        </ng-container>\n\n        <!-- ministry Column -->\n        <ng-container matColumnDef=\"ministry\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header> Ministry </th>\n            <td mat-cell *matCellDef=\"let element\">\n                <span class=\"truncated-text \">\n                    {{element?.ministry}}\n                </span>\n            </td>\n        </ng-container>\n\n        <!-- mobile_no Column -->\n        <ng-container matColumnDef=\"mobile\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header> Mobile No </th>\n            <td mat-cell *matCellDef=\"let element\">\n                {{element?.mobile}}\n            </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"invited_on\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header> Invited On </th>\n            <td mat-cell *matCellDef=\"let element\">\n                {{element?.invited_on}}\n            </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"status\">\n            <th mat-header-cell *matHeaderCellDef mat-sort-header> Status </th>\n            <td mat-cell *matCellDef=\"let element\">\n                <!-- {{element?.status}} -->\n                <div class=\"success-status flex items-center justify-center\">Success</div>\n                <!-- <div class=\"rejected-status flex items-center justify-center\">Rejected</div> -->\n            </td>\n        </ng-container>\n\n        <tr mat-header-row *matHeaderRowDef=\"tableConfig?.displayedColumns\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: tableConfig?.displayedColumns;\" (click)=\"toggleSelection(row);\">\n        </tr>\n    </table>\n    <div *ngIf=\"!dataSource.data.length\" class=\"no-data-center\">\n        <div class=\"no-data p-4 flex flex-column items-center justify-center\">\n            <img src=\"/assets/icons/no-events.png\" alt=\"no-data\">\n            <span class=\"font-bold\">No information to display yet</span>\n        </div>\n    </div>\n    <ng-container *ngIf=\"count && tableConfig?.canShowPagination\">\n        <div class=\"pagination-users\">\n            <sb-uic-pagination [defaultPaginationSize]=\"initialPaginationSize\"\n                [defaultPaginationSizeOptions]=\"initialPaginationSizeOptions\" [totalItemsCount]=\"count\"\n                [currentPage]=\"currentPage\" (pageChange)=\"onPageChange($event)\">\n            </sb-uic-pagination>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"bulkUploadEntriesCount\">\n        <div class=\"text-xs text-[#666666] p-4 border-t border-black/15\">\n            {{bulkUploadEntriesCount?.success}}/{{bulkUploadEntriesCount?.totalCount}} entries uploaded successfully\n        </div>\n    </ng-container>\n\n\n</div>", styles: ["::ng-deep .mat-column-select{text-align:center}::ng-deep .mat-column-email{width:213px}.truncated-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4em;max-height:2.8em;width:213px}.wrapper-user-table{margin-top:16px;border:1px solid rgba(0,0,0,.1607843137);border-radius:4px}.selection-count span{font-family:Lato;font-weight:400}.selection-count span:first-child{background:#d1dbec;border:1px solid rgba(0,0,0,.1607843137);border-radius:50%;padding:4px;height:18px;width:18px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#0009}.selection-count span:nth-child(2){font-size:14px;color:#000000de}.actions-selections{height:22px}.actions-selections button{font-family:Lato;font-weight:400;font-size:14px;background:none;border:none;padding:8px 4px;min-width:unset}.actions-selections button.action-refresh-btn{color:#1b4ca1!important}.actions-selections button.action-refresh-btn mat-icon{color:#1b4ca1!important}.actions-selections button.action-delete-btn{color:#d13924}.actions-selections button.action-delete-btn mat-icon{color:#d13924}.actions-selections button ::ng-deep .mat-button-wrapper{display:flex;align-items:center;gap:4px;height:22px}:host ::ng-deep .mat-mdc-table .mat-mdc-header-cell,:host ::ng-deep .mat-mdc-table .mat-mdc-cell{border-top:1px solid rgba(0,0,0,.1607843137);border-right:1px solid rgba(0,0,0,.1607843137)}:host ::ng-deep .mat-mdc-header-cell{font-family:Montserrat;font-weight:600;font-size:14px;color:#1b2133}.success-status{width:62px;height:22px;border-radius:4px;padding:4px 12px;font-family:Lato;font-weight:400;font-size:12px;background:#1d8923;text-align:center;color:#fff}.no-data span{font-family:Lato;font-size:8.98px;color:#000000de}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.LiveAnnouncer }], propDecorators: { data: [{
+                type: Input
+            }], count: [{
+                type: Input
+            }], initialPaginationSize: [{
+                type: Input
+            }], initialPaginationSizeOptions: [{
+                type: Input
+            }], tableConfig: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], bulkUploadEntriesCount: [{
+                type: Input
+            }], currentPage: [{
+                type: Input
+            }], isDisabled: [{
+                type: Input
+            }], selectedDataChange: [{
+                type: Output
+            }], pageChange: [{
+                type: Output
+            }], removeSelectedData: [{
+                type: Output
+            }], sortChange: [{
+                type: Output
+            }], sort: [{
+                type: ViewChild,
+                args: [MatSort]
+            }] } });
+
+const MAX_FILE_SIZE = 100 * 1024 * 1024; // 100 MB
+class BulkUploadKarmayogiComponent {
+    constructor(accessControlService, snackBar) {
+        this.accessControlService = accessControlService;
+        this.snackBar = snackBar;
+        this.appliedUser = new EventEmitter();
+        this.isDisabled = false;
+        this.currrentFilterType = "success";
+        this.contacts = [];
+        this.properties = "";
+        this.flag = false;
+        this.fileUploading = false;
+        this.isSuccessUserlist = [];
+        this.isErrorUserlist = [];
+        this.fileName = "";
+        this.currentDate = new Date();
+        this.holdSelectedUsers = [];
+        this.finalSelectedUsers = [];
+        this.isCCA = false;
+        this.bulkUploadConfig = this.accessControlService.accessControlConfig().bulkUploadKarmayogi;
+        this.isCCA = this.accessControlService.accessControlConfig()?.userConfig?.org?.isCCA ?? false;
+    }
+    downloadSample() {
+        const sampleFilePath = this.bulkUploadConfig.downloadSampleFile;
+        if (sampleFilePath) {
+            const link = document.createElement("a");
+            link.href = sampleFilePath.path;
+            link.download = sampleFilePath.fileName || "sample.csv";
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+        }
+    }
+    onDrop(input) {
+        this.fileUploading = true;
+        const files = [input];
+        const fileTypes = ["csv"]; // acceptable file types
+        if (files && files.length) {
+            const extension = files[0].name.split(".").pop().toLowerCase(); // file extension from input file
+            const isSuccess = fileTypes.indexOf(extension) > -1; // is extension in acceptable types
+            if (files[0].size > MAX_FILE_SIZE) {
+                this.fileUploading = false;
+                this.snackBar.openFromComponent(SnackbarComponent, {
+                    data: {
+                        message: "The file has exceeded the 100 MB upload size limit.",
+                        type: "error"
+                    },
+                    duration: 3000,
+                    panelClass: "course-error-snackbar"
+                });
+                return;
+            }
+            if (isSuccess) {
+                this.fileName = files[0].name;
+                const fileToRead = files[0];
+                const fileReader = new FileReader();
+                fileReader.onload = (event) => {
+                    this.onFileLoad(event);
+                };
+                fileReader.readAsText(fileToRead, "UTF-8");
+            }
+            else {
+                this.fileUploading = false;
+                this.snackBar.openFromComponent(SnackbarComponent, {
+                    data: {
+                        message: "Unsupported File Format. Please upload a CSV file.",
+                        type: "error"
+                    },
+                    duration: 3000,
+                    panelClass: "course-error-snackbar"
+                });
+                return;
+            }
+        }
+        else {
+            this.fileUploading = false;
+            this.snackBar.openFromComponent(SnackbarComponent, {
+                data: {
+                    message: "Unsupported File Format. Please upload a CSV file.",
+                    type: "error"
+                },
+                duration: 3000,
+                panelClass: "course-error-snackbar"
+            });
+            return;
+        }
+    }
+    async onFileLoad(fileLoadedEvent) {
+        this.isSuccessUserlist = [];
+        this.isErrorUserlist = [];
+        const textFromFileLoaded = fileLoadedEvent.target.result;
+        this.csvContent = textFromFileLoaded;
+        // Flag is for extracting first line
+        let flag = false;
+        // Main Data
+        const objarray = [];
+        // Properties
+        const prop = [];
+        // Total Length
+        let size = 0;
+        for (const line of this.csvContent.split(/[\r\n]+/)) {
+            if (flag) {
+                const obj = {};
+                for (let k = 0; k < size; k += 1) {
+                    // Dynamic Object Properties
+                    obj[prop[k]] = line.split(",")[k];
+                }
+                objarray.push(obj);
+            }
+            else {
+                // First Line of CSV will be having Properties
+                for (let k = 0; k < line.split(",").length; k += 1) {
+                    size = line.split(",").length;
+                    // Removing all the spaces to make them usefull, also removing any " characters
+                    prop.push(line.split(",")[k].replace(/ /g, "").replace(/"/g, ""));
+                }
+                flag = true;
+            }
+        }
+        this.contacts = objarray;
+        if (this.contacts && this.contacts.length > 0) {
+            const headerValues = Object.keys(this.contacts[0]);
+            if (headerValues.length < 0 || headerValues.length > 2) {
+                // NOSONAR
+                this.fileUploading = false;
+                this.snackBar.openFromComponent(SnackbarComponent, {
+                    data: {
+                        message: "Field Mismatch. Please ensure your uploaded file matches the sample template provided.",
+                        type: "error"
+                    },
+                    duration: 3000,
+                    panelClass: "course-error-snackbar"
+                });
+                return;
+            }
+            if (!headerValues.includes("Emailid") || !headerValues.includes("Mobilenumber")) {
+                this.fileUploading = false;
+                this.snackBar.openFromComponent(SnackbarComponent, {
+                    data: {
+                        message: "Field Mismatch. Please ensure your uploaded file matches the sample template provided.",
+                        type: "error"
+                    },
+                    duration: 3000,
+                    panelClass: "course-error-snackbar"
+                });
+                return;
+            }
+        }
+        this.properties = [];
+        this.properties = prop;
+        // console.log(this.properties)
+        const emailIds = [];
+        const mobileNumbers = [];
+        const bothEmailAndMobile = {};
+        this.contacts = this.contacts.filter((ele) => ele.Emailid || ele.Mobilenumber);
+        if (this.contacts.length > 50000) {
+            this.snackBar.openFromComponent(SnackbarComponent, {
+                data: { message: "More than 50000 users are not allowed", type: "error" },
+                duration: 3000,
+                panelClass: "course-error-snackbar"
+            });
+            this.fileUploading = false;
+        }
+        else {
+            await this.contacts.forEach((element) => {
+                const emailPattern = new RegExp(`^[\\w\-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$`);
+                const mobilePattern = new RegExp(/^(6|7|8|9)\d{9}$/);
+                const emailTest = element.Emailid ? emailPattern.test(element.Emailid) : true;
+                const mobileTest = element.Mobilenumber ? mobilePattern.test(element.Mobilenumber) : true;
+                element["email"] = element.Emailid;
+                element["mobile"] = element.Mobilenumber;
+                if (mobileTest && element.Mobilenumber) {
+                    mobileNumbers.push(element.Mobilenumber);
+                }
+                if (emailTest && element.Emailid) {
+                    emailIds.push(element.Emailid.toLowerCase());
+                }
+                if (emailTest && mobileTest) {
+                    element["status"] = "Success";
+                    element["userStatus"] = true;
+                    bothEmailAndMobile[element.Emailid.toLowerCase()] = element;
+                }
+                else {
+                    if (emailTest || mobileTest) {
+                        element["status"] = "Success";
+                        element["userStatus"] = true;
+                        if ((!emailTest && element.Mobilenumber !== "") || (!emailTest && element.Mobilenumber === "")) {
+                            element["status"] = "Error";
+                            element["userStatus"] = false;
+                            element["message"] = emailPattern.test(element.Emailid) ? "" : "Invalid Email id";
+                        }
+                        if ((!mobileTest && element.Emailid !== "") || (!mobileTest && element.Emailid === "")) {
+                            element["status"] = "Error";
+                            element["userStatus"] = false;
+                            element["message"] = mobilePattern.test(element.Mobilenumber) ? "" : "Invalid Mobile number";
+                        }
+                    }
+                    else {
+                        if (!emailTest && !mobileTest) {
+                            element["status"] = "Error";
+                            element["userStatus"] = false;
+                            element["message"] = "Invalid Email id and Mobile number";
+                        }
+                        else {
+                            element["status"] = "Error";
+                            element["userStatus"] = false;
+                            element["message"] = emailPattern.test(element.Emailid) ? "" : "Invalid Email id";
+                            element["message"] = mobilePattern.test(element.Mobilenumber) ? "" : "Invalid Mobile number";
+                        }
+                    }
+                }
+            });
+            // Check for duplicate email IDs
+            const duplicateEmails = emailIds.filter((item, index) => emailIds.indexOf(item) !== index);
+            if (duplicateEmails.length > 0) {
+                this.fileUploading = false;
+                this.snackBar.openFromComponent(SnackbarComponent, {
+                    data: {
+                        message: "Duplicate email IDs found in the uploaded file. Please remove duplicates and try again.",
+                        type: "error"
+                    },
+                    duration: 3000,
+                    panelClass: "course-error-snackbar"
+                });
+                return;
+            }
+            // Check for duplicate mobile numbers
+            const duplicateMobiles = mobileNumbers.filter((item, index) => mobileNumbers.indexOf(item) !== index);
+            if (duplicateMobiles.length > 0) {
+                this.fileUploading = false;
+                this.snackBar.openFromComponent(SnackbarComponent, {
+                    data: {
+                        message: "Duplicate mobile numbers found in the uploaded file. Please remove duplicates and try again.",
+                        type: "error"
+                    },
+                    duration: 3000,
+                    panelClass: "course-error-snackbar"
+                });
+                return;
+            }
+            this.flag = true;
+            const emailResponseData = await this.callUserCheckApi(emailIds, "primaryEmail");
+            const mobileResponseData = await this.callUserCheckApi(mobileNumbers, "mobile");
+            if (emailResponseData && mobileResponseData) {
+                this.manageData(emailResponseData, mobileResponseData);
+            }
+            else {
+                this.fileUploading = false;
+                this.snackBar.openFromComponent(SnackbarComponent, {
+                    data: {
+                        message: "Something went wrong! Please try again",
+                        type: "error"
+                    },
+                    duration: 3000,
+                    panelClass: "course-error-snackbar"
+                });
+            }
+        }
+    }
+    async callUserCheckApi(userData, key) {
+        const request = {
+            request: {
+                filters: {},
+                fields: ["userId", "email", "firstName", "lastName", "phone", "rootOrgId", "channel", "roles", "profileDetails", "rootOrgName"]
+            }
+        };
+        if (key === "primaryEmail") {
+            request.request.filters = {
+                ...request.request.filters,
+                email: userData
+            };
+        }
+        else {
+            request.request.filters = {
+                ...request.request.filters,
+                phone: userData
+            };
+        }
+        if (this.accessControlService.accessControlConfig()?.application === NsAccessControlConfig.Application.MDO) {
+            if (!this.isCCA) {
+                request.request.filters.rootOrgId = this.accessControlService.accessControlConfig().userConfig.org?.rootOrgId ? [this.accessControlService.accessControlConfig().userConfig.org?.rootOrgId] : [];
+            }
+        }
+        return this.accessControlService
+            .validateUser(request)
+            .toPromise()
+            .then(async (res) => {
+            if (res.result.response) {
+                return await res.result.response;
+            }
+        })
+            .catch((_err) => { })
+            .finally(() => Promise.resolve());
+    }
+    manageData(userEmailData, userMobileData) {
+        this.isSuccessUserlist = [];
+        this.isErrorUserlist = [];
+        const userEmailMap = {};
+        const userEmailMapUserId = {};
+        const userMobileMap = {};
+        if (userEmailData.count) {
+            userEmailData.content.forEach(async (e) => {
+                if (e.profileDetails) {
+                    userEmailMap[e.profileDetails.personalDetails.primaryEmail.toLowerCase()] = e;
+                    userEmailMapUserId[e.userId] = e;
+                }
+            });
+        }
+        if (userMobileData.count) {
+            userMobileData.content.forEach(async (e) => {
+                if (e.profileDetails) {
+                    userMobileMap[e.profileDetails.personalDetails.mobile] = e;
+                }
+            });
+        }
+        this.contacts.forEach(async (e) => {
+            if (e.userStatus) {
+                if (e.email && e.mobile) {
+                    const userData = userEmailMap[e.email.toLowerCase()];
+                    if (userData && userData.profileDetails.personalDetails && userData.profileDetails.personalDetails.mobile) {
+                        if (String(userData.profileDetails.personalDetails.mobile) === String(e.mobile)) {
+                            e["userId"] = userData.userId;
+                            e["ministry"] = userData.rootOrgName;
+                            e["fullName"] = userData.firstName || userData.firstname;
+                            e["mobile"] = userData?.phone;
+                            e["email"] = userData?.email;
+                        }
+                        else {
+                            e["status"] = "Error";
+                            e["userStatus"] = false;
+                            e["message"] = "Given credentials are not matching";
+                        }
+                    }
+                    else {
+                        e["status"] = "Error";
+                        e["userStatus"] = false;
+                        e["message"] = "Given credentials are not matching";
+                    }
+                }
+                else if (e.email && userEmailMap[e.email.toLowerCase()]) {
+                    const userData = userEmailMap[e.email.toLowerCase()];
+                    e["mobile"] = userData?.phone;
+                    e["userId"] = userData.userId;
+                    e["ministry"] = userData.rootOrgName;
+                    e["fullName"] = userData.firstName || userData.firstname;
+                }
+                else if (e.mobile && userMobileMap[e.mobile]) {
+                    const userData = userMobileMap[e.mobile];
+                    e["email"] = userData?.email;
+                    e["userId"] = userData.userId;
+                    e["ministry"] = userData.rootOrgName;
+                    e["fullName"] = userData.firstName || userData.firstname;
+                }
+                else {
+                    e["status"] = "Error";
+                    e["userStatus"] = false;
+                    e["message"] = "Given credentials are not matching";
+                }
+            }
+        });
+        this.fileUploading = false;
+        this.isSuccessUserlist = this.contacts.filter((ele) => ele.userStatus);
+        this.isErrorUserlist = this.contacts.filter((ele) => !ele.userStatus);
+        // this.successUserData.emit(this.isSuccessUserlist);
+        this.currrentFilterType = this.isSuccessUserlist.length ? "success" : "error";
+        if (this.currrentFilterType === "success") {
+            // this.displayedColumns = [
+            //   "fullName",
+            //   "email",
+            //   "ministry",
+            //   "status",
+            //   "mobile",
+            // ];
+            // this.dataSource = new MatTableDataSource<IUserElement>(
+            //   this.isSuccessUserlist
+            // );
+            this.holdSelectedUsers = this.isSuccessUserlist;
+            this.appliedUser.emit(this.holdSelectedUsers);
+            // document.getElementById("user-table-select")?.scrollIntoView({ behavior: "smooth" });
+        }
+        else if (this.currrentFilterType === "error") {
+            // this.displayedColumns = ["email", "status", "mobile", "message"];
+            // this.dataSource = new MatTableDataSource<IUserElement>(
+            //   this.isErrorUserlist
+            // );
+        }
+    }
+    onFilterChange(type) {
+        this.currrentFilterType = type;
+    }
+    downloadErrorFile() {
+        this.accessControlService.downloadFile(this.isErrorUserlist, "userErrordata");
+    }
+    onSelectingUser(event) {
+        this.holdSelectedUsers = [...event.selectedRows];
+        this.appliedUser.emit(this.holdSelectedUsers);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BulkUploadKarmayogiComponent, deps: [{ token: AccessControlService }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: BulkUploadKarmayogiComponent, isStandalone: false, selector: "sb-uic-bulk-upload-karmayogi", inputs: { isDisabled: "isDisabled" }, outputs: { appliedUser: "appliedUser" }, ngImport: i0, template: "<div class=\"bulk-upload-wrapper\">\n  <div class=\"flex gap-4 py-4 px-5 wrapper-border\">\n    <div class=\"instructions-download py-4 px-5 border-dotted flex-1\">\n      <div class=\"mb-6 text-style\">Open & follow these instruction</div>\n      <div class=\"instructions-list\">\n        <ul class=\"numbered-list\">\n          <ng-container *ngFor=\"let item of bulkUploadConfig?.uploadInstructions\">\n            <li>{{ item }}</li>\n          </ng-container>\n        </ul>\n      </div>\n      <div class=\"download-sample mt-6\">\n        <button mat-flat-button (click)=\"downloadSample()\" class=\"rounded-full px-4 py-2 font-bold text-sm mat-btn-outline cursor-pointer\">\n          Download Sample File\n        </button>\n      </div>\n    </div>\n\n    <div class=\"bulk-upload-select py-4 px-5 border-dotted flex-1\">\n      <div class=\"right_upload_inner flex flex-col items-center justify-center\" wsAuthDragDrop (fileDropped)=\"onDrop($event)\">\n        <div class=\"flex flex-row items-center justify-center margin-bottom-s\">\n          <mat-icon class=\"svg-ico\" svgIcon=\"excel-sheet\"></mat-icon>\n        </div>\n        <div class=\"items-center justify-center flex flex-col\">\n          <a class=\"new-color cursor-pointer text-sm font-bold mb-1 mt-7\" (click)=\"fileInput.click()\">Browse files</a>\n          <p class=\"mt-2 text-sm\">Or</p>\n          <p class=\"mt-2 ws-mat-black60-text text-base\">Drag file to upload</p>\n          <p class=\"text-xs ws-mat-black87-text margin-remove\">Max size: 100 MB</p>\n          <p class=\"text-xs ws-mat-black60-text margin-remove\">Supported file types: CSV</p>\n        </div>\n        <input type=\"file\" #fileInput class=\"inputfile\" accept=\".csv\" (change)=\"onDrop($event.target.files[0]); fileInput.value = null\" />\n        <div *ngIf=\"file\" class=\"flex flex-middle justify-center flex-column position-relative pt-5 px-5\">\n          <mat-icon class=\"ws-mat-primary-text\" svgIcon=\"excel-sheet\"> </mat-icon>\n          <p class=\"margin-left-xs mat-h3 font-weight-500 margin-remove-bottom break\">\n            <ng-container *ngIf=\"file; else elseBlock\">\n              <span class=\"flex-wrap\"> {{ file?.name }}</span>\n            </ng-container>\n            <ng-template #elseBlock>\n              <span i18n>No file uploaded</span>\n            </ng-template>\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <ng-container *ngIf=\"fileName\">\n    <div class=\"filter-by-select my-4\">\n      <div class=\"flex gap-4 items-center\">\n        <div class=\"text-title\">Filter By</div>\n        <div class=\"flex gap-2\">\n          <button\n            mat-flat-button\n            (click)=\"onFilterChange('success')\"\n            [ngClass]=\"currrentFilterType === 'success' ? 'new-bg-color text-white mat-btn-flat' : 'mat-btn-outline'\"\n            class=\"rounded-full px-4 py-2 font-bold text-sm cursor-pointer\">\n            Success\n          </button>\n          <button\n            (click)=\"onFilterChange('error')\"\n            mat-flat-button\n            [ngClass]=\"currrentFilterType === 'error' ? 'new-bg-color text-white mat-btn-flat' : 'mat-btn-outline'\"\n            class=\"rounded-full px-4 py-2 font-bold text-sm cursor-pointer\">\n            Error\n          </button>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"list-table-bulk-upload\">\n      <ng-container *ngIf=\"currrentFilterType === 'success'\">\n        <div class=\"flex items-center gap-2 selection-count mb-4 p-2\">\n          <span class=\"\">{{ holdSelectedUsers?.length }}</span>\n          <span class=\"text-sm font-normal\">Items Selected</span>\n        </div>\n        <sb-uic-list-table\n          [data]=\"isSuccessUserlist\"\n          [count]=\"1\"\n          [initialPaginationSize]=\"bulkUploadConfig['bulkUploadTable']?.initialPaginationSize\"\n          [tableConfig]=\"bulkUploadConfig['bulkUploadTable']\"\n          (selectedDataChange)=\"onSelectingUser($event)\"\n          [selected]=\"holdSelectedUsers\"\n          [isDisabled]=\"isDisabled\"\n          [bulkUploadEntriesCount]=\"{ totalCount: isSuccessUserlist?.length + isErrorUserlist?.length, success: isSuccessUserlist?.length }\">\n        </sb-uic-list-table>\n\n        <!-- <ng-container *ngIf=\"isSuccessUserlist?.length && holdSelectedUsers?.length\">\n          <div class=\"w-full mt-4\">\n            <button\n              mat-flat-button\n              (click)=\"applySelections()\"\n              class=\"flex items-center justify-center rounded-full new-bg-color font-bold text-sm text-white mt-2 w-full\">\n              Apply\n            </button>\n          </div>\n        </ng-container> -->\n      </ng-container>\n\n      <ng-container *ngIf=\"currrentFilterType === 'error'\">\n        <div class=\"wrapper-border rounded-sm p-4\">\n          <div class=\"log-history-text\">Log History</div>\n        </div>\n        <div class=\"information-list py-4 px-6\">\n          <!-- <ng-container *ngFor=\"let item of isErrorUserlist\"> -->\n          <ng-container *ngIf=\"isErrorUserlist?.length > 0; else noErrorList\">\n            <div class=\"rounded-lg wrapper-border py-5 px-4 mb-4\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"error-log-title flex gap-2 items-center\">\n                  <span class=\"text-title text-dark\">File Information</span>\n                  <img src=\"/assets/icons/icon-wrapper.svg\" alt=\"tooltip-icon\" />\n                </div>\n                <button mat-flat-button (click)=\"downloadErrorFile()\" class=\"rounded-full px-4 py-2 font-bold text-sm mat-btn-outline cursor-pointer\">\n                  <mat-icon class=\"new-color\">file_download</mat-icon>\n                  Download error log\n                </button>\n              </div>\n              <div class=\"my-4 meta-info\">\n                <div class=\"flex gap-2 items-center\">\n                  <span class=\"text-title text-dark\">{{ fileName }}</span>\n                  <img src=\"/assets/icons/error-icon.svg\" alt=\"error-icon\" />\n                </div>\n                <div class=\"text-style text-dark\">There's an error occurred while uploading this file.</div>\n              </div>\n              <div class=\"flex gap-x-6 gap-y-4 falied-records-info\">\n                <div class=\"flex flex-column gap-4 flex-grow-1\">\n                  <div>\n                    <p class=\"text-sm text-gray-500\">Name</p>\n                    <p class=\"font-medium break-all text-dark\">\n                      {{ fileName }}\n                    </p>\n                  </div>\n                  <div>\n                    <p class=\"text-sm text-gray-500\">Total Records</p>\n                    <p class=\"font-medium text-dark\">{{ isSuccessUserlist?.length + isErrorUserlist?.length }}</p>\n                  </div>\n                  <div>\n                    <p class=\"text-sm text-gray-500 mt-2\">Failed Records</p>\n                    <p class=\"font-medium text-dark\">{{ isErrorUserlist?.length }}</p>\n                  </div>\n                </div>\n                <div class=\"flex flex-column gap-4 flex-grow-1\">\n                  <div>\n                    <p class=\"text-sm text-gray-500\">Status</p>\n                    <p class=\"text-red-600 font-normal\">FAILED</p>\n                  </div>\n                  <div>\n                    <p class=\"text-sm text-gray-500\">Created On</p>\n                    <p class=\"font-medium text-dark\">{{ currentDate | date : \"medium\" }}</p>\n                  </div>\n                  <div>\n                    <p class=\"text-sm text-gray-500 mt-2\">Updated On</p>\n                    <p class=\"font-medium text-dark\">{{ currentDate | date : \"medium\" }}</p>\n                  </div>\n                </div>\n                <div class=\"flex flex-column gap-4 flex-grow-1\">\n                  <div>\n                    <p class=\"text-sm text-gray-500\">Success Records</p>\n                    <p class=\"font-medium text-dark\">{{ isSuccessUserlist?.length }}</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </ng-container>\n\n          <ng-template #noErrorList>\n            <div class=\"wrapper-border rounded-lg py-5 px-4 mb-4\">\n              <div class=\"no-data p-4 flex flex-column items-center justify-center\">\n                <img src=\"/assets/icons/no-events.png\" alt=\"no-data\" />\n                <span class=\"font-bold\">No information to display yet</span>\n              </div>\n            </div>\n          </ng-template>\n        </div>\n      </ng-container>\n    </div>\n  </ng-container>\n</div>\n", styles: [".wrapper-border{border:1px solid rgba(0,0,0,.0784313725)}.numbered-list{list-style:none;counter-reset:list-counter;padding-left:0}.numbered-list li{counter-increment:list-counter;margin-bottom:16px}.numbered-list li:before{content:counter(list-counter) \". \"}.text-style,.numbered-list li{color:#000000de;font-family:Lato;font-weight:400;font-size:14px}.border-dotted{border:1px dashed rgba(0,0,0,.1607843137)}.svg-ico{width:75px;height:75px}.inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.inputfile+label{font-size:1.25em;color:#fff;display:inline-block;cursor:pointer}.browse_link{color:#1b4ca1;padding:6px 15px;text-align:center;border-radius:4px}.or-text{margin-bottom:0!important}.ws-mat-black87-text{color:#000000de}.text-title,.log-history-text{font-family:Montserrat;font-weight:600;font-size:16px;text-align:center;color:#1b4ca1}.selection-count{border:1px solid rgba(0,0,0,.0784313725);background:#d1dbec}.selection-count span{font-family:Lato;font-weight:400}.selection-count span:first-child{background:#d1dbec;border:1px solid rgba(0,0,0,.1607843137);border-radius:50%;padding:4px;height:18px;width:18px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#0009}.selection-count span:nth-child(2){font-size:14px;color:#000000de}.log-history-text{font-size:14px;color:#1b2133;text-align:start}.information-list{border:1px solid rgba(0,0,0,.0784313725)}.meta-info{background:#d1392429;border:1px solid rgba(0,0,0,.0784313725);border-radius:12px;padding:18px 16px}.falied-records-info p{margin-bottom:8px!important}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i11.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: ListTableComponent, selector: "sb-uic-list-table", inputs: ["data", "count", "initialPaginationSize", "initialPaginationSizeOptions", "tableConfig", "selected", "bulkUploadEntriesCount", "currentPage", "isDisabled"], outputs: ["selectedDataChange", "pageChange", "removeSelectedData", "sortChange"] }, { kind: "directive", type: DragDropDirective, selector: "[wsAuthDragDrop]", outputs: ["fileDropped"] }, { kind: "pipe", type: i4.DatePipe, name: "date" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BulkUploadKarmayogiComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "sb-uic-bulk-upload-karmayogi", standalone: false, template: "<div class=\"bulk-upload-wrapper\">\n  <div class=\"flex gap-4 py-4 px-5 wrapper-border\">\n    <div class=\"instructions-download py-4 px-5 border-dotted flex-1\">\n      <div class=\"mb-6 text-style\">Open & follow these instruction</div>\n      <div class=\"instructions-list\">\n        <ul class=\"numbered-list\">\n          <ng-container *ngFor=\"let item of bulkUploadConfig?.uploadInstructions\">\n            <li>{{ item }}</li>\n          </ng-container>\n        </ul>\n      </div>\n      <div class=\"download-sample mt-6\">\n        <button mat-flat-button (click)=\"downloadSample()\" class=\"rounded-full px-4 py-2 font-bold text-sm mat-btn-outline cursor-pointer\">\n          Download Sample File\n        </button>\n      </div>\n    </div>\n\n    <div class=\"bulk-upload-select py-4 px-5 border-dotted flex-1\">\n      <div class=\"right_upload_inner flex flex-col items-center justify-center\" wsAuthDragDrop (fileDropped)=\"onDrop($event)\">\n        <div class=\"flex flex-row items-center justify-center margin-bottom-s\">\n          <mat-icon class=\"svg-ico\" svgIcon=\"excel-sheet\"></mat-icon>\n        </div>\n        <div class=\"items-center justify-center flex flex-col\">\n          <a class=\"new-color cursor-pointer text-sm font-bold mb-1 mt-7\" (click)=\"fileInput.click()\">Browse files</a>\n          <p class=\"mt-2 text-sm\">Or</p>\n          <p class=\"mt-2 ws-mat-black60-text text-base\">Drag file to upload</p>\n          <p class=\"text-xs ws-mat-black87-text margin-remove\">Max size: 100 MB</p>\n          <p class=\"text-xs ws-mat-black60-text margin-remove\">Supported file types: CSV</p>\n        </div>\n        <input type=\"file\" #fileInput class=\"inputfile\" accept=\".csv\" (change)=\"onDrop($event.target.files[0]); fileInput.value = null\" />\n        <div *ngIf=\"file\" class=\"flex flex-middle justify-center flex-column position-relative pt-5 px-5\">\n          <mat-icon class=\"ws-mat-primary-text\" svgIcon=\"excel-sheet\"> </mat-icon>\n          <p class=\"margin-left-xs mat-h3 font-weight-500 margin-remove-bottom break\">\n            <ng-container *ngIf=\"file; else elseBlock\">\n              <span class=\"flex-wrap\"> {{ file?.name }}</span>\n            </ng-container>\n            <ng-template #elseBlock>\n              <span i18n>No file uploaded</span>\n            </ng-template>\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <ng-container *ngIf=\"fileName\">\n    <div class=\"filter-by-select my-4\">\n      <div class=\"flex gap-4 items-center\">\n        <div class=\"text-title\">Filter By</div>\n        <div class=\"flex gap-2\">\n          <button\n            mat-flat-button\n            (click)=\"onFilterChange('success')\"\n            [ngClass]=\"currrentFilterType === 'success' ? 'new-bg-color text-white mat-btn-flat' : 'mat-btn-outline'\"\n            class=\"rounded-full px-4 py-2 font-bold text-sm cursor-pointer\">\n            Success\n          </button>\n          <button\n            (click)=\"onFilterChange('error')\"\n            mat-flat-button\n            [ngClass]=\"currrentFilterType === 'error' ? 'new-bg-color text-white mat-btn-flat' : 'mat-btn-outline'\"\n            class=\"rounded-full px-4 py-2 font-bold text-sm cursor-pointer\">\n            Error\n          </button>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"list-table-bulk-upload\">\n      <ng-container *ngIf=\"currrentFilterType === 'success'\">\n        <div class=\"flex items-center gap-2 selection-count mb-4 p-2\">\n          <span class=\"\">{{ holdSelectedUsers?.length }}</span>\n          <span class=\"text-sm font-normal\">Items Selected</span>\n        </div>\n        <sb-uic-list-table\n          [data]=\"isSuccessUserlist\"\n          [count]=\"1\"\n          [initialPaginationSize]=\"bulkUploadConfig['bulkUploadTable']?.initialPaginationSize\"\n          [tableConfig]=\"bulkUploadConfig['bulkUploadTable']\"\n          (selectedDataChange)=\"onSelectingUser($event)\"\n          [selected]=\"holdSelectedUsers\"\n          [isDisabled]=\"isDisabled\"\n          [bulkUploadEntriesCount]=\"{ totalCount: isSuccessUserlist?.length + isErrorUserlist?.length, success: isSuccessUserlist?.length }\">\n        </sb-uic-list-table>\n\n        <!-- <ng-container *ngIf=\"isSuccessUserlist?.length && holdSelectedUsers?.length\">\n          <div class=\"w-full mt-4\">\n            <button\n              mat-flat-button\n              (click)=\"applySelections()\"\n              class=\"flex items-center justify-center rounded-full new-bg-color font-bold text-sm text-white mt-2 w-full\">\n              Apply\n            </button>\n          </div>\n        </ng-container> -->\n      </ng-container>\n\n      <ng-container *ngIf=\"currrentFilterType === 'error'\">\n        <div class=\"wrapper-border rounded-sm p-4\">\n          <div class=\"log-history-text\">Log History</div>\n        </div>\n        <div class=\"information-list py-4 px-6\">\n          <!-- <ng-container *ngFor=\"let item of isErrorUserlist\"> -->\n          <ng-container *ngIf=\"isErrorUserlist?.length > 0; else noErrorList\">\n            <div class=\"rounded-lg wrapper-border py-5 px-4 mb-4\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"error-log-title flex gap-2 items-center\">\n                  <span class=\"text-title text-dark\">File Information</span>\n                  <img src=\"/assets/icons/icon-wrapper.svg\" alt=\"tooltip-icon\" />\n                </div>\n                <button mat-flat-button (click)=\"downloadErrorFile()\" class=\"rounded-full px-4 py-2 font-bold text-sm mat-btn-outline cursor-pointer\">\n                  <mat-icon class=\"new-color\">file_download</mat-icon>\n                  Download error log\n                </button>\n              </div>\n              <div class=\"my-4 meta-info\">\n                <div class=\"flex gap-2 items-center\">\n                  <span class=\"text-title text-dark\">{{ fileName }}</span>\n                  <img src=\"/assets/icons/error-icon.svg\" alt=\"error-icon\" />\n                </div>\n                <div class=\"text-style text-dark\">There's an error occurred while uploading this file.</div>\n              </div>\n              <div class=\"flex gap-x-6 gap-y-4 falied-records-info\">\n                <div class=\"flex flex-column gap-4 flex-grow-1\">\n                  <div>\n                    <p class=\"text-sm text-gray-500\">Name</p>\n                    <p class=\"font-medium break-all text-dark\">\n                      {{ fileName }}\n                    </p>\n                  </div>\n                  <div>\n                    <p class=\"text-sm text-gray-500\">Total Records</p>\n                    <p class=\"font-medium text-dark\">{{ isSuccessUserlist?.length + isErrorUserlist?.length }}</p>\n                  </div>\n                  <div>\n                    <p class=\"text-sm text-gray-500 mt-2\">Failed Records</p>\n                    <p class=\"font-medium text-dark\">{{ isErrorUserlist?.length }}</p>\n                  </div>\n                </div>\n                <div class=\"flex flex-column gap-4 flex-grow-1\">\n                  <div>\n                    <p class=\"text-sm text-gray-500\">Status</p>\n                    <p class=\"text-red-600 font-normal\">FAILED</p>\n                  </div>\n                  <div>\n                    <p class=\"text-sm text-gray-500\">Created On</p>\n                    <p class=\"font-medium text-dark\">{{ currentDate | date : \"medium\" }}</p>\n                  </div>\n                  <div>\n                    <p class=\"text-sm text-gray-500 mt-2\">Updated On</p>\n                    <p class=\"font-medium text-dark\">{{ currentDate | date : \"medium\" }}</p>\n                  </div>\n                </div>\n                <div class=\"flex flex-column gap-4 flex-grow-1\">\n                  <div>\n                    <p class=\"text-sm text-gray-500\">Success Records</p>\n                    <p class=\"font-medium text-dark\">{{ isSuccessUserlist?.length }}</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </ng-container>\n\n          <ng-template #noErrorList>\n            <div class=\"wrapper-border rounded-lg py-5 px-4 mb-4\">\n              <div class=\"no-data p-4 flex flex-column items-center justify-center\">\n                <img src=\"/assets/icons/no-events.png\" alt=\"no-data\" />\n                <span class=\"font-bold\">No information to display yet</span>\n              </div>\n            </div>\n          </ng-template>\n        </div>\n      </ng-container>\n    </div>\n  </ng-container>\n</div>\n", styles: [".wrapper-border{border:1px solid rgba(0,0,0,.0784313725)}.numbered-list{list-style:none;counter-reset:list-counter;padding-left:0}.numbered-list li{counter-increment:list-counter;margin-bottom:16px}.numbered-list li:before{content:counter(list-counter) \". \"}.text-style,.numbered-list li{color:#000000de;font-family:Lato;font-weight:400;font-size:14px}.border-dotted{border:1px dashed rgba(0,0,0,.1607843137)}.svg-ico{width:75px;height:75px}.inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.inputfile+label{font-size:1.25em;color:#fff;display:inline-block;cursor:pointer}.browse_link{color:#1b4ca1;padding:6px 15px;text-align:center;border-radius:4px}.or-text{margin-bottom:0!important}.ws-mat-black87-text{color:#000000de}.text-title,.log-history-text{font-family:Montserrat;font-weight:600;font-size:16px;text-align:center;color:#1b4ca1}.selection-count{border:1px solid rgba(0,0,0,.0784313725);background:#d1dbec}.selection-count span{font-family:Lato;font-weight:400}.selection-count span:first-child{background:#d1dbec;border:1px solid rgba(0,0,0,.1607843137);border-radius:50%;padding:4px;height:18px;width:18px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#0009}.selection-count span:nth-child(2){font-size:14px;color:#000000de}.log-history-text{font-size:14px;color:#1b2133;text-align:start}.information-list{border:1px solid rgba(0,0,0,.0784313725)}.meta-info{background:#d1392429;border:1px solid rgba(0,0,0,.0784313725);border-radius:12px;padding:18px 16px}.falied-records-info p{margin-bottom:8px!important}\n"] }]
+        }], ctorParameters: () => [{ type: AccessControlService }, { type: i1.MatSnackBar }], propDecorators: { appliedUser: [{
+                type: Output
+            }], isDisabled: [{
+                type: Input
+            }] } });
+
+class InviteUsersComponent {
+    constructor(dialogRef, accessControlService, snackbar) {
+        this.dialogRef = dialogRef;
+        this.accessControlService = accessControlService;
+        this.snackbar = snackbar;
+        this.data = inject(MAT_DIALOG_DATA);
+        this.destroy$ = new Subject();
+        this.searchControl = new FormControl("");
+        this.filterValue = "add_karmayogis";
+        this.usersList = [];
+        this.totalUsers = 0;
+        this.holdSelectedUsers = [];
+        this.finalSelectedUsers = [];
+        this.usersFinalList = [];
+        this.bulkUploadUserList = [];
+        this.usersLoading = false;
+        this.activeTab = 0;
+        this.sortState = {};
+        this.pagination = {
+            limit: 5,
+            offset: 0,
+        };
+        this.filters = {};
+        this.currentPage = 1;
+        this.isCCA = false;
+    }
+    ngOnInit() {
+        this.usersTableConfig = this.accessControlService.accessControlConfig().usersTableConfig;
+        this.isCCA = this.accessControlService.accessControlConfig()?.userConfig?.org?.isCCA ?? false;
+        if (this.data && this.data.selected && this.data.selected.length) {
+            if (!this.isArrayOfObjects(this.data?.selected)) {
+                this.getUsersList("", this.data?.selected?.length, this.pagination.offset, this.data?.selected);
+            }
+            else {
+                this.usersFinalList = [...this.data.selected];
+                this.holdSelectedUsers = [...this.usersFinalList];
+                this.finalSelectedUsers = [...this.usersFinalList];
+                this.activeTab = 1;
+            }
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    onClose() {
+        this.dialogRef.close();
+    }
+    search() {
+        let reducedData = {};
+        this.resetPagination();
+        this.sortState = {};
+        const pickEntity = [
+            NsAccessControlConfig.SelectionType.Organizations,
+            NsAccessControlConfig.SelectionType.VerificationStatus,
+            NsAccessControlConfig.SelectionType.Designation,
+            NsAccessControlConfig.SelectionType.Group,
+            NsAccessControlConfig.SelectionType.Cadre,
+            NsAccessControlConfig.SelectionType.Service,
+            NsAccessControlConfig.SelectionType.Batch,
+        ];
+        if (this.accessControlService.accessControlConfig()?.application === NsAccessControlConfig.Application.MDO) {
+            if (!this.isCCA) {
+                reducedData.rootOrgId = this.accessControlService.accessControlConfig().userConfig.org?.rootOrgId ? [this.accessControlService.accessControlConfig().userConfig.org?.rootOrgId] : [];
+            }
+        }
+        if (this.data?.rule?.conditions.length) {
+            reducedData = this.data?.rule?.conditions.reduce((acc, curr) => {
+                if (pickEntity.includes(curr.entity)) {
+                    acc[curr.entity] = curr.selections;
+                }
+                return acc;
+            }, { ...reducedData });
+        }
+        if (Object.keys(reducedData)?.length) {
+            this.filters = {
+                rootOrgId: reducedData?.rootOrgId,
+                "profileDetails.profileStatus": reducedData.profilestatus,
+                "profileDetails.professionalDetails.designation": reducedData.designation,
+                "profileDetails.professionalDetails.group": reducedData.group,
+                "profileDetails.cadreDetails.cadreName": reducedData.Cadre,
+                "profileDetails.cadreDetails.civilServiceName": reducedData.service,
+                "profileDetails.cadreDetails.cadreBatch": reducedData.batch,
+                status: 1,
+            };
+        }
+        this.getUsersList(this.searchControl.value, this.pagination.limit, this.pagination.offset, [], this.filters, this.sortState);
+    }
+    onFilterChange(event) {
+        if (event?.value === "bulk_upload_karmayogis")
+            this.bulkUploadUserList = [];
+        this.filterValue = event.value;
+    }
+    getUsersList(query, limit, offset, userIds, filters, sorting) {
+        this.usersLoading = true;
+        this.accessControlService
+            .fetchUserList(query, { limit: limit, offset: offset }, userIds, filters, sorting)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response?.result && response?.result?.response?.content) {
+                    this.usersList = response?.result?.response?.content;
+                    this.totalUsers = response?.result?.response?.count;
+                    if (userIds?.length) {
+                        this.finalSelectedUsers = response.result.response.content;
+                        this.holdSelectedUsers = this.finalSelectedUsers;
+                        this.activeTab = 1;
+                    }
+                    if (this.holdSelectedUsers?.length) {
+                        this.usersFinalList = [...this.holdSelectedUsers];
+                    }
+                }
+                else {
+                    this.usersList = [];
+                    this.totalUsers = 0;
+                }
+                this.usersLoading = false;
+            },
+            complete: () => {
+                this.usersLoading = false;
+            },
+        });
+    }
+    onSelectingUser(event) {
+        this.holdSelectedUsers = [...event.selectedRows];
+    }
+    selectUsers() {
+        this.finalSelectedUsers = this.holdSelectedUsers;
+        this.usersFinalList = [...this.finalSelectedUsers];
+        this.snackbar.openFromComponent(SnackbarComponent, {
+            data: { message: `Users added to Selected tab`, type: "success" },
+            duration: 3000,
+            panelClass: "course-success-snackbar",
+        });
+        this.activeTab = 1;
+    }
+    onPageChange(event) {
+        this.currentPage = event.currentPage;
+        this.pagination.limit = event.limit;
+        this.pagination.offset = (event.currentPage - 1) * this.pagination.limit;
+        this.getUsersList(this.searchControl.value, this.pagination.limit, this.pagination.offset, [], this.filters, this.sortState);
+    }
+    removedUserData(event) {
+        this.finalSelectedUsers = [...event.remainingList];
+        this.holdSelectedUsers = this.finalSelectedUsers;
+    }
+    onSelectingUserToApply(event) {
+        this.usersFinalList = [...event.selectedRows];
+        this.holdSelectedUsers = [...event.selectedRows];
+    }
+    applySelections() {
+        this.dialogRef.close({ rule: this.data.rule, condition: this.data.condition, selected: this.usersFinalList });
+    }
+    isArrayOfObjects(arr) {
+        return Array.isArray(arr) && arr.every((item) => typeof item === "object" && item !== null && !Array.isArray(item));
+    }
+    onSortChange(sortState) {
+        this.sortState = sortState;
+        this.getUsersList(this.searchControl.value, this.pagination.limit, this.pagination.offset, [], this.filters, sortState);
+    }
+    resetPagination() {
+        this.currentPage = 1;
+        this.pagination.limit = 5;
+        this.pagination.offset = 0;
+    }
+    onApplyingUserBulkUpload(event) {
+        this.bulkUploadUserList = event;
+    }
+    applySelectionsBulk() {
+        this.dialogRef.close({ rule: this.data.rule, condition: this.data.condition, selected: this.bulkUploadUserList });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InviteUsersComponent, deps: [{ token: i1$3.MatDialogRef }, { token: AccessControlService }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: InviteUsersComponent, isStandalone: false, selector: "sb-uic-invite-users", ngImport: i0, template: "<div class=\"flex justify-between dialog-heading items-center\">\n  <h2 mat-dialog-title class=\"mb-0\">Users</h2>\n  <button mat-icon-button class=\"close-button\" (click)=\"onClose()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n\n<div mat-dialog-content class=\"user-dialog-body\">\n  <div class=\"\">\n    <!-- Filter Options -->\n    <div class=\"filter-options\">\n      <mat-radio-group [(ngModel)]=\"filterValue\" aria-label=\"Filter options\" (change)=\"onFilterChange($event)\">\n        <mat-radio-button class=\"text-dark\" value=\"add_karmayogis\">Add Karmayogis</mat-radio-button>\n        <mat-radio-button class=\"text-dark\" value=\"bulk_upload_karmayogis\">Bulk Upload Karmayogis</mat-radio-button>\n      </mat-radio-group>\n    </div>\n  </div>\n\n  <ng-container *ngIf=\"filterValue === 'add_karmayogis'\">\n    <!-- Search Box -->\n    <div class=\"search-container flex items-center gap-4 mb-4\">\n      <div class=\"mat-full-radius flex-grow\">\n        <mat-form-field appearance=\"outline\" class=\"w-full\">\n          <mat-icon matPrefix>search</mat-icon>\n          <input matInput placeholder=\"Search by Name, Email and Phone Number\" [formControl]=\"searchControl\" (keyup.enter)=\"search()\" />\n        </mat-form-field>\n      </div>\n      <button mat-flat-button class=\"flex items-center rounded-full new-bg-color font-bold text-sm text-white search-button\" (click)=\"search()\">\n        Search\n      </button>\n    </div>\n\n    <div class=\"contents-wrapper\">\n      <ng-container>\n        <mat-tab-group mat-stretch-tabs=\"false\" mat-align-tabs=\"start\" [(selectedIndex)]=\"activeTab\" dynamicHeight>\n          <mat-tab label=\"All Learners\" class=\"mb-3\">\n            <ng-container *ngIf=\"usersLoading\">\n              <div class=\"spinner-loader flex items-center justify-center\">\n                <mat-spinner></mat-spinner>\n              </div>\n            </ng-container>\n            <div [ngClass]=\"{ hidden: usersLoading }\">\n              <ng-container *ngIf=\"usersList && usersList.length > 0; else noData\">\n                <sb-uic-list-table\n                  [data]=\"usersList\"\n                  [count]=\"totalUsers\"\n                  [initialPaginationSize]=\"pagination.limit\"\n                  [tableConfig]=\"usersTableConfig['allLearners']\"\n                  (selectedDataChange)=\"onSelectingUser($event)\"\n                  (pageChange)=\"onPageChange($event)\"\n                  (sortChange)=\"onSortChange($event)\"\n                  [selected]=\"usersFinalList\"\n                  [isDisabled]=\"data?.disabled\"\n                  [currentPage]=\"currentPage\"></sb-uic-list-table>\n              </ng-container>\n            </div>\n          </mat-tab>\n          <mat-tab label=\" Selected Users\" class=\"mb-3\">\n            <ng-container *ngIf=\"usersLoading\">\n              <div class=\"spinner-loader flex items-center justify-center\">\n                <mat-spinner></mat-spinner>\n              </div>\n            </ng-container>\n            <div [ngClass]=\"{ hidden: usersLoading }\">\n              <ng-container *ngIf=\"finalSelectedUsers && finalSelectedUsers.length > 0; else noData\">\n                <sb-uic-list-table\n                  [data]=\"finalSelectedUsers\"\n                  [count]=\"finalSelectedUsers.length || 0\"\n                  [initialPaginationSize]=\"pagination.limit\"\n                  [tableConfig]=\"usersTableConfig['selectedUsers']\"\n                  (selectedDataChange)=\"onSelectingUserToApply($event)\"\n                  (removeSelectedData)=\"removedUserData($event)\"\n                  [isDisabled]=\"data?.disabled\"\n                  [selected]=\"usersFinalList\"></sb-uic-list-table>\n              </ng-container>\n            </div>\n          </mat-tab>\n        </mat-tab-group>\n      </ng-container>\n\n      <ng-template #noData>\n        <div class=\"no-data p-4 flex flex-column items-center justify-center\">\n          <img src=\"/assets/icons/no-events.png\" alt=\"no-data\" />\n          <span class=\"font-bold\">No information to display yet</span>\n        </div>\n      </ng-template>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"filterValue === 'bulk_upload_karmayogis'\">\n    <sb-uic-bulk-upload-karmayogi (appliedUser)=\"onApplyingUserBulkUpload($event)\" [isDisabled]=\"data?.disabled\"></sb-uic-bulk-upload-karmayogi>\n  </ng-container>\n</div>\n\n<mat-dialog-actions>\n  <ng-container *ngIf=\"filterValue === 'add_karmayogis'\">\n    <ng-container *ngIf=\"activeTab === 0 && usersList.length\">\n      <button\n        mat-flat-button\n        (click)=\"selectUsers()\"\n        class=\"flex items-center justify-center rounded-full new-bg-color font-bold text-sm text-white w-full mt-2\"\n        [disabled]=\"holdSelectedUsers?.length === 0 || data?.disabled\">\n        Select Users\n      </button>\n    </ng-container>\n    <ng-container *ngIf=\"activeTab === 1 && usersFinalList.length && finalSelectedUsers.length\">\n      <button\n        [disabled]=\"data?.disabled\"\n        mat-flat-button\n        (click)=\"applySelections()\"\n        class=\"flex items-center justify-center rounded-full new-bg-color font-bold text-sm text-white w-full mt-2\">\n        Apply\n      </button>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"filterValue === 'bulk_upload_karmayogis'\">\n    <ng-container *ngIf=\"bulkUploadUserList?.length\">\n      <button\n        [disabled]=\"data?.disabled\"\n        mat-flat-button\n        (click)=\"applySelectionsBulk()\"\n        class=\"flex items-center justify-center rounded-full new-bg-color font-bold text-sm text-white w-full mt-2\">\n        Apply\n      </button>\n    </ng-container>\n  </ng-container>\n</mat-dialog-actions>\n", styles: [":host{display:block}.dialog-heading{border-bottom:2px solid rgba(0,0,0,.12);padding:0 16px}::ng-deep .mat-mdc-dialog-container .mdc-dialog__title{margin-bottom:8px!important;font-family:Montserrat;font-weight:600;font-size:16px;color:#000000de;padding:0 24px 9px 0}.close-button{margin-right:-8px}.user-dialog-body ::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}.search-button{padding:4px 24px}.filter-options{margin-bottom:15px}.filter-options .mat-radio-button{margin-right:24px}.no-data span{font-family:Lato;font-size:8.98px;color:#000000de}.mt-4{margin-top:1rem!important}.spinner-loader{height:200px}:host ::ng-deep .mat-mdc-dialog-content{max-height:75vh!important}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i5.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i11.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i11.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i11$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i11$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: i12.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: ListTableComponent, selector: "sb-uic-list-table", inputs: ["data", "count", "initialPaginationSize", "initialPaginationSizeOptions", "tableConfig", "selected", "bulkUploadEntriesCount", "currentPage", "isDisabled"], outputs: ["selectedDataChange", "pageChange", "removeSelectedData", "sortChange"] }, { kind: "component", type: BulkUploadKarmayogiComponent, selector: "sb-uic-bulk-upload-karmayogi", inputs: ["isDisabled"], outputs: ["appliedUser"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InviteUsersComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "sb-uic-invite-users", standalone: false, template: "<div class=\"flex justify-between dialog-heading items-center\">\n  <h2 mat-dialog-title class=\"mb-0\">Users</h2>\n  <button mat-icon-button class=\"close-button\" (click)=\"onClose()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n\n<div mat-dialog-content class=\"user-dialog-body\">\n  <div class=\"\">\n    <!-- Filter Options -->\n    <div class=\"filter-options\">\n      <mat-radio-group [(ngModel)]=\"filterValue\" aria-label=\"Filter options\" (change)=\"onFilterChange($event)\">\n        <mat-radio-button class=\"text-dark\" value=\"add_karmayogis\">Add Karmayogis</mat-radio-button>\n        <mat-radio-button class=\"text-dark\" value=\"bulk_upload_karmayogis\">Bulk Upload Karmayogis</mat-radio-button>\n      </mat-radio-group>\n    </div>\n  </div>\n\n  <ng-container *ngIf=\"filterValue === 'add_karmayogis'\">\n    <!-- Search Box -->\n    <div class=\"search-container flex items-center gap-4 mb-4\">\n      <div class=\"mat-full-radius flex-grow\">\n        <mat-form-field appearance=\"outline\" class=\"w-full\">\n          <mat-icon matPrefix>search</mat-icon>\n          <input matInput placeholder=\"Search by Name, Email and Phone Number\" [formControl]=\"searchControl\" (keyup.enter)=\"search()\" />\n        </mat-form-field>\n      </div>\n      <button mat-flat-button class=\"flex items-center rounded-full new-bg-color font-bold text-sm text-white search-button\" (click)=\"search()\">\n        Search\n      </button>\n    </div>\n\n    <div class=\"contents-wrapper\">\n      <ng-container>\n        <mat-tab-group mat-stretch-tabs=\"false\" mat-align-tabs=\"start\" [(selectedIndex)]=\"activeTab\" dynamicHeight>\n          <mat-tab label=\"All Learners\" class=\"mb-3\">\n            <ng-container *ngIf=\"usersLoading\">\n              <div class=\"spinner-loader flex items-center justify-center\">\n                <mat-spinner></mat-spinner>\n              </div>\n            </ng-container>\n            <div [ngClass]=\"{ hidden: usersLoading }\">\n              <ng-container *ngIf=\"usersList && usersList.length > 0; else noData\">\n                <sb-uic-list-table\n                  [data]=\"usersList\"\n                  [count]=\"totalUsers\"\n                  [initialPaginationSize]=\"pagination.limit\"\n                  [tableConfig]=\"usersTableConfig['allLearners']\"\n                  (selectedDataChange)=\"onSelectingUser($event)\"\n                  (pageChange)=\"onPageChange($event)\"\n                  (sortChange)=\"onSortChange($event)\"\n                  [selected]=\"usersFinalList\"\n                  [isDisabled]=\"data?.disabled\"\n                  [currentPage]=\"currentPage\"></sb-uic-list-table>\n              </ng-container>\n            </div>\n          </mat-tab>\n          <mat-tab label=\" Selected Users\" class=\"mb-3\">\n            <ng-container *ngIf=\"usersLoading\">\n              <div class=\"spinner-loader flex items-center justify-center\">\n                <mat-spinner></mat-spinner>\n              </div>\n            </ng-container>\n            <div [ngClass]=\"{ hidden: usersLoading }\">\n              <ng-container *ngIf=\"finalSelectedUsers && finalSelectedUsers.length > 0; else noData\">\n                <sb-uic-list-table\n                  [data]=\"finalSelectedUsers\"\n                  [count]=\"finalSelectedUsers.length || 0\"\n                  [initialPaginationSize]=\"pagination.limit\"\n                  [tableConfig]=\"usersTableConfig['selectedUsers']\"\n                  (selectedDataChange)=\"onSelectingUserToApply($event)\"\n                  (removeSelectedData)=\"removedUserData($event)\"\n                  [isDisabled]=\"data?.disabled\"\n                  [selected]=\"usersFinalList\"></sb-uic-list-table>\n              </ng-container>\n            </div>\n          </mat-tab>\n        </mat-tab-group>\n      </ng-container>\n\n      <ng-template #noData>\n        <div class=\"no-data p-4 flex flex-column items-center justify-center\">\n          <img src=\"/assets/icons/no-events.png\" alt=\"no-data\" />\n          <span class=\"font-bold\">No information to display yet</span>\n        </div>\n      </ng-template>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"filterValue === 'bulk_upload_karmayogis'\">\n    <sb-uic-bulk-upload-karmayogi (appliedUser)=\"onApplyingUserBulkUpload($event)\" [isDisabled]=\"data?.disabled\"></sb-uic-bulk-upload-karmayogi>\n  </ng-container>\n</div>\n\n<mat-dialog-actions>\n  <ng-container *ngIf=\"filterValue === 'add_karmayogis'\">\n    <ng-container *ngIf=\"activeTab === 0 && usersList.length\">\n      <button\n        mat-flat-button\n        (click)=\"selectUsers()\"\n        class=\"flex items-center justify-center rounded-full new-bg-color font-bold text-sm text-white w-full mt-2\"\n        [disabled]=\"holdSelectedUsers?.length === 0 || data?.disabled\">\n        Select Users\n      </button>\n    </ng-container>\n    <ng-container *ngIf=\"activeTab === 1 && usersFinalList.length && finalSelectedUsers.length\">\n      <button\n        [disabled]=\"data?.disabled\"\n        mat-flat-button\n        (click)=\"applySelections()\"\n        class=\"flex items-center justify-center rounded-full new-bg-color font-bold text-sm text-white w-full mt-2\">\n        Apply\n      </button>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"filterValue === 'bulk_upload_karmayogis'\">\n    <ng-container *ngIf=\"bulkUploadUserList?.length\">\n      <button\n        [disabled]=\"data?.disabled\"\n        mat-flat-button\n        (click)=\"applySelectionsBulk()\"\n        class=\"flex items-center justify-center rounded-full new-bg-color font-bold text-sm text-white w-full mt-2\">\n        Apply\n      </button>\n    </ng-container>\n  </ng-container>\n</mat-dialog-actions>\n", styles: [":host{display:block}.dialog-heading{border-bottom:2px solid rgba(0,0,0,.12);padding:0 16px}::ng-deep .mat-mdc-dialog-container .mdc-dialog__title{margin-bottom:8px!important;font-family:Montserrat;font-weight:600;font-size:16px;color:#000000de;padding:0 24px 9px 0}.close-button{margin-right:-8px}.user-dialog-body ::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}.search-button{padding:4px 24px}.filter-options{margin-bottom:15px}.filter-options .mat-radio-button{margin-right:24px}.no-data span{font-family:Lato;font-size:8.98px;color:#000000de}.mt-4{margin-top:1rem!important}.spinner-loader{height:200px}:host ::ng-deep .mat-mdc-dialog-content{max-height:75vh!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.MatDialogRef }, { type: AccessControlService }, { type: i1.MatSnackBar }] });
+
+const BATCH_RANGES = [
+    { label: "1960-1990", start: 1960, end: 1990 },
+    { label: "1991-2020", start: 1991, end: 2020 },
+    { label: "2021-2025", start: 2021, end: 2025 },
+];
+const CHECKBOX_OPTIONS = [
+    { label: "Select All", value: "selectAll" },
+    // { label: "Cadre Controlling Authority", value: "isCCA" },
+];
+
+class CadreMappingService {
+    constructor() {
+        this.allCadres = new Map();
+        this.allServices = new Map();
+        this.cadreToServiceMap = new Map();
+        this.serviceToCadresMap = new Map();
+        this.batchYearToCadresMap = new Map();
+        this.batchYearToServicesMap = new Map();
+        this.cadreConfigData = null;
+    }
+    addToMapSet(map, key, value) {
+        if (!map.has(key)) {
+            map.set(key, new Set());
+        }
+        map.get(key)?.add(value);
+    }
+    initialize(data) {
+        // Clear existing data
+        this.allCadres.clear();
+        this.allServices.clear();
+        this.cadreToServiceMap.clear();
+        this.serviceToCadresMap.clear();
+        this.batchYearToCadresMap.clear();
+        this.batchYearToServicesMap.clear();
+        // Build lookups
+        data?.civilServiceType?.civilServiceTypeList.forEach(cst => {
+            if (cst) {
+                cst.serviceList.forEach(service => {
+                    const { id: serviceId, commonBatchStartYear, commonBatchEndYear } = service;
+                    this.allServices.set(serviceId, service);
+                    // Add years to service-batch map
+                    for (let y = commonBatchStartYear; y <= commonBatchEndYear; y++) {
+                        this.addToMapSet(this.batchYearToServicesMap, y, serviceId);
+                    }
+                    service.cadreList?.forEach(cadre => {
+                        const { id: cadreId, startBatchYear, endBatchYear } = cadre;
+                        this.allCadres.set(cadreId, cadre);
+                        // Map cadre <-> service
+                        this.addToMapSet(this.cadreToServiceMap, cadreId, serviceId);
+                        this.addToMapSet(this.serviceToCadresMap, serviceId, cadreId);
+                        // Add years to cadre-batch map
+                        for (let y = startBatchYear; y <= endBatchYear; y++) {
+                            this.addToMapSet(this.batchYearToCadresMap, y, cadreId);
+                        }
+                    });
+                });
+            }
+        });
+    }
+    getAllBatchYears() {
+        return Array.from(this.batchYearToCadresMap.keys()).sort((a, b) => a - b);
+    }
+    getAllCadres() {
+        return Array.from(this.allCadres.values()).map(c => ({
+            id: c.id,
+            name: c.name
+        }));
+    }
+    getAllServices() {
+        return Array.from(this.allServices.values()).map(s => ({
+            id: s.id,
+            name: s.name
+        }));
+    }
+    getServicesByCadres(cadreIds) {
+        const serviceIdsSet = new Set();
+        cadreIds.forEach(cadreId => {
+            const services = this.cadreToServiceMap.get(cadreId) || new Set();
+            services.forEach(serviceId => serviceIdsSet.add(serviceId));
+        });
+        return Array.from(serviceIdsSet).map(id => {
+            const s = this.allServices.get(id);
+            return { id: s.id, name: s.name };
+        });
+    }
+    getCadresByServices(serviceIds) {
+        const cadreIdsSet = new Set();
+        serviceIds.forEach(serviceId => {
+            const cadres = this.serviceToCadresMap.get(serviceId) || new Set();
+            cadres.forEach(cadreId => cadreIdsSet.add(cadreId));
+        });
+        return Array.from(cadreIdsSet).map(id => {
+            const c = this.allCadres.get(id);
+            return { id: c.id, name: c.name };
+        });
+    }
+    getCadresByBatchYears(years) {
+        const cadreIdsSet = new Set();
+        years.forEach(year => {
+            const cadres = this.batchYearToCadresMap.get(year) || new Set();
+            cadres.forEach(cadreId => cadreIdsSet.add(cadreId));
+        });
+        return Array.from(cadreIdsSet).map(id => {
+            const c = this.allCadres.get(id);
+            return { id: c.id, name: c.name };
+        });
+    }
+    getServicesByBatchYears(years) {
+        const serviceIdsSet = new Set();
+        years.forEach(year => {
+            const services = this.batchYearToServicesMap.get(year) || new Set();
+            services.forEach(serviceId => serviceIdsSet.add(serviceId));
+        });
+        return Array.from(serviceIdsSet).map(id => {
+            const s = this.allServices.get(id);
+            return { id: s.id, name: s.name };
+        });
+    }
+    getServicesByCadresAndBatch(cadreIds, years) {
+        const services = this.getServicesByCadres(cadreIds);
+        if (!Array.isArray(years)) {
+            years = [years];
+        }
+        return services.filter(service => {
+            const fullService = this.allServices.get(service.id);
+            // Return true if any year is within the service's batch year range
+            return years.some(year => year >= fullService.commonBatchStartYear && year <= fullService.commonBatchEndYear);
+        });
+    }
+    getCadresByServicesAndBatch(serviceIds, years) {
+        const cadres = this.getCadresByServices(serviceIds);
+        if (!Array.isArray(years)) {
+            years = [years];
+        }
+        return cadres.filter(cadre => {
+            const fullCadre = this.allCadres.get(cadre.id);
+            // Return true if any year is within the cadre's batch year range
+            return years.some(year => year >= fullCadre.startBatchYear && year <= fullCadre.endBatchYear);
+        });
+    }
+    getBatchYearsByCadres(cadreIds) {
+        const batchYearsSet = new Set();
+        cadreIds.forEach(cadreId => {
+            const cadre = this.allCadres.get(cadreId);
+            if (cadre) {
+                for (let y = cadre.startBatchYear; y <= cadre.endBatchYear; y++) {
+                    batchYearsSet.add(y);
+                }
+            }
+        });
+        return Array.from(batchYearsSet).sort((a, b) => a - b);
+    }
+    getBatchYearsByServices(serviceIds) {
+        const batchYearsSet = new Set();
+        serviceIds.forEach(serviceId => {
+            const service = this.allServices.get(serviceId);
+            if (service) {
+                for (let y = service.commonBatchStartYear; y <= service.commonBatchEndYear; y++) {
+                    batchYearsSet.add(y);
+                }
+            }
+        });
+        return Array.from(batchYearsSet).sort((a, b) => a - b);
+    }
+    getBatchYearsByServicesAndCadres(serviceIds, cadreIds) {
+        const serviceYears = this.getBatchYearsByServices(serviceIds);
+        const cadreYears = this.getBatchYearsByCadres(cadreIds);
+        // Find intersection of years
+        const commonYears = serviceYears.filter(year => cadreYears.includes(year));
+        return commonYears.sort((a, b) => a - b);
+    }
+    getCadreIdsByName(names) {
+        if (!Array.isArray(names))
+            names = [names];
+        const lowerNames = names.map(n => n.toLowerCase());
+        return Array.from(this.allCadres.values())
+            .filter(cadre => lowerNames.includes(cadre.name.toLowerCase()))
+            .map(cadre => cadre.id);
+    }
+    getServiceIdsByName(names) {
+        if (!Array.isArray(names))
+            names = [names];
+        const lowerNames = names.map((n) => n.toLowerCase());
+        return Array.from(this.allServices.values())
+            .filter((service) => lowerNames.includes(service.name.toLowerCase()))
+            .map((service) => service.id);
+    }
+    setCadreConfigData(data) {
+        this.cadreConfigData = data;
+    }
+    getCadreConfigData() {
+        return this.cadreConfigData;
+    }
+    getServicesByNames(names) {
+        if (!Array.isArray(names))
+            names = [names];
+        const lowerNames = names.map((n) => n.toLowerCase());
+        const uniqueMap = new Map();
+        const cadreConfig = this.getCadreConfigData();
+        if (cadreConfig) {
+            cadreConfig.civilServiceType.civilServiceTypeList.forEach((cst) => {
+                cst.serviceList.forEach((service) => {
+                    if (lowerNames.includes(service.name.toLowerCase())) {
+                        if (!uniqueMap.has(cst.id)) {
+                            uniqueMap.set(cst.id, { id: cst.id, name: cst.name });
+                        }
+                    }
+                });
+            });
+        }
+        return Array.from(uniqueMap.values());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CadreMappingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CadreMappingService, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CadreMappingService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }] });
+
+class EntitySelectionsComponent {
+    constructor(dialogRef, accessControlService, cadreMappingService, environment) {
+        this.dialogRef = dialogRef;
+        this.accessControlService = accessControlService;
+        this.cadreMappingService = cadreMappingService;
+        this.destroy$ = new Subject();
+        this.isLoading = false;
+        this.searchControl = new FormControl("");
+        this.filterValue = "all";
+        this.alphabet = "ABCDEFGHIJKLMNOPQRSTUVWXYZ#".split("");
+        this.dataList = [];
+        this.dataListDup = [];
+        this.selectedCentralDeputation = false;
+        this.selectedData = [];
+        this.selectedDataTemp = [];
+        this.groupedEntityData = {};
+        this.selectionTypeEnum = NsAccessControlConfig.SelectionType;
+        this.radioSelections = [];
+        this.activeTab = 0;
+        this.searchedOrganisationFlagWithQuery = false;
+        this.data = inject(MAT_DIALOG_DATA);
+        this.orgSelectionIds = [];
+        this.paginationOffset = 0;
+        this.totalItemsCount = 0;
+        this.paginationLImit = 100;
+        this.isFetchingMore = false;
+        this.application = "";
+        this.APPLICATION_ENUM = NsAccessControlConfig.Application;
+        this.accessControlConfig = null;
+        this.serviceSelectionTypes = ["All Services"];
+        this.selectedServiceType = "All Services";
+        this.entityFilterOptions = CHECKBOX_OPTIONS;
+        this.isCCA = false;
+        this.applyNewServiceSelections = true;
+        this.canLoadMasterDesignation = false;
+        this.environment = environment;
+    }
+    ngOnInit() {
+        // If data was passed to the dialog, initialize selections
+        if (this.environment.ODCSMasterFramework) {
+            this.ODCSMasterFramework = this.environment.ODCSMasterFramework;
+        }
+        this.accessControlConfig = this.accessControlService.accessControlConfig();
+        this.accessControlCriteriaSelection = this.accessControlConfig?.accessControlCriteriaSelection;
+        this.userProfile = this.accessControlConfig?.userConfig;
+        this.content = this.accessControlConfig?.content;
+        this.application = this.accessControlConfig?.application || "";
+        this.isCCA = this.accessControlConfig?.userConfig?.org?.isCCA ?? false;
+        // if(this.content && this.content?.externalId) {
+        //   this.applyNewServiceSelections = true
+        // }
+        if (this.data) {
+            this.selectionType = this.data?.condition?.entity;
+        }
+        this.isEntityCustomField = this.checkIfCustomeField(this.data.condition);
+        if (this.isEntityCustomField) {
+            this.customeFieldValues = this.accessControlService.customesFieldData().find((ele) => ele?.value === this.data.condition.entity);
+            this.selectionType = NsAccessControlConfig.SelectionType.CustomField;
+        }
+        if (this.data && this.data.selected && this.data.selected.length) {
+            if (this.selectionType === NsAccessControlConfig.SelectionType.Batch) {
+                this.selectedData = [...this.data.selected.map((ele) => _.toNumber(ele))];
+                this.selectedDataTemp = [...this.selectedData];
+            }
+            else if (this.selectionType === NsAccessControlConfig.SelectionType.CentralDeputation) {
+                this.selectedCentralDeputation = this.data.selected[0] === 'true' || this.data.selected[0] === true;
+            }
+            else {
+                this.selectedData = [...this.data.selected];
+                this.selectedDataTemp = [...this.selectedData];
+            }
+            if (this.application === NsAccessControlConfig.Application.MDO) {
+                this.selectedServiceType = "All Services";
+            }
+            this.activeTab = this.data?.activeTabSelected || 0;
+            this.filterValue = this.data?.activeTabSelected > 0 ? "selected" : "all";
+        }
+        if (this.selectionType === NsAccessControlConfig.SelectionType.CentralDeputation) {
+            this.selectedDataTemp = [this.selectedCentralDeputation];
+        }
+        // Subscribe to search control changes
+        this.searchControl.valueChanges.pipe(takeUntil(this.destroy$)).subscribe((query) => {
+            if (this.selectionType) {
+                switch (this.selectionType) {
+                    case this.selectionTypeEnum.Service:
+                        this.getServicesList(query);
+                        break;
+                    case this.selectionTypeEnum.Cadre:
+                        this.getCadreList(query);
+                        break;
+                    case this.selectionTypeEnum.Batch:
+                        this.getBatchList(query);
+                        break;
+                }
+            }
+        });
+        this.initializeDisplay();
+    }
+    initializeDisplay() {
+        switch (this.selectionType) {
+            case NsAccessControlConfig.SelectionType.Organizations:
+                if (this.activeTab === 0) {
+                    this.selectedCharacterRange = "A";
+                    this.getOrganisationsList("", [], this.selectedCharacterRange);
+                }
+                else {
+                    this.getOrganisationsList("", this.selectedData, undefined);
+                    this.alphabet = [];
+                }
+                this.radioSelections = this.accessControlCriteriaSelection.organizationRadioSelection;
+                break;
+            case NsAccessControlConfig.SelectionType.Designation:
+                // For isCCA = false , fetch designations within their orgs only
+                if (!this.isCCA && this.application === NsAccessControlConfig.Application.MDO) {
+                    this.orgSelectionIds = this.accessControlConfig.userConfig.org?.rootOrgId ? [this.accessControlConfig.userConfig.org?.rootOrgId] : [];
+                }
+                else {
+                    this.orgSelectionIds = this.data?.rule?.conditions?.find((c) => c.entity === NsAccessControlConfig.SelectionType.Organizations)?.selections;
+                }
+                if (this.orgSelectionIds?.length) {
+                    this.alphabet = ["#", ..."ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("")];
+                    this.selectedCharacterRange = "#";
+                }
+                else
+                    this.selectedCharacterRange = "A";
+                if (this.activeTab === 0) {
+                    this.getDesignationsList(this.paginationOffset, "", [], this.selectedCharacterRange);
+                }
+                else {
+                    this.getDesignationsList(this.paginationOffset, "", this.selectedData, undefined);
+                    this.alphabet = [];
+                }
+                this.radioSelections = this.accessControlCriteriaSelection?.designationRadioSelection;
+                break;
+            case NsAccessControlConfig.SelectionType.Service:
+                this.radioSelections = this.accessControlCriteriaSelection?.servicesRadioSelection;
+                this.getServicesList(this.searchControl.value);
+                break;
+            case NsAccessControlConfig.SelectionType.Cadre:
+                this.radioSelections = this.accessControlCriteriaSelection?.cadreRadioSelection;
+                this.getCadreList(this.searchControl.value);
+                break;
+            case NsAccessControlConfig.SelectionType.Batch:
+                this.radioSelections = this.accessControlCriteriaSelection?.batchRadioSelection;
+                this.getBatchList(this.searchControl.value);
+                break;
+            case NsAccessControlConfig.SelectionType.Group:
+                this.getGroupList();
+                break;
+            case NsAccessControlConfig.SelectionType.VerificationStatus:
+                this.getVerificationStatus();
+                break;
+            case NsAccessControlConfig.SelectionType.CustomField:
+                this.radioSelections = this.accessControlCriteriaSelection[this.customeFieldValues?.value];
+                this.getCustomsFieldList();
+                break;
+        }
+    }
+    onClose() {
+        this.dialogRef.close();
+    }
+    getSelectionValue(item) {
+        if (typeof item !== "object" || item === null) {
+            return item;
+        }
+        else if (this.selectionType === NsAccessControlConfig.SelectionType.Cadre ||
+            this.selectionType === NsAccessControlConfig.SelectionType.Service ||
+            this.selectionType === NsAccessControlConfig.SelectionType.Designation) {
+            return item?.name?.toLowerCase() || item?.designation?.toLowerCase();
+        }
+        else if (this.selectionType === NsAccessControlConfig.SelectionType.Batch) {
+            return Number(item);
+        }
+        return item?.id?.toLowerCase() || item?.identifier?.toLowerCase() || item;
+    }
+    isSelected(item) {
+        const value = this.getSelectionValue(item);
+        const compareList = this.filterValue === "selected" ? this.selectedData : this.selectedDataTemp;
+        return compareList.some(selected => {
+            if (typeof selected === 'string' && typeof value === 'string') {
+                return selected === value ||
+                    selected.toLowerCase() === value.toLowerCase() ||
+                    selected.toUpperCase() === value.toUpperCase();
+            }
+            else {
+                return selected === value;
+            }
+        });
+    }
+    toggleSelection(item) {
+        const value = this.getSelectionValue(item);
+        if (this.filterValue === "all") {
+            if (this.selectedDataTemp.includes(value)) {
+                this.selectedDataTemp = this.selectedDataTemp.filter((v) => v !== value);
+            }
+            else {
+                this.selectedDataTemp = [...this.selectedDataTemp, value];
+            }
+        }
+        else if (this.filterValue === "selected") {
+            if (this.selectedData.includes(value)) {
+                this.selectedData = this.selectedData.filter((v) => v !== value);
+            }
+            else {
+                this.selectedData = [...this.selectedData, value];
+            }
+            this.selectedDataTemp = [...this.selectedData];
+        }
+    }
+    setSelected() {
+        this.selectedData = [...this.selectedDataTemp];
+        this.activeTab = 1;
+    }
+    onFilterChange(event) {
+        if ((event?.tab?.textLabel).toLowerCase().includes("selected")) {
+            this.filterValue = "selected";
+            this.searchControl.setValue("");
+        }
+        else {
+            this.filterValue = "all";
+        }
+        if (this.selectionType === NsAccessControlConfig.SelectionType.Organizations) {
+            if (this.activeTab === 0) {
+                this.selectedCharacterRange = "A";
+                this.getOrganisationsList("", [], this.selectedCharacterRange);
+            }
+            else {
+                this.getOrganisationsList("", this.selectedData, undefined);
+            }
+        }
+        if (this.selectionType === NsAccessControlConfig.SelectionType.Designation) {
+            if (this.orgSelectionIds?.length) {
+                this.alphabet = ["#", ..."ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("")];
+                this.selectedCharacterRange = "#";
+            }
+            else
+                this.selectedCharacterRange = "A";
+            if (this.activeTab === 0) {
+                this.getDesignationsList(this.paginationOffset, "", [], this.selectedCharacterRange);
+            }
+            else {
+                this.getDesignationsList(this.paginationOffset, "", this.selectedData, undefined);
+            }
+        }
+        this.getFilteredEntityGrouped();
+        if (this.selectionType === NsAccessControlConfig.SelectionType.Batch) {
+            this.updateBatchRanges();
+        }
+        else {
+            this.updateAlphabet();
+        }
+        if (this.selectionType === NsAccessControlConfig.SelectionType.Cadre || this.selectionType === NsAccessControlConfig.SelectionType.Service) {
+            this.alphabet = [];
+        }
+    }
+    search() {
+        this.paginationOffset = 0;
+        switch (this.selectionType) {
+            case NsAccessControlConfig.SelectionType.Designation:
+                if (this.filterValue === "all" && !this.searchControl.value) {
+                    this.selectedCharacterRange = "A";
+                    this.updateAlphabet();
+                    this.getDesignationsList(this.paginationOffset, this.searchControl.value, [], this.selectedCharacterRange);
+                }
+                else {
+                    this.getDesignationsList(this.paginationOffset, this.searchControl.value);
+                }
+                break;
+            case NsAccessControlConfig.SelectionType.Organizations:
+                this.selectedCharacterRange = "A";
+                if (this.filterValue === "all" && !this.searchControl.value)
+                    this.updateAlphabet();
+                this.getOrganisationsList(this.searchControl.value, []);
+                break;
+            case NsAccessControlConfig.SelectionType.Service:
+                this.getServicesList(this.searchControl.value);
+                break;
+            case NsAccessControlConfig.SelectionType.Cadre:
+                this.getCadreList(this.searchControl.value);
+                break;
+            case NsAccessControlConfig.SelectionType.Batch:
+                this.getCadreList(this.searchControl.value);
+                break;
+        }
+    }
+    getFilteredEntityGrouped() {
+        this.isLoading = true;
+        let filtered = this.dataList;
+        if (this.filterValue === "selected") {
+            if (this.selectionType === NsAccessControlConfig.SelectionType.CustomField) {
+                const selectedData = this.selectedData.map((ele) => ele.fieldValue);
+                filtered = this.dataListDup.filter((item) => this.isSelected(item) && selectedData.includes(item?.fieldValue));
+            }
+            else {
+                filtered = this.dataListDup.filter(item => {
+                    const keysToCheck = [item?.name, item?.designation, item?.id, item?.identifier, item];
+                    return this.isSelected(item) && keysToCheck.some(key => key && this.selectedData.some(selected => {
+                        if (typeof selected === 'string' && typeof key === 'string') {
+                            return selected === key ||
+                                selected.toLowerCase() === key.toLowerCase() ||
+                                selected.toUpperCase() === key.toUpperCase();
+                        }
+                        else {
+                            return selected === key;
+                        }
+                    }));
+                });
+            }
+        }
+        if (filtered.length === 0) {
+            this.groupedEntityData = {};
+            this.isLoading = false;
+            return;
+        }
+        // For batch, group by range and chunk each range
+        if (this.selectionType === this.selectionTypeEnum.Batch) {
+            const batchGrouped = this.groupBatchByRange(filtered);
+            const chunked = {};
+            for (const key in batchGrouped) {
+                chunked[key] = this.chunkArray(batchGrouped[key], 8);
+            }
+            this.groupedEntityData = chunked;
+            this.isLoading = false;
+            return;
+        }
+        // For cadre and service, group 8 items irrespective of letter
+        if (this.selectionType === this.selectionTypeEnum.Cadre || this.selectionType === this.selectionTypeEnum.Service) {
+            // sort the filtered list by name
+            filtered = filtered.sort((a, b) => {
+                const nameA = a?.name?.toLowerCase() || "";
+                const nameB = b?.name?.toLowerCase() || "";
+                return nameA.localeCompare(nameB);
+            });
+            // chunk the filtered list into groups of 8
+            const grouped = {};
+            grouped["All"] = this.chunkArray(filtered, 8);
+            this.groupedEntityData = grouped;
+            this.isLoading = false;
+            return;
+        }
+        if (this.selectionType === this.selectionTypeEnum.CustomField) {
+            filtered = filtered.sort((a, b) => {
+                const nameA = a?.fieldValue?.toLowerCase() || "";
+                const nameB = b?.fieldValue?.toLowerCase() || "";
+                return nameA.localeCompare(nameB);
+            });
+            // chunk the filtered list into groups of 8
+            const grouped = {};
+            grouped["All"] = this.chunkArray(filtered, 8);
+            this.groupedEntityData = grouped;
+            this.isLoading = false;
+            return;
+        }
+        // For Designation or organizations with search query, don't group by letter
+        if ((this.selectionType === this.selectionTypeEnum.Designation || this.selectionType === this.selectionTypeEnum.Organizations) && this.searchControl.value) {
+            const grouped = {};
+            grouped["All"] = this.chunkArray(filtered, 8);
+            this.groupedEntityData = grouped;
+            this.isLoading = false;
+            this.alphabet = [];
+            return;
+        }
+        // For all other types, group by letter and chunk each group
+        const grouped = {};
+        const temp = {};
+        for (const org of filtered) {
+            let entity = org?.channel || org?.name || org?.designation;
+            let letter = entity?.trim()?.charAt(0)?.toUpperCase() || "#";
+            if (!/^[A-Z]$/.test(letter)) {
+                letter = "#";
+            }
+            if (!temp[letter])
+                temp[letter] = [];
+            temp[letter].push(org);
+        }
+        // Ensure # group is assigned at the end
+        const sortedLetters = Object.keys(temp)
+            .filter((l) => l !== "#")
+            .sort();
+        if (temp["#"])
+            sortedLetters.push("#");
+        for (const letter of sortedLetters) {
+            grouped[letter] = this.chunkArray(temp[letter], 7);
+        }
+        this.groupedEntityData = grouped;
+        this.isLoading = false;
+    }
+    scrollToSection(letter) {
+        this.paginationOffset = 0;
+        if (this.selectionType === NsAccessControlConfig.SelectionType.Organizations && this.filterValue === "all" && !this.searchedOrganisationFlagWithQuery) {
+            this.selectedCharacterRange = letter;
+            this.getOrganisationsList("", [], letter);
+            return;
+        }
+        if (this.selectionType === NsAccessControlConfig.SelectionType.Designation && this.filterValue === "all" && !this.searchedDesignationFlagWithQuery) {
+            // !this.orgSelectionIds?.length
+            this.selectedCharacterRange = letter;
+            this.getDesignationsList(this.paginationOffset, "", [], letter);
+            return;
+        }
+        const section = document.getElementById(`section-${letter}`);
+        if (section) {
+            this.selectedCharacterRange = letter;
+            section.scrollIntoView({ behavior: "auto", inline: "start" });
+        }
+    }
+    updateAlphabet() {
+        this.selectedCharacterRange = "A";
+        const chars = new Set();
+        const sourceList = this.filterValue === "selected"
+            ? this.dataListDup.filter((item) => this.isSelected(item) && this.selectedData.includes(item?.name || item?.designation || item?.id || item?.identifier || item))
+            : this.dataList;
+        for (const data of sourceList) {
+            const value = data?.channel || data?.name || data?.designation || "";
+            let letter = value.charAt(0)?.toUpperCase() || "#";
+            if (!/^[A-Z]$/.test(letter)) {
+                letter = "#";
+            }
+            chars.add(letter);
+        }
+        const sorted = Array.from(chars)
+            .filter((c) => c !== "#")
+            .sort();
+        if (chars.has("#"))
+            sorted.push("#");
+        // Show all characters for Organizations
+        if ((this.selectionType === NsAccessControlConfig.SelectionType.Organizations || this.selectionType === NsAccessControlConfig.SelectionType.Designation) &&
+            this.filterValue === "all" &&
+            !this.searchControl.value) {
+            if (this.selectionType === NsAccessControlConfig.SelectionType.Designation && this.orgSelectionIds?.length) {
+                this.alphabet = ["#", ..."ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("")];
+                this.selectedCharacterRange = "#";
+            }
+            else {
+                this.alphabet = [..."ABCDEFGHIJKLMNOPQRSTUVWXYZ".split(""), "#"];
+            }
+        }
+        else {
+            this.alphabet = sorted;
+        }
+    }
+    get checkIfData() {
+        return ((this.groupedEntityData && Object.keys(this.groupedEntityData).length > 0) ||
+            (this.selectionType === NsAccessControlConfig.SelectionType.Group && this.dataList.length > 0) ||
+            (this.selectionType === NsAccessControlConfig.SelectionType.VerificationStatus && this.dataList.length > 0) ||
+            (this.selectionType === NsAccessControlConfig.SelectionType.Designation && this.dataList.length > 0));
+    }
+    onScrollPaginate(event) {
+        const threshold = 150;
+        const position = event.target.scrollLeft + event.target.offsetWidth;
+        const width = event.target.scrollWidth;
+        if (width - position < threshold && !this.isLoading && !this.isFetchingMore && this.dataList.length < this.totalItemsCount) {
+            this.loadMore();
+        }
+    }
+    loadMore() {
+        if (this.dataList.length >= this.totalItemsCount || this.isFetchingMore)
+            return;
+        this.isFetchingMore = true;
+        this.paginationOffset += this.accessControlConfig.accessControlCriteriaSelection.paginationLimit || this.paginationLImit;
+        switch (this.selectionType) {
+            case this.selectionTypeEnum.Designation:
+                if (this.searchControl.value)
+                    this.selectedCharacterRange = "";
+                this.getDesignationsList(this.paginationOffset, this.searchControl.value, [], this.selectedCharacterRange, true);
+                break;
+            case this.selectionTypeEnum.Organizations:
+                if (this.searchControl.value)
+                    this.selectedCharacterRange = "";
+                this.getOrganisationsList(this.searchControl.value, [], this.selectedCharacterRange, true);
+                break;
+        }
+    }
+    getOrganisationsList(query, selectedData, character, append = false) {
+        if (!append) {
+            this.isLoading = true;
+        }
+        const pagination = {
+            limit: this.accessControlConfig.accessControlCriteriaSelection.paginationLimit || this.paginationLImit,
+            offset: this.paginationOffset
+        };
+        this.accessControlService.fetchOrgList(query, pagination, query ? [] : selectedData, character)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response?.result && response?.result?.response?.content) {
+                    const newData = response.result.response.content;
+                    this.dataList = append ? [...this.dataList, ...newData] : newData;
+                    this.dataListDup = _.uniqWith([...this.dataListDup, ...newData], _.isEqual);
+                    this.totalItemsCount = response.result.response.count;
+                    if (query)
+                        this.searchedOrganisationFlagWithQuery = true;
+                    else
+                        this.searchedOrganisationFlagWithQuery = false;
+                    if (this.filterValue === "selected" || query)
+                        this.updateAlphabet();
+                    this.getFilteredEntityGrouped();
+                }
+                else {
+                    this.dataList = [];
+                    this.alphabet = [];
+                    this.dataListDup = [];
+                    this.groupedEntityData = {};
+                }
+            },
+            complete: () => {
+                this.isLoading = false;
+                this.isFetchingMore = false;
+            },
+        });
+    }
+    getDesignationsList(paginationOffset, query, selectedData, character, append = false) {
+        if (!append) {
+            this.isLoading = true;
+        }
+        // // For isCCA = false , fetch designations within their orgs only
+        // if(!this.isCCA && this.application === NsAccessControlConfig.Application.MDO) {
+        //   this.orgSelectionIds = this.accessControlConfig.userConfig.org?.rootOrgId ? [this.accessControlConfig.userConfig.org?.rootOrgId] : [];
+        // } else {
+        //   this.orgSelectionIds = this.data?.rule?.conditions?.find((c: any) => c.entity === NsAccessControlConfig.SelectionType.Organizations)?.selections;
+        // }
+        if (this.orgSelectionIds?.length && !this.canLoadMasterDesignation) {
+            const categories = this.orgSelectionIds.map((ele) => `${ele}_${this.ODCSMasterFramework ? this.ODCSMasterFramework : 'odcs'}_designation`);
+            this.accessControlService
+                .fetchDesignationsWithOrg(paginationOffset, categories, query, query ? [] : selectedData, character)
+                .pipe(takeUntil(this.destroy$))
+                .subscribe({
+                next: (response) => {
+                    if (response?.result && response?.result?.Term) {
+                        // const newData = response?.result?.Term;
+                        const newData = _.uniqBy(response.result.Term, (item) => item?.identifier && item?.name);
+                        this.dataList = append ? [...this.dataList, ...newData] : newData;
+                        this.dataListDup = _.uniqWith([...this.dataListDup, ...newData], _.isEqual);
+                        this.totalItemsCount = response?.result?.count;
+                        if (query)
+                            this.searchedDesignationFlagWithQuery = true;
+                        if (this.filterValue === "selected" || query)
+                            this.updateAlphabet();
+                        this.getFilteredEntityGrouped();
+                    }
+                    else {
+                        this.dataList = [];
+                        this.dataListDup = [];
+                        this.groupedEntityData = {};
+                        if (query)
+                            this.alphabet = [];
+                        if (!query && selectedData?.length) {
+                            this.loadMoreDesignation();
+                        }
+                    }
+                },
+                complete: () => {
+                    this.isLoading = false;
+                    this.isFetchingMore = false;
+                },
+            });
+        }
+        else {
+            const pageSize = this.accessControlConfig.accessControlCriteriaSelection.paginationLimit || this.paginationLImit;
+            const pagination = {
+                pageSize: pageSize,
+                pageNumber: Math.floor(paginationOffset / pageSize)
+            };
+            this.accessControlService
+                .fetchDesignation(query, pagination, query ? [] : selectedData, character)
+                .pipe(takeUntil(this.destroy$))
+                .subscribe({
+                next: (response) => {
+                    if (response?.result && response?.result?.result?.data) {
+                        const newData = response?.result?.result?.data;
+                        this.dataList = append ? [...this.dataList, ...newData] : newData;
+                        this.dataListDup = _.uniqWith([...this.dataListDup, ...newData], _.isEqual);
+                        this.totalItemsCount = response?.result?.result?.totalCount;
+                        if (query)
+                            this.searchedDesignationFlagWithQuery = true;
+                        else
+                            this.searchedDesignationFlagWithQuery = false;
+                        if (this.filterValue === "selected" || query)
+                            this.updateAlphabet();
+                        this.getFilteredEntityGrouped();
+                        if (!query && selectedData?.length && this.orgSelectionIds?.length) {
+                            this.canLoadMasterDesignation = true;
+                        }
+                    }
+                    else {
+                        this.dataList = [];
+                        this.dataListDup = [];
+                        this.groupedEntityData = {};
+                        this.alphabet = [];
+                    }
+                },
+                complete: () => {
+                    this.isLoading = false;
+                    this.isFetchingMore = false;
+                },
+            });
+        }
+    }
+    getServicesList(query) {
+        if (this.application === NsAccessControlConfig.Application.MDO || this.applyNewServiceSelections) {
+            const baseList = this.accessControlService.holdServiceCadrebatch().service;
+            const baseServiceNames = new Set(baseList.map(service => service.name?.trim().toLowerCase()));
+            const cadreDataRaw = this.cadreMappingService.getCadreConfigData()?.civilServiceType?.civilServiceTypeList || [];
+            // Update service types only once when first loading
+            if (this.serviceSelectionTypes.length === 1) {
+                this.serviceSelectionTypes = ["All Services", ...cadreDataRaw.map((element) => element.name)];
+            }
+            let selectedTypes;
+            if (this.selectedServiceType === "All Services") {
+                selectedTypes = cadreDataRaw.map((element) => element.name);
+            }
+            else {
+                selectedTypes = [this.selectedServiceType];
+            }
+            let allServices = [];
+            cadreDataRaw.forEach((item) => {
+                if (selectedTypes.includes(item.name) && Array.isArray(item.serviceList)) {
+                    // Filter services that exist in baseList
+                    const filteredServices = item.serviceList.filter((service) => baseServiceNames.has(service.name?.trim().toLowerCase()));
+                    allServices = allServices.concat(filteredServices);
+                }
+            });
+            allServices = _.uniqBy(allServices, (service) => service.name?.trim().toLowerCase());
+            this.dataList = query ? allServices.filter((service) => service.name?.toLowerCase().includes(query.toLowerCase())) : allServices;
+            this.dataListDup = _.uniqWith([...this.dataListDup, ...this.dataList], _.isEqual);
+            this.alphabet = [];
+            this.getFilteredEntityGrouped();
+        }
+        else {
+            const baseList = this.accessControlService.holdServiceCadrebatch().service;
+            this.dataList = query ? baseList.filter((service) => service.name?.toLowerCase().includes(query.toLowerCase())) : baseList;
+            this.dataListDup = _.uniqWith([...this.dataListDup, ...this.dataList], _.isEqual);
+            this.alphabet = [];
+            this.getFilteredEntityGrouped();
+        }
+    }
+    getCadreList(query) {
+        const baseList = this.accessControlService.holdServiceCadrebatch().cadre;
+        this.dataList = query ? baseList.filter((cadre) => cadre.name?.toLowerCase().includes(query.toLowerCase())) : baseList;
+        this.dataListDup = _.uniqWith([...this.dataListDup, ...this.dataList], _.isEqual);
+        this.alphabet = [];
+        this.getFilteredEntityGrouped();
+    }
+    getBatchList(query) {
+        const baseList = this.accessControlService.holdServiceCadrebatch().batch;
+        this.dataList = query ? baseList.filter((batch) => batch.toString().includes(query)) : baseList;
+        this.dataListDup = _.uniqWith([...this.dataListDup, ...this.dataList], _.isEqual);
+        this.updateBatchRanges();
+        this.getFilteredEntityGrouped();
+    }
+    getGroupList() {
+        this.isLoading = true;
+        this.accessControlService
+            .fetchGroupsList()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: (response) => {
+                if (response?.result && response?.result?.response) {
+                    this.dataList = response.result.response;
+                }
+            },
+            complete: () => {
+                this.isLoading = false;
+            },
+        });
+    }
+    getVerificationStatus() {
+        this.dataList = this.accessControlCriteriaSelection.verificationStatus;
+    }
+    getCustomsFieldList() {
+        if (this.customeFieldValues?.reversedOrderCustomFieldData?.length) {
+            const mappedValues = this.customeFieldValues?.reversedOrderCustomFieldData;
+            this.dataList = mappedValues || [];
+            this.dataListDup = _.uniqWith([...mappedValues], _.isEqual);
+            this.alphabet = [];
+            if (this.data && this.data.selected && Array.isArray(this.data.selected) && this.data.selected.length) {
+                if (this.data.selected.every((item) => typeof item === "string")) {
+                    const dataFields = this.dataList.filter((ele) => this.data.selected.includes(ele?.fieldValue));
+                    this.selectedData = [...dataFields];
+                    this.selectedDataTemp = [...this.selectedData];
+                }
+            }
+            this.getFilteredEntityGrouped();
+        }
+        else {
+            this.dataList = [];
+            this.dataListDup = [];
+            this.getFilteredEntityGrouped();
+        }
+    }
+    updateBatchRanges() {
+        const isSelectedFilter = this.filterValue === "selected";
+        const sourceList = isSelectedFilter ? this.dataListDup.filter((item) => this.isSelected(item) && this.selectedData.includes(item)) : this.dataList;
+        const validLabels = [];
+        for (const { label, start, end } of BATCH_RANGES) {
+            const hasItemInRange = sourceList.some((item) => item >= start && item <= end);
+            if (hasItemInRange) {
+                validLabels.push(label);
+            }
+        }
+        this.batchRanges = validLabels;
+    }
+    groupBatchByRange(batchList) {
+        const grouped = {};
+        for (const range of BATCH_RANGES) {
+            grouped[range.label] = batchList.filter((year) => year >= range.start && year <= range.end);
+        }
+        return grouped;
+    }
+    getModalTitle() {
+        switch (this.selectionType) {
+            case NsAccessControlConfig.SelectionType.Designation:
+                return "Select Designation";
+            case NsAccessControlConfig.SelectionType.Organizations:
+                return "Select Organisation";
+            case NsAccessControlConfig.SelectionType.Service:
+                return "Select Services";
+            case NsAccessControlConfig.SelectionType.Cadre:
+                return "Select Cadre";
+            case NsAccessControlConfig.SelectionType.Batch:
+                return "Select Batch";
+            case NsAccessControlConfig.SelectionType.Group:
+                return "Select Group";
+            case NsAccessControlConfig.SelectionType.VerificationStatus:
+                return "Verification Status";
+            case NsAccessControlConfig.SelectionType.CustomField:
+                return `Select ${this.capitalizeFirstLetter(this.customeFieldValues?.label)}` || "Select Value";
+            case NsAccessControlConfig.SelectionType.CentralDeputation:
+                return "Central Deputation";
+        }
+        return "";
+    }
+    applySelections() {
+        if (this.selectionType === NsAccessControlConfig.SelectionType.Group ||
+            this.selectionType === NsAccessControlConfig.SelectionType.VerificationStatus ||
+            this.selectionType === NsAccessControlConfig.SelectionType.CentralDeputation) {
+            this.selectedData = this.selectedDataTemp;
+        }
+        this.dialogRef.close({
+            rule: this.data.rule,
+            condition: this.data.condition,
+            selected: this.selectedData,
+        });
+    }
+    chunkArray(array, chunkSize) {
+        const results = [];
+        for (let i = 0; i < array.length; i += chunkSize) {
+            results.push(array.slice(i, i + chunkSize));
+        }
+        return results;
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    onVerificationChange(event) {
+        const value = event.value;
+        const index = this.selectedDataTemp.indexOf(value);
+        if (index > -1) {
+            this.selectedDataTemp.splice(index, 1);
+        }
+        else {
+            this.selectedDataTemp.push(value);
+        }
+    }
+    isSelectedVerification(event) {
+        return this.selectedDataTemp.includes(event?.value);
+    }
+    disableOrganisationIfModerated(item) {
+        const value = this.getSelectionValue(item);
+        // // Case 1: It's the user's own root org AND content is MDO-specific
+        // const isOwnRootOrgAndMdoSpecific =
+        //   value === this.userProfile?.rootOrgId &&
+        //   this.content?.accessSetting === NsAccessControlConfig.IAccessSetting.MDO_SPECIFIC;
+        // // Case 2: Org is already selected AND content is/was Live → prevent deselection
+        // const isAlreadySelectedAndLive =
+        //   this.data.selected.includes(value) &&
+        //   (this.content?.status === "Live" || this.content?.prevStatus === "Live");
+        // // Disable if EITHER condition is true
+        // return isOwnRootOrgAndMdoSpecific || isAlreadySelectedAndLive;
+        if (value === this.userProfile?.rootOrgId && this.content?.accessSetting === NsAccessControlConfig.IAccessSetting.MDO_SPECIFIC)
+            return true;
+        return false;
+    }
+    disabledVerifiedIfModerated(item) {
+        // const isVerifiedOption = item?.value === "VERIFIED";
+        // const isMdoSpecific = this.content?.accessSetting === NsAccessControlConfig.IAccessSetting.MDO_SPECIFIC;
+        // const isSelectedAndLive = this.data.selected.includes(item?.value) && (this.content?.status === "Live" || this.content?.prevStatus === "Live");
+        // return isMdoSpecific && (isVerifiedOption || isSelectedAndLive);
+        if (item?.value === "VERIFIED" && this.content?.accessSetting === NsAccessControlConfig.IAccessSetting.MDO_SPECIFIC)
+            return true;
+        return false;
+    }
+    // On Mdo Portal, Service Selection Type Change
+    onChangeServiceSelectionType(event) {
+        const wasSelectAllChecked = this.areAllSelected();
+        this.selectedServiceType = event.value;
+        this.getServicesList(this.searchControl.value);
+        // If selectAll was checked before, auto-select all items in the new filtered list
+        if (wasSelectAllChecked) {
+            this.selectedDataTemp = this.dataList.map((item) => this.getSelectionValue(item));
+            this.getFilteredEntityGrouped();
+        }
+    }
+    checkIfCustomeField(condition) {
+        const optionsEntity = this.accessControlConfig.accessControlCriteriaSelection.optionsEntity;
+        if (optionsEntity && optionsEntity.length) {
+            const matched = optionsEntity.find((ele) => ele?.value === condition?.entity);
+            return matched?.isCustomField || false;
+        }
+        return false;
+    }
+    isCentralDeputationSelected(isDeputation) {
+        return this.selectedDataTemp.includes(isDeputation);
+    }
+    onCentralDeputationChange(event) {
+        const isChecked = event?.target?.checked;
+        this.selectedDataTemp = [isChecked];
+    }
+    selectAvailableOptions(event) {
+        const checked = event.checked;
+        const value = event.source.value;
+        if (!checked) {
+            this.selectedDataTemp = [];
+            return;
+        }
+        switch (value) {
+            case "selectAll":
+                this.selectedDataTemp = this.dataList.map((item) => this.getSelectionValue(item));
+                break;
+            case "isCCA":
+                this.selectedDataTemp = this.dataList.filter((item) => item?.iscca === true).map((item) => this.getSelectionValue(item));
+                break;
+        }
+        switch (this.selectionType) {
+            case this.selectionTypeEnum.Organizations:
+            case this.selectionTypeEnum.Designation:
+            case this.selectionTypeEnum.Group:
+            case this.selectionTypeEnum.CustomField:
+            case this.selectionTypeEnum.Cadre:
+            case this.selectionTypeEnum.Batch:
+                this.getFilteredEntityGrouped();
+                break;
+        }
+    }
+    areAllSelected() {
+        if (!this.dataList.length)
+            return false;
+        return this.dataList.every((item) => this.selectedDataTemp.includes(this.getSelectionValue(item)));
+    }
+    isOptionSelected(value) {
+        switch (value) {
+            case "selectAll":
+                return this.areAllSelected();
+            default:
+                return false;
+        }
+    }
+    capitalizeFirstLetter(str) {
+        if (typeof str !== "string" || str.length === 0) {
+            return str;
+        }
+        return str.charAt(0).toUpperCase() + str.slice(1);
+    }
+    loadMoreDesignation() {
+        this.canLoadMasterDesignation = true;
+        if (this.filterValue === "all") {
+            this.getDesignationsList(this.paginationOffset, '', [], 'A', false);
+        }
+        else {
+            this.getDesignationsList(this.paginationOffset, '', this.selectedData, '', false);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: EntitySelectionsComponent, deps: [{ token: i1$3.MatDialogRef }, { token: AccessControlService }, { token: CadreMappingService }, { token: "environment" }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: EntitySelectionsComponent, isStandalone: false, selector: "sb-uic-entity-selections", viewQueries: [{ propertyName: "tabGroupRef", first: true, predicate: ["tabGroup"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"flex justify-between dialog-heading items-center\">\n  <h2 mat-dialog-title class=\"mb-0\">{{ getModalTitle() }}</h2>\n  <button mat-icon-button class=\"close-button\" (click)=\"onClose()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n\n<div mat-dialog-content class=\"dialog-body-wrapper\">\n  <ng-container\n    *ngIf=\"\n      selectionType === selectionTypeEnum.Designation ||\n      selectionType === selectionTypeEnum.Service ||\n      selectionType === selectionTypeEnum.Cadre ||\n      selectionType === selectionTypeEnum.Batch ||\n      selectionType === selectionTypeEnum.Organizations ||\n      selectionType === selectionTypeEnum.CustomField\n    \"\n  >\n    <!-- Search Box -->\n    <ng-container *ngIf=\"selectionType !== selectionTypeEnum.CustomField\">\n      <div class=\"search-container flex items-center gap-4\">\n        <div class=\"mat-full-radius flex-grow\">\n          <mat-form-field appearance=\"outline\" class=\"w-full\">\n            <mat-icon matPrefix>search</mat-icon>\n            <input matInput placeholder=\"Type here to search...\" [formControl]=\"searchControl\" (keyup.enter)=\"search()\" />\n          </mat-form-field>\n        </div>\n        <button mat-flat-button [disabled]=\"!searchControl.value\" class=\"flex items-center rounded-full new-bg-color font-bold text-sm text-white search-button\" (click)=\"search()\">Search</button>\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"selectionType === selectionTypeEnum.Organizations\">\n      <div class=\"lato-normal-text-line mt-2 ml-4\">Select the Organizations only if this plan needs to be made visible to only selective organizations users.</div>\n    </ng-container>\n    <ng-container *ngIf=\"selectionType === selectionTypeEnum.Designation\">\n      <div class=\"lato-normal-text-line mt-2 ml-4\">Select the Designations only if this plan needs to be made visible to only selective designation users.</div>\n    </ng-container>\n\n    <div class=\"p-4 pl-0 mt-2\">\n      <!-- Filter Options -->\n      <ng-container *ngIf=\"selectionType !== selectionTypeEnum.Group && selectionType !== selectionTypeEnum.VerificationStatus\">\n        <div class=\"filter-options\">\n          <mat-tab-group #tabGroup dynamicHeight mat-stretch-tabs=\"false\" mat-align-tabs=\"start\" (selectedTabChange)=\"onFilterChange($event)\" [(selectedIndex)]=\"activeTab\" [animationDuration]=\"100\">\n            <mat-tab *ngFor=\"let item of radioSelections\" [label]=\"item.label\">\n              <div class=\"org-container\">\n                <!-- A-Z Filter Bar -->\n                <ng-container *ngIf=\"isLoading\">\n                  <div class=\"spinner-loader flex items-center justify-center\">\n                    <mat-spinner></mat-spinner>\n                  </div>\n                </ng-container>\n                <ng-container *ngIf=\"!isLoading\">\n                  <!-- Select all option  -->\n                  <ng-container\n                    *ngIf=\"\n                      ( selectionType === selectionTypeEnum.Cadre ||\n                        selectionType === selectionTypeEnum.CustomField ||\n                        selectionType === selectionTypeEnum.Service ||\n                        selectionType === selectionTypeEnum.Batch) &&\n                      filterValue === 'all'\n                    \"\n                  >\n                    <div class=\"px-2 py-4 options-checkbox\">\n                      <ng-container *ngFor=\"let item of entityFilterOptions\">\n                        <mat-checkbox\n                          class=\"mr-4\"\n                          [disabled]=\"accessControlCriteriaSelection?.readOnly || data?.disabled\"\n                          (change)=\"selectAvailableOptions($event)\"\n                          [value]=\"item?.value\"\n                          [checked]=\"item?.value === 'selectAll' ? areAllSelected() : isOptionSelected(item?.value)\"\n                        >\n                          {{ item?.label }}\n                        </mat-checkbox>\n                      </ng-container>\n                    </div>\n                  </ng-container>\n                  <div class=\"alphabet-filter\" *ngIf=\"selectionType !== selectionTypeEnum.Batch && selectionType !== selectionTypeEnum.CustomField && alphabet?.length\">\n                    <ng-container *ngTemplateOutlet=\"alphabetFilterTemplate; context: { alphabet: alphabet }\"></ng-container>\n                  </div>\n\n                  <div class=\"alphabet-filter\" *ngIf=\"selectionType === selectionTypeEnum.Batch\">\n                    <ng-container *ngFor=\"let letter of batchRanges; let i = index; let last = last\">\n                      <button\n                        mat-button\n                        class=\"range-button px-4\"\n                        (click)=\"scrollToSection(letter)\"\n                        [ngClass]=\"{\n                          'active-range-btn': selectedCharacterRange === letter\n                        }\"\n                      >\n                        {{ letter }}\n                      </button>\n                      <div class=\"divider-apl\" *ngIf=\"!last\"></div>\n                    </ng-container>\n                  </div>\n\n                  <!-- Selections for Service -->\n                  <ng-container *ngIf=\"selectionType === selectionTypeEnum.Service && (application === APPLICATION_ENUM.MDO || applyNewServiceSelections)\">\n                    <ng-container *ngIf=\"filterValue === 'all' && selectionType === selectionTypeEnum.Service\">\n                      <div class=\"flex gap-4 items-center px-2 my-3 options-radio\">\n                        <mat-radio-group [disabled]=\"accessControlCriteriaSelection?.readOnly || data?.disabled\" \n                                       [(ngModel)]=\"selectedServiceType\" \n                                       (change)=\"onChangeServiceSelectionType($event)\"\n                                       class=\"flex flex-wrap gap-4\">\n                          <ng-container *ngFor=\"let type of serviceSelectionTypes\">\n                            <mat-radio-button\n                              [value]=\"type\"\n                              [disabled]=\"accessControlCriteriaSelection?.readOnly || data?.disabled\"\n                              [checked]=\"selectedServiceType === type\"\n                              class=\"service-radio-btn\"\n                            >\n                              {{ type }}\n                            </mat-radio-button>\n                          </ng-container>\n                        </mat-radio-group>\n                      </div>\n                    </ng-container>\n\n                    <ng-container *ngIf=\"checkIfData; else noData\">\n                      <ng-container *ngTemplateOutlet=\"entityListTemplate\"></ng-container>\n                    </ng-container>\n                  </ng-container>\n\n                  <ng-container *ngIf=\"(selectionType !== selectionTypeEnum.Service)\">\n                    <ng-container *ngIf=\"checkIfData; else noData\">\n                      <ng-container *ngTemplateOutlet=\"entityListTemplate\"></ng-container>\n                    </ng-container>\n                  </ng-container>\n\n                  <ng-template #noData>\n                    <div class=\"no-data p-4 flex flex-column items-center justify-center\">\n                      <img src=\"/assets/icons/no-events.png\" alt=\"no-data\" />\n                      <span class=\"font-bold\">No information to display yet</span>\n\n                      <ng-container *ngIf=\"selectionType === selectionTypeEnum.Designation && orgSelectionIds?.length && !searchControl.value\">\n                        <ng-container *ngIf=\"selectedCharacterRange === '#' && application !== APPLICATION_ENUM.MDO\">\n                          <div class=\"lato-normal-text-line text-center mt-2 mb-2\">Designations are not available for the selected organizations.</div>\n                          <button (click)=\"loadMoreDesignation()\" mat-flat-button class=\"flex items-center justify-center rounded-full new-bg-color font-bold text-sm text-white mt-2\">\n                            Load Master Designations\n                          </button>\n                        </ng-container>\n                      </ng-container>\n                    </div>\n                  </ng-template>\n                </ng-container>\n              </div>\n            </mat-tab>\n          </mat-tab-group>\n        </div>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"selectionType === selectionTypeEnum.Group\">\n    <ng-container *ngIf=\"isLoading\">\n      <div class=\"spinner-loader flex items-center justify-center\">\n        <mat-spinner></mat-spinner>\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"!isLoading\">\n      <div class=\"flex gap-16 items-center p-4 options-checkbox\">\n        <ng-container *ngFor=\"let group of dataList\">\n          <mat-checkbox [disabled]=\"accessControlCriteriaSelection?.readOnly || data?.disabled\" [checked]=\"isSelected(group)\" (change)=\"toggleSelection(group)\" [title]=\"group\">\n            {{ group }}\n          </mat-checkbox>\n        </ng-container>\n      </div>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"selectionType === selectionTypeEnum.VerificationStatus\">\n    <div class=\"flex gap-16 items-center p-4 options-checkbox\">\n      <ng-container *ngFor=\"let group of dataList\">\n        <mat-checkbox\n          [disabled]=\"accessControlCriteriaSelection?.readOnly || data?.disabled || disabledVerifiedIfModerated(group)\"\n          [checked]=\"isSelectedVerification(group)\"\n          (change)=\"onVerificationChange(group)\"\n          [title]=\"group?.label\"\n        >\n          {{ group?.label }}\n        </mat-checkbox>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"selectionType === selectionTypeEnum.CentralDeputation\">\n    <div class=\"flex items-start p-4 flex-column\">\n      <div class=\"lato-normal-text-line\">When ON, this training plan will be allocated to all AIS officials marked as on Central Deputation in their profiles.</div>\n      <div class=\"toggle-central-deputation flex gap-4 items-end\">\n        <div class=\"toggle-central-deputation lato-normal-text-line\">Central Deputation</div>\n        <div class=\"checkbox-toggle\">\n          <input\n            [disabled]=\"accessControlCriteriaSelection?.readOnly || data?.disabled\"\n            [(ngModel)]=\"selectedCentralDeputation\"\n            (change)=\"onCentralDeputationChange($event)\"\n            id=\"switch-onDeputation\"\n            type=\"checkbox\"\n          />\n          <label for=\"switch-onDeputation\" [attr.data-disabled]=\"accessControlCriteriaSelection?.readOnly || data?.disabled\"></label>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</div>\n\n<mat-dialog-actions>\n  <ng-container *ngIf=\"checkIfData || selectionType === selectionTypeEnum.CentralDeputation\">\n    <div class=\"flex gap-4 items-center ml-auto mr-1 apply-button-container my-2\">\n      <ng-container *ngIf=\"selectionType !== selectionTypeEnum.VerificationStatus && selectionType !== selectionTypeEnum.CentralDeputation\">\n        <div class=\"text-xs\">{{ filterValue === \"all\" ? selectedDataTemp?.length : selectedData?.length }} items selected</div>\n      </ng-container>\n      <ng-container\n        *ngIf=\"selectionType === selectionTypeEnum?.VerificationStatus || selectionType === selectionTypeEnum?.Group || selectionType === selectionTypeEnum?.CentralDeputation || activeTab === 1\"\n      >\n        <button\n          mat-flat-button\n          [disabled]=\"(selectedData.length === 0 && selectedDataTemp.length === 0) || accessControlCriteriaSelection?.readOnly || data?.disabled\"\n          (click)=\"applySelections()\"\n          class=\"flex items-center justify-center rounded-full new-bg-color font-bold text-sm text-white mt-2\"\n        >\n          Apply\n        </button>\n      </ng-container>\n      <ng-container\n        *ngIf=\"selectionType !== selectionTypeEnum?.VerificationStatus && selectionType !== selectionTypeEnum?.Group && selectionType !== selectionTypeEnum.CentralDeputation && activeTab === 0\"\n      >\n        <button\n          mat-flat-button\n          [disabled]=\"selectedDataTemp.length === 0 || accessControlCriteriaSelection?.readOnly || data?.disabled\"\n          (click)=\"setSelected()\"\n          class=\"flex items-center justify-center rounded-full new-bg-color font-bold text-sm text-white mt-2\"\n        >\n          {{ getModalTitle() }}\n        </button>\n      </ng-container>\n    </div>\n  </ng-container>\n</mat-dialog-actions>\n\n<ng-template #entityListTemplate>\n  <div class=\"flex overflow-x-auto\" (scroll)=\"onScrollPaginate($event)\">\n    <ng-container *ngFor=\"let group of groupedEntityData | keyvalue\">\n      <div class=\"org-column p-2 mr-4\" [attr.id]=\"'section-' + group.key\">\n        <div class=\"org-list\">\n          <div class=\"batch-range-columns\">\n            <ng-container *ngIf=\"group.value && group.value.length\">\n              <ng-container *ngFor=\"let column of group.value\">\n                <div class=\"batch-column\">\n                  <div *ngFor=\"let entity of column\" class=\"org-card py-2\">\n                    <ng-container\n                      *ngIf=\"\n                        selectionType === selectionTypeEnum.Designation ||\n                        selectionType === selectionTypeEnum.Organizations ||\n                        selectionType === selectionTypeEnum.Service ||\n                        selectionType === selectionTypeEnum.Cadre ||\n                        selectionType === selectionTypeEnum.CustomField\n                      \"\n                    >\n                      <mat-checkbox\n                        [disabled]=\"accessControlCriteriaSelection?.readOnly || disableOrganisationIfModerated(entity) || data?.disabled\"\n                        [checked]=\"isSelected(entity)\"\n                        (change)=\"toggleSelection(entity)\"\n                        [title]=\"entity?.fieldValue || entity?.name || entity?.designation || entity?.channel\"\n                      >\n                        {{ entity?.fieldValue || entity?.name || entity?.designation || entity?.channel }}\n                      </mat-checkbox>\n                    </ng-container>\n                    <ng-container *ngIf=\"selectionType === selectionTypeEnum.Batch\">\n                      <mat-checkbox [disabled]=\"accessControlCriteriaSelection?.readOnly || data?.disabled\" [checked]=\"isSelected(entity)\" (change)=\"toggleSelection(entity)\" [title]=\"entity\">\n                        {{ entity }}\n                      </mat-checkbox>\n                    </ng-container>\n                  </div>\n                </div>\n              </ng-container>\n            </ng-container>\n          </div>\n        </div>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #alphabetFilterTemplate let-alphabet=\"alphabet\">\n  <ng-container *ngFor=\"let letter of alphabet; let i = index; let last = last\">\n    <button\n      mat-button\n      class=\"letter-button\"\n      (click)=\"scrollToSection(letter)\"\n      [ngClass]=\"{\n        'active-range-btn': selectedCharacterRange === letter\n      }\"\n    >\n      {{ letter }}\n    </button>\n    <div class=\"divider-apl\" *ngIf=\"!last\"></div>\n  </ng-container>\n</ng-template>\n", styles: [":host{display:block}.dialog-heading{border-bottom:2px solid rgba(0,0,0,.12);padding:0 16px}::ng-deep .mat-mdc-dialog-container .mdc-dialog__title{margin-bottom:8px!important;font-family:Montserrat;font-weight:600;font-size:16px;color:#000000de;padding:0 0 9px}.close-button{margin-right:-8px}.dialog-body-wrapper ::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}.search-button{padding:4px 24px}.filter-options{margin-bottom:15px}.filter-options .mat-radio-button{margin-right:24px}.org-container{display:flex;flex-direction:column}.alphabet-filter{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;padding:8px 0}.alphabet-filter .divider-apl{width:1px;height:14px;background-color:#00000029}.alphabet-filter .letter-button,.alphabet-filter .range-button{min-width:30px;padding:0;margin:2px;line-height:30px;font-family:Lato;font-weight:400;font-size:12px;color:#0009}.alphabet-filter .letter-button.active-range-btn,.alphabet-filter .active-range-btn.range-button{font-weight:700;font-size:14px;color:#000}.alphabet-filter .range-button{padding:0 16px!important}.organization-scroll{flex:1;overflow-x:auto;white-space:nowrap}.org-row{display:flex;flex-direction:row}.org-column .org-list{display:flex;flex-direction:column;gap:6px}.org-column .org-card .mat-checkbox ::ng-deep .mat-checkbox-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:180px;font-family:Lato;font-weight:700;font-size:14px;line-height:16px;color:#000000de}:host ::ng-deep .mat-mdc-dialog-content{max-height:79vh!important}.apply-button-container div:first-child{color:#0009}.apply-button-container button{padding:0 54px}.spinner-loader{height:200px}.no-data span{font-family:Lato;font-size:8.98px;color:#000000de}.batch-range-title{font-weight:700;margin-bottom:8px}.batch-range-columns{display:flex;flex-direction:row;gap:24px}.batch-column{display:flex;flex-direction:column;min-width:180px}.options-checkbox .mat-checkbox ::ng-deep .mat-checkbox-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-family:Lato;font-weight:700;font-size:14px;line-height:14px;color:#000000de}.lato-normal-text-line{font-family:Lato;font-weight:400;font-size:14px;color:#000}.checkbox-toggle input[type=checkbox]{height:0;width:0;visibility:hidden}.checkbox-toggle label{cursor:pointer;width:60px;height:28px;background:#666;display:block;border-radius:100px;position:relative}.checkbox-toggle label:before{content:\"OFF\";color:#fff;position:absolute;left:28px;top:2px;z-index:1;transition:.3s;font-family:Montserrat;font-weight:600;font-size:11.57px}.checkbox-toggle label:after{content:\"\";position:absolute;top:4px;left:5px;width:20px;height:20px;background:#fff;border-radius:90px;transition:.3s;z-index:2}.checkbox-toggle input:checked+label{background:#1d8923}.checkbox-toggle input:checked+label:before{content:\"ON\";left:10px;font-family:Montserrat;font-weight:600;font-size:11.57px;transition:.3s}.checkbox-toggle input:checked+label:after{left:calc(100% - 5px);transform:translate(-100%)}.checkbox-toggle label:active:after{width:30px}.checkbox-toggle label[data-disabled=true]{cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i5.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i4$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i11.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i11.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i11$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i11$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: i12.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i4.KeyValuePipe, name: "keyvalue" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: EntitySelectionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "sb-uic-entity-selections", standalone: false, template: "<div class=\"flex justify-between dialog-heading items-center\">\n  <h2 mat-dialog-title class=\"mb-0\">{{ getModalTitle() }}</h2>\n  <button mat-icon-button class=\"close-button\" (click)=\"onClose()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n\n<div mat-dialog-content class=\"dialog-body-wrapper\">\n  <ng-container\n    *ngIf=\"\n      selectionType === selectionTypeEnum.Designation ||\n      selectionType === selectionTypeEnum.Service ||\n      selectionType === selectionTypeEnum.Cadre ||\n      selectionType === selectionTypeEnum.Batch ||\n      selectionType === selectionTypeEnum.Organizations ||\n      selectionType === selectionTypeEnum.CustomField\n    \"\n  >\n    <!-- Search Box -->\n    <ng-container *ngIf=\"selectionType !== selectionTypeEnum.CustomField\">\n      <div class=\"search-container flex items-center gap-4\">\n        <div class=\"mat-full-radius flex-grow\">\n          <mat-form-field appearance=\"outline\" class=\"w-full\">\n            <mat-icon matPrefix>search</mat-icon>\n            <input matInput placeholder=\"Type here to search...\" [formControl]=\"searchControl\" (keyup.enter)=\"search()\" />\n          </mat-form-field>\n        </div>\n        <button mat-flat-button [disabled]=\"!searchControl.value\" class=\"flex items-center rounded-full new-bg-color font-bold text-sm text-white search-button\" (click)=\"search()\">Search</button>\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"selectionType === selectionTypeEnum.Organizations\">\n      <div class=\"lato-normal-text-line mt-2 ml-4\">Select the Organizations only if this plan needs to be made visible to only selective organizations users.</div>\n    </ng-container>\n    <ng-container *ngIf=\"selectionType === selectionTypeEnum.Designation\">\n      <div class=\"lato-normal-text-line mt-2 ml-4\">Select the Designations only if this plan needs to be made visible to only selective designation users.</div>\n    </ng-container>\n\n    <div class=\"p-4 pl-0 mt-2\">\n      <!-- Filter Options -->\n      <ng-container *ngIf=\"selectionType !== selectionTypeEnum.Group && selectionType !== selectionTypeEnum.VerificationStatus\">\n        <div class=\"filter-options\">\n          <mat-tab-group #tabGroup dynamicHeight mat-stretch-tabs=\"false\" mat-align-tabs=\"start\" (selectedTabChange)=\"onFilterChange($event)\" [(selectedIndex)]=\"activeTab\" [animationDuration]=\"100\">\n            <mat-tab *ngFor=\"let item of radioSelections\" [label]=\"item.label\">\n              <div class=\"org-container\">\n                <!-- A-Z Filter Bar -->\n                <ng-container *ngIf=\"isLoading\">\n                  <div class=\"spinner-loader flex items-center justify-center\">\n                    <mat-spinner></mat-spinner>\n                  </div>\n                </ng-container>\n                <ng-container *ngIf=\"!isLoading\">\n                  <!-- Select all option  -->\n                  <ng-container\n                    *ngIf=\"\n                      ( selectionType === selectionTypeEnum.Cadre ||\n                        selectionType === selectionTypeEnum.CustomField ||\n                        selectionType === selectionTypeEnum.Service ||\n                        selectionType === selectionTypeEnum.Batch) &&\n                      filterValue === 'all'\n                    \"\n                  >\n                    <div class=\"px-2 py-4 options-checkbox\">\n                      <ng-container *ngFor=\"let item of entityFilterOptions\">\n                        <mat-checkbox\n                          class=\"mr-4\"\n                          [disabled]=\"accessControlCriteriaSelection?.readOnly || data?.disabled\"\n                          (change)=\"selectAvailableOptions($event)\"\n                          [value]=\"item?.value\"\n                          [checked]=\"item?.value === 'selectAll' ? areAllSelected() : isOptionSelected(item?.value)\"\n                        >\n                          {{ item?.label }}\n                        </mat-checkbox>\n                      </ng-container>\n                    </div>\n                  </ng-container>\n                  <div class=\"alphabet-filter\" *ngIf=\"selectionType !== selectionTypeEnum.Batch && selectionType !== selectionTypeEnum.CustomField && alphabet?.length\">\n                    <ng-container *ngTemplateOutlet=\"alphabetFilterTemplate; context: { alphabet: alphabet }\"></ng-container>\n                  </div>\n\n                  <div class=\"alphabet-filter\" *ngIf=\"selectionType === selectionTypeEnum.Batch\">\n                    <ng-container *ngFor=\"let letter of batchRanges; let i = index; let last = last\">\n                      <button\n                        mat-button\n                        class=\"range-button px-4\"\n                        (click)=\"scrollToSection(letter)\"\n                        [ngClass]=\"{\n                          'active-range-btn': selectedCharacterRange === letter\n                        }\"\n                      >\n                        {{ letter }}\n                      </button>\n                      <div class=\"divider-apl\" *ngIf=\"!last\"></div>\n                    </ng-container>\n                  </div>\n\n                  <!-- Selections for Service -->\n                  <ng-container *ngIf=\"selectionType === selectionTypeEnum.Service && (application === APPLICATION_ENUM.MDO || applyNewServiceSelections)\">\n                    <ng-container *ngIf=\"filterValue === 'all' && selectionType === selectionTypeEnum.Service\">\n                      <div class=\"flex gap-4 items-center px-2 my-3 options-radio\">\n                        <mat-radio-group [disabled]=\"accessControlCriteriaSelection?.readOnly || data?.disabled\" \n                                       [(ngModel)]=\"selectedServiceType\" \n                                       (change)=\"onChangeServiceSelectionType($event)\"\n                                       class=\"flex flex-wrap gap-4\">\n                          <ng-container *ngFor=\"let type of serviceSelectionTypes\">\n                            <mat-radio-button\n                              [value]=\"type\"\n                              [disabled]=\"accessControlCriteriaSelection?.readOnly || data?.disabled\"\n                              [checked]=\"selectedServiceType === type\"\n                              class=\"service-radio-btn\"\n                            >\n                              {{ type }}\n                            </mat-radio-button>\n                          </ng-container>\n                        </mat-radio-group>\n                      </div>\n                    </ng-container>\n\n                    <ng-container *ngIf=\"checkIfData; else noData\">\n                      <ng-container *ngTemplateOutlet=\"entityListTemplate\"></ng-container>\n                    </ng-container>\n                  </ng-container>\n\n                  <ng-container *ngIf=\"(selectionType !== selectionTypeEnum.Service)\">\n                    <ng-container *ngIf=\"checkIfData; else noData\">\n                      <ng-container *ngTemplateOutlet=\"entityListTemplate\"></ng-container>\n                    </ng-container>\n                  </ng-container>\n\n                  <ng-template #noData>\n                    <div class=\"no-data p-4 flex flex-column items-center justify-center\">\n                      <img src=\"/assets/icons/no-events.png\" alt=\"no-data\" />\n                      <span class=\"font-bold\">No information to display yet</span>\n\n                      <ng-container *ngIf=\"selectionType === selectionTypeEnum.Designation && orgSelectionIds?.length && !searchControl.value\">\n                        <ng-container *ngIf=\"selectedCharacterRange === '#' && application !== APPLICATION_ENUM.MDO\">\n                          <div class=\"lato-normal-text-line text-center mt-2 mb-2\">Designations are not available for the selected organizations.</div>\n                          <button (click)=\"loadMoreDesignation()\" mat-flat-button class=\"flex items-center justify-center rounded-full new-bg-color font-bold text-sm text-white mt-2\">\n                            Load Master Designations\n                          </button>\n                        </ng-container>\n                      </ng-container>\n                    </div>\n                  </ng-template>\n                </ng-container>\n              </div>\n            </mat-tab>\n          </mat-tab-group>\n        </div>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"selectionType === selectionTypeEnum.Group\">\n    <ng-container *ngIf=\"isLoading\">\n      <div class=\"spinner-loader flex items-center justify-center\">\n        <mat-spinner></mat-spinner>\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"!isLoading\">\n      <div class=\"flex gap-16 items-center p-4 options-checkbox\">\n        <ng-container *ngFor=\"let group of dataList\">\n          <mat-checkbox [disabled]=\"accessControlCriteriaSelection?.readOnly || data?.disabled\" [checked]=\"isSelected(group)\" (change)=\"toggleSelection(group)\" [title]=\"group\">\n            {{ group }}\n          </mat-checkbox>\n        </ng-container>\n      </div>\n    </ng-container>\n  </ng-container>\n\n  <ng-container *ngIf=\"selectionType === selectionTypeEnum.VerificationStatus\">\n    <div class=\"flex gap-16 items-center p-4 options-checkbox\">\n      <ng-container *ngFor=\"let group of dataList\">\n        <mat-checkbox\n          [disabled]=\"accessControlCriteriaSelection?.readOnly || data?.disabled || disabledVerifiedIfModerated(group)\"\n          [checked]=\"isSelectedVerification(group)\"\n          (change)=\"onVerificationChange(group)\"\n          [title]=\"group?.label\"\n        >\n          {{ group?.label }}\n        </mat-checkbox>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <ng-container *ngIf=\"selectionType === selectionTypeEnum.CentralDeputation\">\n    <div class=\"flex items-start p-4 flex-column\">\n      <div class=\"lato-normal-text-line\">When ON, this training plan will be allocated to all AIS officials marked as on Central Deputation in their profiles.</div>\n      <div class=\"toggle-central-deputation flex gap-4 items-end\">\n        <div class=\"toggle-central-deputation lato-normal-text-line\">Central Deputation</div>\n        <div class=\"checkbox-toggle\">\n          <input\n            [disabled]=\"accessControlCriteriaSelection?.readOnly || data?.disabled\"\n            [(ngModel)]=\"selectedCentralDeputation\"\n            (change)=\"onCentralDeputationChange($event)\"\n            id=\"switch-onDeputation\"\n            type=\"checkbox\"\n          />\n          <label for=\"switch-onDeputation\" [attr.data-disabled]=\"accessControlCriteriaSelection?.readOnly || data?.disabled\"></label>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</div>\n\n<mat-dialog-actions>\n  <ng-container *ngIf=\"checkIfData || selectionType === selectionTypeEnum.CentralDeputation\">\n    <div class=\"flex gap-4 items-center ml-auto mr-1 apply-button-container my-2\">\n      <ng-container *ngIf=\"selectionType !== selectionTypeEnum.VerificationStatus && selectionType !== selectionTypeEnum.CentralDeputation\">\n        <div class=\"text-xs\">{{ filterValue === \"all\" ? selectedDataTemp?.length : selectedData?.length }} items selected</div>\n      </ng-container>\n      <ng-container\n        *ngIf=\"selectionType === selectionTypeEnum?.VerificationStatus || selectionType === selectionTypeEnum?.Group || selectionType === selectionTypeEnum?.CentralDeputation || activeTab === 1\"\n      >\n        <button\n          mat-flat-button\n          [disabled]=\"(selectedData.length === 0 && selectedDataTemp.length === 0) || accessControlCriteriaSelection?.readOnly || data?.disabled\"\n          (click)=\"applySelections()\"\n          class=\"flex items-center justify-center rounded-full new-bg-color font-bold text-sm text-white mt-2\"\n        >\n          Apply\n        </button>\n      </ng-container>\n      <ng-container\n        *ngIf=\"selectionType !== selectionTypeEnum?.VerificationStatus && selectionType !== selectionTypeEnum?.Group && selectionType !== selectionTypeEnum.CentralDeputation && activeTab === 0\"\n      >\n        <button\n          mat-flat-button\n          [disabled]=\"selectedDataTemp.length === 0 || accessControlCriteriaSelection?.readOnly || data?.disabled\"\n          (click)=\"setSelected()\"\n          class=\"flex items-center justify-center rounded-full new-bg-color font-bold text-sm text-white mt-2\"\n        >\n          {{ getModalTitle() }}\n        </button>\n      </ng-container>\n    </div>\n  </ng-container>\n</mat-dialog-actions>\n\n<ng-template #entityListTemplate>\n  <div class=\"flex overflow-x-auto\" (scroll)=\"onScrollPaginate($event)\">\n    <ng-container *ngFor=\"let group of groupedEntityData | keyvalue\">\n      <div class=\"org-column p-2 mr-4\" [attr.id]=\"'section-' + group.key\">\n        <div class=\"org-list\">\n          <div class=\"batch-range-columns\">\n            <ng-container *ngIf=\"group.value && group.value.length\">\n              <ng-container *ngFor=\"let column of group.value\">\n                <div class=\"batch-column\">\n                  <div *ngFor=\"let entity of column\" class=\"org-card py-2\">\n                    <ng-container\n                      *ngIf=\"\n                        selectionType === selectionTypeEnum.Designation ||\n                        selectionType === selectionTypeEnum.Organizations ||\n                        selectionType === selectionTypeEnum.Service ||\n                        selectionType === selectionTypeEnum.Cadre ||\n                        selectionType === selectionTypeEnum.CustomField\n                      \"\n                    >\n                      <mat-checkbox\n                        [disabled]=\"accessControlCriteriaSelection?.readOnly || disableOrganisationIfModerated(entity) || data?.disabled\"\n                        [checked]=\"isSelected(entity)\"\n                        (change)=\"toggleSelection(entity)\"\n                        [title]=\"entity?.fieldValue || entity?.name || entity?.designation || entity?.channel\"\n                      >\n                        {{ entity?.fieldValue || entity?.name || entity?.designation || entity?.channel }}\n                      </mat-checkbox>\n                    </ng-container>\n                    <ng-container *ngIf=\"selectionType === selectionTypeEnum.Batch\">\n                      <mat-checkbox [disabled]=\"accessControlCriteriaSelection?.readOnly || data?.disabled\" [checked]=\"isSelected(entity)\" (change)=\"toggleSelection(entity)\" [title]=\"entity\">\n                        {{ entity }}\n                      </mat-checkbox>\n                    </ng-container>\n                  </div>\n                </div>\n              </ng-container>\n            </ng-container>\n          </div>\n        </div>\n      </div>\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #alphabetFilterTemplate let-alphabet=\"alphabet\">\n  <ng-container *ngFor=\"let letter of alphabet; let i = index; let last = last\">\n    <button\n      mat-button\n      class=\"letter-button\"\n      (click)=\"scrollToSection(letter)\"\n      [ngClass]=\"{\n        'active-range-btn': selectedCharacterRange === letter\n      }\"\n    >\n      {{ letter }}\n    </button>\n    <div class=\"divider-apl\" *ngIf=\"!last\"></div>\n  </ng-container>\n</ng-template>\n", styles: [":host{display:block}.dialog-heading{border-bottom:2px solid rgba(0,0,0,.12);padding:0 16px}::ng-deep .mat-mdc-dialog-container .mdc-dialog__title{margin-bottom:8px!important;font-family:Montserrat;font-weight:600;font-size:16px;color:#000000de;padding:0 0 9px}.close-button{margin-right:-8px}.dialog-body-wrapper ::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}.search-button{padding:4px 24px}.filter-options{margin-bottom:15px}.filter-options .mat-radio-button{margin-right:24px}.org-container{display:flex;flex-direction:column}.alphabet-filter{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;padding:8px 0}.alphabet-filter .divider-apl{width:1px;height:14px;background-color:#00000029}.alphabet-filter .letter-button,.alphabet-filter .range-button{min-width:30px;padding:0;margin:2px;line-height:30px;font-family:Lato;font-weight:400;font-size:12px;color:#0009}.alphabet-filter .letter-button.active-range-btn,.alphabet-filter .active-range-btn.range-button{font-weight:700;font-size:14px;color:#000}.alphabet-filter .range-button{padding:0 16px!important}.organization-scroll{flex:1;overflow-x:auto;white-space:nowrap}.org-row{display:flex;flex-direction:row}.org-column .org-list{display:flex;flex-direction:column;gap:6px}.org-column .org-card .mat-checkbox ::ng-deep .mat-checkbox-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:180px;font-family:Lato;font-weight:700;font-size:14px;line-height:16px;color:#000000de}:host ::ng-deep .mat-mdc-dialog-content{max-height:79vh!important}.apply-button-container div:first-child{color:#0009}.apply-button-container button{padding:0 54px}.spinner-loader{height:200px}.no-data span{font-family:Lato;font-size:8.98px;color:#000000de}.batch-range-title{font-weight:700;margin-bottom:8px}.batch-range-columns{display:flex;flex-direction:row;gap:24px}.batch-column{display:flex;flex-direction:column;min-width:180px}.options-checkbox .mat-checkbox ::ng-deep .mat-checkbox-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-family:Lato;font-weight:700;font-size:14px;line-height:14px;color:#000000de}.lato-normal-text-line{font-family:Lato;font-weight:400;font-size:14px;color:#000}.checkbox-toggle input[type=checkbox]{height:0;width:0;visibility:hidden}.checkbox-toggle label{cursor:pointer;width:60px;height:28px;background:#666;display:block;border-radius:100px;position:relative}.checkbox-toggle label:before{content:\"OFF\";color:#fff;position:absolute;left:28px;top:2px;z-index:1;transition:.3s;font-family:Montserrat;font-weight:600;font-size:11.57px}.checkbox-toggle label:after{content:\"\";position:absolute;top:4px;left:5px;width:20px;height:20px;background:#fff;border-radius:90px;transition:.3s;z-index:2}.checkbox-toggle input:checked+label{background:#1d8923}.checkbox-toggle input:checked+label:before{content:\"ON\";left:10px;font-family:Montserrat;font-weight:600;font-size:11.57px;transition:.3s}.checkbox-toggle input:checked+label:after{left:calc(100% - 5px);transform:translate(-100%)}.checkbox-toggle label:active:after{width:30px}.checkbox-toggle label[data-disabled=true]{cursor:not-allowed}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.MatDialogRef }, { type: AccessControlService }, { type: CadreMappingService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ["environment"]
+                }] }], propDecorators: { tabGroupRef: [{
+                type: ViewChild,
+                args: ["tabGroup", { read: ElementRef }]
+            }] } });
+
+class ConfirmDialogComponent {
+    constructor(dialogRef) {
+        this.dialogRef = dialogRef;
+        this.data = inject(MAT_DIALOG_DATA);
+    }
+    confirmNo() {
+        this.dialogRef.close({ action: NsAccessControlConfig.IActions.Reject });
+    }
+    confirmYes() {
+        this.dialogRef.close({ action: NsAccessControlConfig.IActions.Confirm });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i1$3.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ConfirmDialogComponent, isStandalone: false, selector: "sb-uic-confirm-dialog", ngImport: i0, template: "<div class=\"dialog-confirm p-4\" *ngIf=\"data && data?.type !== 'confirm-reset-fields'\">\n  <div class=\"flex items-center justify-center flex-column\">\n    <div class=\"icon mb-6\" [ngSwitch]=\"data.type\">\n      <mat-icon *ngSwitchCase=\"'delete'\">delete</mat-icon>\n      <mat-icon *ngSwitchCase=\"'confirm-access-type'\" svgIcon=\"radio-on\"></mat-icon>\n      <mat-icon *ngSwitchCase=\"'confirm-apply-accesscontrol-for-live'\" svgIcon=\"radio-on\"></mat-icon>\n    </div>\n\n    <div [ngSwitch]=\"data?.type\">\n      <ng-container *ngSwitchCase=\"'delete'\">\n        <div class=\"confirm-title text-center\">Are you sure you want to delete {{ data?.additionalData || \"\" }} ?</div>\n        <div class=\"confirm-desc text-center\">\n          Once deleted, it cannot be restored, and any access permissions associated with it will be removed. This action is irreversible.\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'confirm-access-type'\">\n        <div class=\"confirm-title text-center\">Are you sure you want to opt for \"Public\" access?</div>\n        <div class=\"confirm-desc text-center\">Or else please cancel and select <strong>\"Custom\"</strong> for the restricted content access.</div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'confirm-save-without-user-group'\">\n        <div class=\"confirm-title text-center\">Are you sure you want to save without adding user group/s?</div>\n        <div class=\"confirm-desc text-center\">Or please cancel and <strong>\u201CAdd User Group\u201D</strong> for the restricted content access,</div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'confirm-apply-accesscontrol-for-live'\">\n        <div class=\"confirm-title text-center\">\n          Are you sure you want to apply changes without any more modifications?\n        </div>\n        <div class=\"confirm-desc text-center\">\n          <p><strong>These changes will go live immediately</strong> and affect <strong>all enrolled learners</strong>.</p>\n        </div>\n      </ng-container>\n    </div>\n\n    <ng-container *ngIf=\"data?.type === 'delete'\">\n      <div class=\"confirm-actions flex items-center gap-4 mt-4\">\n        <button mat-flat-button class=\"mat-btn-outline mt-2 gap-2 border-radius-4\" (click)=\"confirmNo()\">No</button>\n        <button mat-flat-button class=\"new-bg-color text-white mt-2\" (click)=\"confirmYes()\">Yes</button>\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"data?.type === 'confirm-access-type' || data?.type === 'confirm-save-without-user-group' || data?.type === 'confirm-apply-accesscontrol-for-live'\">\n      <div class=\"confirm-actions flex items-center gap-4 mt-4\">\n        <button mat-flat-button class=\"mat-btn-outline mt-2 gap-2 border-radius-4\" (click)=\"confirmNo()\">Cancel</button>\n        <button mat-flat-button class=\"new-bg-color text-white mt-2\" (click)=\"confirmYes()\">Yes</button>\n      </div>\n    </ng-container>\n  </div>\n</div>\n\n<div class=\"dialog-confirm p-4\" *ngIf=\"data && data?.type === 'confirm-reset-fields'\">\n  <div class=\"flex items-center justify-center flex-column\">\n\n    <div class=\"icon mb-6\" [ngSwitch]=\"data.type\">\n      <mat-icon *ngSwitchCase=\"'confirm-reset-fields'\" svgIcon=\"radio-on\"></mat-icon>\n    </div>\n\n    <div [ngSwitch]=\"data?.type\">\n      <ng-container *ngSwitchCase=\"'confirm-reset-fields'\">\n        <div class=\"confirm-title text-center\">\n          Any changes in this condition would reset the below AND conditions, do you still wish to continue?\n        </div>\n        <!-- Optional description div can go here -->\n      </ng-container>\n    </div>\n\n    <ng-container *ngIf=\"data?.type === 'confirm-reset-fields'\">\n      <div class=\"confirm-actions flex items-center justify-center gap-4 mt-4\">\n        <button mat-flat-button class=\"mat-btn-outline mt-2 gap-2\" (click)=\"confirmNo()\">Cancel</button>\n        <button mat-flat-button class=\"new-bg-color text-white mt-2\" (click)=\"confirmYes()\">Confirm</button>\n      </div>\n    </ng-container>\n\n  </div>\n</div>\n\n\n", styles: [".confirm-title{font-family:Montserrat;font-weight:600;font-size:14px;color:#1b2133}.confirm-desc{font-family:Lato;font-weight:400;font-size:14px;color:#0009}.icon mat-icon{font-size:56px;height:56px;width:56px;color:#1b4ca1}.confirm-actions button{padding:0 32px!important}.border-radius-4{border-radius:4px!important}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i11.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "sb-uic-confirm-dialog", standalone: false, template: "<div class=\"dialog-confirm p-4\" *ngIf=\"data && data?.type !== 'confirm-reset-fields'\">\n  <div class=\"flex items-center justify-center flex-column\">\n    <div class=\"icon mb-6\" [ngSwitch]=\"data.type\">\n      <mat-icon *ngSwitchCase=\"'delete'\">delete</mat-icon>\n      <mat-icon *ngSwitchCase=\"'confirm-access-type'\" svgIcon=\"radio-on\"></mat-icon>\n      <mat-icon *ngSwitchCase=\"'confirm-apply-accesscontrol-for-live'\" svgIcon=\"radio-on\"></mat-icon>\n    </div>\n\n    <div [ngSwitch]=\"data?.type\">\n      <ng-container *ngSwitchCase=\"'delete'\">\n        <div class=\"confirm-title text-center\">Are you sure you want to delete {{ data?.additionalData || \"\" }} ?</div>\n        <div class=\"confirm-desc text-center\">\n          Once deleted, it cannot be restored, and any access permissions associated with it will be removed. This action is irreversible.\n        </div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'confirm-access-type'\">\n        <div class=\"confirm-title text-center\">Are you sure you want to opt for \"Public\" access?</div>\n        <div class=\"confirm-desc text-center\">Or else please cancel and select <strong>\"Custom\"</strong> for the restricted content access.</div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'confirm-save-without-user-group'\">\n        <div class=\"confirm-title text-center\">Are you sure you want to save without adding user group/s?</div>\n        <div class=\"confirm-desc text-center\">Or please cancel and <strong>\u201CAdd User Group\u201D</strong> for the restricted content access,</div>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'confirm-apply-accesscontrol-for-live'\">\n        <div class=\"confirm-title text-center\">\n          Are you sure you want to apply changes without any more modifications?\n        </div>\n        <div class=\"confirm-desc text-center\">\n          <p><strong>These changes will go live immediately</strong> and affect <strong>all enrolled learners</strong>.</p>\n        </div>\n      </ng-container>\n    </div>\n\n    <ng-container *ngIf=\"data?.type === 'delete'\">\n      <div class=\"confirm-actions flex items-center gap-4 mt-4\">\n        <button mat-flat-button class=\"mat-btn-outline mt-2 gap-2 border-radius-4\" (click)=\"confirmNo()\">No</button>\n        <button mat-flat-button class=\"new-bg-color text-white mt-2\" (click)=\"confirmYes()\">Yes</button>\n      </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"data?.type === 'confirm-access-type' || data?.type === 'confirm-save-without-user-group' || data?.type === 'confirm-apply-accesscontrol-for-live'\">\n      <div class=\"confirm-actions flex items-center gap-4 mt-4\">\n        <button mat-flat-button class=\"mat-btn-outline mt-2 gap-2 border-radius-4\" (click)=\"confirmNo()\">Cancel</button>\n        <button mat-flat-button class=\"new-bg-color text-white mt-2\" (click)=\"confirmYes()\">Yes</button>\n      </div>\n    </ng-container>\n  </div>\n</div>\n\n<div class=\"dialog-confirm p-4\" *ngIf=\"data && data?.type === 'confirm-reset-fields'\">\n  <div class=\"flex items-center justify-center flex-column\">\n\n    <div class=\"icon mb-6\" [ngSwitch]=\"data.type\">\n      <mat-icon *ngSwitchCase=\"'confirm-reset-fields'\" svgIcon=\"radio-on\"></mat-icon>\n    </div>\n\n    <div [ngSwitch]=\"data?.type\">\n      <ng-container *ngSwitchCase=\"'confirm-reset-fields'\">\n        <div class=\"confirm-title text-center\">\n          Any changes in this condition would reset the below AND conditions, do you still wish to continue?\n        </div>\n        <!-- Optional description div can go here -->\n      </ng-container>\n    </div>\n\n    <ng-container *ngIf=\"data?.type === 'confirm-reset-fields'\">\n      <div class=\"confirm-actions flex items-center justify-center gap-4 mt-4\">\n        <button mat-flat-button class=\"mat-btn-outline mt-2 gap-2\" (click)=\"confirmNo()\">Cancel</button>\n        <button mat-flat-button class=\"new-bg-color text-white mt-2\" (click)=\"confirmYes()\">Confirm</button>\n      </div>\n    </ng-container>\n\n  </div>\n</div>\n\n\n", styles: [".confirm-title{font-family:Montserrat;font-weight:600;font-size:14px;color:#1b2133}.confirm-desc{font-family:Lato;font-weight:400;font-size:14px;color:#0009}.icon mat-icon{font-size:56px;height:56px;width:56px;color:#1b4ca1}.confirm-actions button{padding:0 32px!important}.border-radius-4{border-radius:4px!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.MatDialogRef }] });
+
+class AccessControlGuideComponent {
+    constructor(dialogRef, accessControlService) {
+        this.dialogRef = dialogRef;
+        this.accessControlService = accessControlService;
+    }
+    ngOnInit() {
+        this.accessControlGuideConfig = this.accessControlService.accessControlConfig().accessControlGuide;
+    }
+    onClose() {
+        this.dialogRef.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccessControlGuideComponent, deps: [{ token: i1$3.MatDialogRef }, { token: AccessControlService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AccessControlGuideComponent, isStandalone: false, selector: "sb-uic-access-control-guide", ngImport: i0, template: "<div class=\"flex justify-between dialog-heading items-center\">\n  <h2 mat-dialog-title class=\"mb-0\">Access Control Guide</h2>\n  <button mat-icon-button class=\"close-button\" (click)=\"onClose()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n<div mat-dialog-content>\n  <div class=\"video-wrapper\">\n    <video [src]=\"accessControlGuideConfig?.instructionVideoPath\" class=\"w-full h-full\" autoplay controls></video>\n  </div>\n\n  <div class=\"guide-information\">\n    <mat-tab-group dynamicHeight mat-stretch-tabs=\"false\" mat-align-tabs=\"start\">\n      <mat-tab label=\"Summary\" *ngIf=\"accessControlGuideConfig?.canShowSummaryTab\">\n        <div class=\"about-guide text-xs text-dark py-4\">\n          {{ accessControlGuideConfig?.summaryText || \"\" }}\n        </div>\n      </mat-tab>\n      <!-- <mat-tab label=\"Transcript\" *ngIf=\"accessControlGuideConfig?.canShowTranscriptTab\">No data yet </mat-tab> -->\n    </mat-tab-group>\n  </div>\n</div>\n", styles: [".dialog-heading{border-bottom:2px solid rgba(0,0,0,.12);padding:0 16px}.dialog-heading h2{font-family:Montserrat;font-weight:600;font-size:20px;margin-bottom:12px;padding-left:16px}:host ::ng-deep .mat-mdc-dialog-content{max-height:79vh!important}::ng-deep .mat-mdc-tab .mdc-tab__text-label{color:#241c15a6;font-family:Lato;font-weight:400;font-size:16px}::ng-deep .mat-mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline{border-color:#1b4ca1;--mat-tab-active-label-text-color: #1b4ca1 !important}:host ::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{font-family:Lato;font-weight:700;font-size:14px;color:#000000de}.mat-mdc-tab-header{--mat-tab-active-indicator-height: 2.5px !important}.about-guide{font-family:Lato;font-weight:400}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i11.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i11$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i11$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccessControlGuideComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "sb-uic-access-control-guide", standalone: false, template: "<div class=\"flex justify-between dialog-heading items-center\">\n  <h2 mat-dialog-title class=\"mb-0\">Access Control Guide</h2>\n  <button mat-icon-button class=\"close-button\" (click)=\"onClose()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n<div mat-dialog-content>\n  <div class=\"video-wrapper\">\n    <video [src]=\"accessControlGuideConfig?.instructionVideoPath\" class=\"w-full h-full\" autoplay controls></video>\n  </div>\n\n  <div class=\"guide-information\">\n    <mat-tab-group dynamicHeight mat-stretch-tabs=\"false\" mat-align-tabs=\"start\">\n      <mat-tab label=\"Summary\" *ngIf=\"accessControlGuideConfig?.canShowSummaryTab\">\n        <div class=\"about-guide text-xs text-dark py-4\">\n          {{ accessControlGuideConfig?.summaryText || \"\" }}\n        </div>\n      </mat-tab>\n      <!-- <mat-tab label=\"Transcript\" *ngIf=\"accessControlGuideConfig?.canShowTranscriptTab\">No data yet </mat-tab> -->\n    </mat-tab-group>\n  </div>\n</div>\n", styles: [".dialog-heading{border-bottom:2px solid rgba(0,0,0,.12);padding:0 16px}.dialog-heading h2{font-family:Montserrat;font-weight:600;font-size:20px;margin-bottom:12px;padding-left:16px}:host ::ng-deep .mat-mdc-dialog-content{max-height:79vh!important}::ng-deep .mat-mdc-tab .mdc-tab__text-label{color:#241c15a6;font-family:Lato;font-weight:400;font-size:16px}::ng-deep .mat-mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline{border-color:#1b4ca1;--mat-tab-active-label-text-color: #1b4ca1 !important}:host ::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{font-family:Lato;font-weight:700;font-size:14px;color:#000000de}.mat-mdc-tab-header{--mat-tab-active-indicator-height: 2.5px !important}.about-guide{font-family:Lato;font-weight:400}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.MatDialogRef }, { type: AccessControlService }] });
+
+class AccessControlComponent {
+    constructor(dialog, fb, accessControlService, cadreMappingService, snackbar) {
+        this.dialog = dialog;
+        this.fb = fb;
+        this.accessControlService = accessControlService;
+        this.cadreMappingService = cadreMappingService;
+        this.snackbar = snackbar;
+        this.contentId = "";
+        this.accessControlData = new EventEmitter();
+        this.refreshContentMeta = new EventEmitter();
+        this.sendForCQF = new EventEmitter();
+        this.destroy$ = new Subject();
+        this.accessType = NsAccessControlConfig.IAccessTypes.Public;
+        this.accessTypeDup = NsAccessControlConfig.IAccessTypes.Public;
+        this.ACCESS_TYPE_ENUM = NsAccessControlConfig.IAccessTypes;
+        this.ACCESS_SETTING_ENUM = NsAccessControlConfig.IAccessSetting;
+        this.isLoading = false;
+        this.isVisibilityEnabled = true;
+        this.filterCriteria = false;
+        this.defaultConditionRelationship = "AND";
+        this.defaultUserGroupRelationship = "OR";
+        this.MDO_SPECIFIC = NsAccessControlConfig.IAccessSetting.MDO_SPECIFIC;
+        this.MDO_APPLICATION = NsAccessControlConfig.Application.MDO;
+        this.CBP_APPLICATION = NsAccessControlConfig.Application.Creation_Portal;
+        this.isSaveFltrBtnDisabled = true;
+        this.isAddUserGroupBtnDisabled = false;
+        this.isSaving = false;
+        this.userCount = {};
+        this.canShowAccessControlTypeRadio = true;
+        this.shouldShowVisibilityToggle = true;
+        this.isCCA = false;
+    }
+    async ngOnInit() {
+        this.initForm();
+        if (this.config?.application === NsAccessControlConfig.Application.MDO) {
+            this.isCCA = this.config?.userConfig?.org?.isCCA ?? false;
+            if (!this.isCCA) {
+                this.config.accessControlCriteriaSelection.optionsEntity = _.filter(this.config.accessControlCriteriaSelection.optionsEntity, (entity) => entity.value !== NsAccessControlConfig.SelectionType.Organizations);
+            }
+            this.mdoContent = this.config?.mdoContent;
+        }
+        this.config.content = this.content;
+        this.accessControlCriteriaSelection = this.config?.accessControlCriteriaSelection;
+        if (this.accessControlCriteriaSelection.readOnly) {
+            this.accessControlCriteriaSelection.readOnly = false;
+        }
+        this.usersTableConfig = this.config?.usersTableConfig;
+        // Dont call read api for MDO its only for CBP for now
+        if (this.config.application !== NsAccessControlConfig.Application.MDO) {
+            this.getAccessControl();
+        }
+        if (!this.cadreConfigData) {
+            this.fetchCadreConfigData();
+        }
+        if (this.content && !this.content?.externalId) {
+            const isAllUsers = this.content.accessSetting === NsAccessControlConfig.IAccessSetting.ALL_USERS;
+            const isCustomAccess = this.content.accessSetting === NsAccessControlConfig.IAccessSetting.MDO_SPECIFIC ||
+                this.content.accessSetting === NsAccessControlConfig.IAccessSetting.CUSTOME_USER;
+            const isComprehensiveCategory = this.content.courseCategory === "Comprehensive Assessment Program";
+            const accessTypePublic = _.find(this.accessControlCriteriaSelection?.accessTypes, {
+                value: NsAccessControlConfig.IAccessTypes.Public
+            });
+            if (isAllUsers) {
+                this.accessType = NsAccessControlConfig.IAccessTypes.Public;
+                if (accessTypePublic)
+                    accessTypePublic.disabled = false;
+                if (this.content.accessSettingsEnabled) {
+                    this.accessType = NsAccessControlConfig.IAccessTypes.Custom;
+                }
+            }
+            if (isCustomAccess || isComprehensiveCategory) {
+                this.accessType = NsAccessControlConfig.IAccessTypes.Custom;
+                if (accessTypePublic)
+                    accessTypePublic.disabled = true;
+            }
+            this.processConditionsForContentType();
+        }
+        else if (this.config.application === NsAccessControlConfig.Application.MDO) {
+            // Condition for MDO
+            this.accessType = NsAccessControlConfig.IAccessTypes.Custom;
+        }
+        // For curated content of marketplace with external id 
+        else if (this.content && this.content?.externalId) {
+            this.accessType = NsAccessControlConfig.IAccessTypes.Custom;
+        }
+        this.canShowAccessControlTypeRadio = this.config?.accessControlCriteriaSelection?.canShowAccessTypeRadio ?? true;
+        this.shouldShowVisibilityToggle = this.config?.accessControlCriteriaSelection?.shouldShowVisibilityToggle ?? true;
+        this.accessTypeDup = this.accessType;
+        // Add config to signal 
+        this.accessControlService.accessControlConfig.set(this.config);
+        if (this.config.application === this.MDO_APPLICATION) {
+            if (this.tempAccessControl) {
+                this.processTempAccessControl(this.tempAccessControl);
+            }
+            else {
+                // Don't create a default user group yet - wait for API data to load
+                // If no data is loaded, the component using this will call addUserGroup
+                setTimeout(() => {
+                    this.initialUserGroupValue = JSON.stringify(this.accessControlForm.getRawValue().userGroup);
+                    this.setupFormChangeDetection();
+                }, 0);
+            }
+        }
+    }
+    ngAfterViewInit() {
+        if (this.config?.visiblilityOnOff?.default !== "on") {
+            this.isVisibilityEnabled = false;
+        }
+        localStorage.removeItem("goToSetting");
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    async fetchCadreConfigData() {
+        this.isLoading = true;
+        const response = await this.accessControlService.fetchCadreConfig().catch(() => (this.isLoading = false));
+        if (response?.result && response?.result?.response && Object.keys(response?.result?.response)?.length) {
+            this.cadreConfigData = response?.result?.response?.value;
+            this.cadreMappingService.initialize(this.cadreConfigData);
+            this.accessControlService.holdServiceCadrebatch.set({
+                service: this.cadreMappingService.getAllServices(),
+                batch: this.cadreMappingService.getAllBatchYears(),
+                cadre: this.cadreMappingService.getAllCadres(),
+            });
+            this.cadreMappingService.setCadreConfigData(this.cadreConfigData);
+            if (this.config.accessControlCriteriaSelection.allowCustomsField && !this.isCCA) {
+                this.getCustomsField();
+            }
+            else {
+                this.isLoading = false;
+            }
+        }
+    }
+    initForm() {
+        this.accessControlForm = this.fb.group({
+            userGroup: this.fb.array([])
+        });
+    }
+    get userGroup() {
+        return this.accessControlForm.get("userGroup");
+    }
+    ruleConditions(ruleIndex) {
+        return this.userGroup.at(ruleIndex).get("conditions");
+    }
+    onAccessTypeChange(event) {
+        const selectedType = event.value;
+        event?.source?._inputElement?.nativeElement?.blur();
+        if (selectedType === NsAccessControlConfig.IAccessTypes.Public) {
+            const dialogRef = this.dialog.open(ConfirmDialogComponent, {
+                width: "470px",
+                data: { type: "confirm-access-type" }
+            });
+            dialogRef.afterClosed().subscribe(result => {
+                if (result?.action === NsAccessControlConfig.IActions.Confirm) {
+                    this.accessType = selectedType;
+                    this.updateContentAccessSetting();
+                }
+                else {
+                    this.accessTypeDup = this.accessType;
+                }
+            });
+        }
+        else {
+            this.accessType = selectedType;
+            this.updateContentAccessSetting();
+        }
+    }
+    addUserGroup() {
+        const ruleGroup = this.fb.group({
+            id: [v4()],
+            name: [`User Group ${this.userGroup.length + 1}`],
+            description: [`Description for UserGroup ${this.userGroup.length + 1}`],
+            conditions: this.fb.array([this.createConditionGroup(v4(), this.userGroup.length - 1)]),
+            isUserGroupDisabled: [false],
+            isAddConditionDisabled: [false]
+        });
+        this.userGroup.push(ruleGroup);
+        // Update Central Deputation availability based on current AIS status
+        const hasAIS = this.hasAllIndiaServicesInAnyGroup();
+        if (!hasAIS) {
+            this.accessControlService.enableDeputation(false);
+        }
+    }
+    addCondition(userGroupIndex) {
+        this.processCadreConfigMapping(userGroupIndex);
+        const conditions = this.ruleConditions(userGroupIndex);
+        const accessSetting = this.content?.accessSetting;
+        // Check if organization/users already exists based on access setting
+        if (accessSetting === NsAccessControlConfig.IAccessSetting.MDO_SPECIFIC || accessSetting === NsAccessControlConfig.IAccessSetting.CUSTOME_USER) {
+            const entityType = accessSetting === NsAccessControlConfig.IAccessSetting.MDO_SPECIFIC
+                ? NsAccessControlConfig.SelectionType.Organizations
+                : NsAccessControlConfig.SelectionType.Users;
+            const existingEntity = conditions.controls.some(ctrl => ctrl.get("entity")?.value === entityType);
+            if (existingEntity) {
+                this.callSnackbar(`${entityType.toUpperCase()} is already added in this user group`, "error");
+                return;
+            }
+        }
+        // Check if the last condition's selections are empty
+        if (conditions?.length > 0) {
+            const lastCondition = conditions.at(conditions.length - 1);
+            const selections = lastCondition.get("selections")?.value || [];
+            if (selections.length === 0) {
+                this.callSnackbar("Please select a value for the current condition before adding another one.", "error");
+                return;
+            }
+        }
+        // Check if user is added in the condition then no more conditions can be added
+        if (conditions?.length > 0) {
+            const lastCondition = conditions.at(conditions.length - 1);
+            const lastEntity = lastCondition.get("entity")?.value;
+            if (lastEntity === NsAccessControlConfig.SelectionType.Users) {
+                this.callSnackbar("Adding further condition is not possible , as you have already added User as condition", "error");
+                return;
+            }
+        }
+        conditions.push(this.createConditionGroup(v4(), userGroupIndex));
+        // Update Central Deputation availability based on current AIS status
+        const hasAIS = this.hasAllIndiaServicesInAnyGroup();
+        if (!hasAIS) {
+            this.accessControlService.enableDeputation(false);
+        }
+    }
+    createConditionGroup(id, userGroupIndex) {
+        let entity = "";
+        const accessSetting = this.content?.accessSetting;
+        if (accessSetting === NsAccessControlConfig.IAccessSetting.MDO_SPECIFIC || accessSetting === NsAccessControlConfig.IAccessSetting.CUSTOME_USER) {
+            entity =
+                accessSetting === NsAccessControlConfig.IAccessSetting.MDO_SPECIFIC
+                    ? NsAccessControlConfig.SelectionType.Organizations
+                    : NsAccessControlConfig.SelectionType.Users;
+            this.accessControlCriteriaSelection.optionsEntity.forEach((ele) => {
+                ele.disabled = ele.value !== entity;
+            });
+        }
+        else {
+            // Don't modify optionsEntity here - it will be handled in onOpeningEntityChange
+            // Just reset to default state
+            this.accessControlCriteriaSelection.optionsEntity.forEach((ele) => {
+                ele.disabled = false;
+            });
+        }
+        // Disable entity control if readOnly is true
+        const isEntityDisabled = !!this.accessControlCriteriaSelection?.readOnly;
+        return this.fb.group({
+            id: [id],
+            entity: [{ value: entity, disabled: isEntityDisabled }, Validators.required],
+            conditionType: [{ value: "is", disabled: true }, Validators.required],
+            selections: [[]]
+        });
+    }
+    /**
+     * Check if any user group has All India Services selected
+     */
+    hasAllIndiaServicesInAnyGroup() {
+        const isAllIndiaService = (serviceName) => {
+            if (!serviceName)
+                return false;
+            const lower = serviceName.toLowerCase();
+            return lower.includes("all india service") ||
+                lower.includes("indian administrative service") ||
+                lower.includes("(ias)") ||
+                lower.includes("indian police service") ||
+                lower.includes("(ips)") ||
+                lower.includes("indian forest service") ||
+                lower.includes("(ifs)");
+        };
+        for (let i = 0; i < this.userGroup.length; i++) {
+            const conditions = this.ruleConditions(i);
+            for (let j = 0; j < conditions.length; j++) {
+                const condition = conditions.at(j);
+                const entity = condition?.get("entity")?.value;
+                const selections = condition?.get("selections")?.value || [];
+                if (entity === NsAccessControlConfig.SelectionType.Service && selections.length > 0) {
+                    // Check raw selections
+                    if (selections.some((s) => isAllIndiaService(s))) {
+                        return true;
+                    }
+                    // Also check through service mapping
+                    const serviceNames = this.cadreMappingService.getServicesByNames(selections);
+                    if (serviceNames.some((service) => isAllIndiaService(service.name))) {
+                        return true;
+                    }
+                }
+            }
+        }
+        return false;
+    }
+    /**
+     * Check if a specific user group has All India Services selected
+     */
+    hasAllIndiaServicesInUserGroup(userGroupIndex) {
+        if (userGroupIndex < 0 || userGroupIndex >= this.userGroup.length) {
+            return false;
+        }
+        const isAllIndiaService = (serviceName) => {
+            if (!serviceName)
+                return false;
+            const lower = serviceName.toLowerCase();
+            return lower.includes("all india service") ||
+                lower.includes("indian administrative service") ||
+                lower.includes("(ias)") ||
+                lower.includes("indian police service") ||
+                lower.includes("(ips)") ||
+                lower.includes("indian forest service") ||
+                lower.includes("(ifs)");
+        };
+        const conditions = this.ruleConditions(userGroupIndex);
+        for (let j = 0; j < conditions.length; j++) {
+            const condition = conditions.at(j);
+            const entity = condition?.get("entity")?.value;
+            const selections = condition?.get("selections")?.value || [];
+            if (entity === NsAccessControlConfig.SelectionType.Service && selections.length > 0) {
+                // Check raw selections
+                if (selections.some((s) => isAllIndiaService(s))) {
+                    return true;
+                }
+                // Also check through service mapping
+                const serviceNames = this.cadreMappingService.getServicesByNames(selections);
+                if (serviceNames.some((service) => isAllIndiaService(service.name))) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+    onEntityChange(userGroupIndex, conditionIndex) {
+        const conditions = this.ruleConditions(userGroupIndex);
+        const condition = conditions.at(conditionIndex);
+        const selectedEntity = condition?.get("entity")?.value;
+        const previousEntity = condition?.value?.entity;
+        if (condition?.value?.selections?.length) {
+            condition.get("selections")?.setValue([]);
+            this.processDisableAddConditionOnClose(userGroupIndex);
+            this.calculateUserCountForUserGroup(userGroupIndex, conditionIndex);
+        }
+        // If entity type changed from Service to something else, clear Central Deputation conditions
+        if (previousEntity === NsAccessControlConfig.SelectionType.Service && selectedEntity !== NsAccessControlConfig.SelectionType.Service) {
+            // Remove all Central Deputation conditions after this index in this user group
+            for (let i = conditions.length - 1; i >= conditionIndex + 1; i--) {
+                const cond = conditions.at(i);
+                if (cond?.get("entity")?.value === NsAccessControlConfig.SelectionType.CentralDeputation) {
+                    conditions.removeAt(i);
+                }
+            }
+            // Check if any other user group still has AIS
+            const hasAIS = this.hasAllIndiaServicesInAnyGroup();
+            if (!hasAIS) {
+                this.accessControlService.enableDeputation(false);
+            }
+        }
+    }
+    onOpeningEntityChange(event, userGroupIndex, conditionIndex) {
+        if (event) {
+            // Disable cadre from selection if services/batch has not cadre
+            const conditions = this.ruleConditions(userGroupIndex);
+            let selectedService = [];
+            let selectedBatch = [];
+            for (let i = 0; i < conditions.length; i++) {
+                const entity = conditions.at(i).get("entity")?.value;
+                const selections = conditions.at(i).get("selections")?.value || [];
+                if (entity === NsAccessControlConfig.SelectionType.Service) {
+                    selectedService = selections;
+                }
+                if (entity === NsAccessControlConfig.SelectionType.Batch) {
+                    selectedBatch = selections;
+                }
+            }
+            let availableCadres = [];
+            let disableCadre = false;
+            // 1. Only service is added
+            if (selectedService.length) {
+                const serviceSelections = this.cadreMappingService.getServiceIdsByName(selectedService || []) || [];
+                availableCadres = this.cadreMappingService.getCadresByServices(serviceSelections);
+                disableCadre = availableCadres.length === 0;
+            }
+            else {
+                // If neither is selected, do not disable Cadre
+                if (this.content) {
+                    if (this.content.accessSetting === NsAccessControlConfig.IAccessSetting.MDO_SPECIFIC)
+                        disableCadre = true;
+                    else
+                        disableCadre = false;
+                }
+            }
+            // Check if Central Deputation should be available (only if All India Services exists in THIS user group)
+            const hasAISInThisGroup = this.hasAllIndiaServicesInUserGroup(userGroupIndex);
+            const disableCentralDeputation = !hasAISInThisGroup;
+            const updatedOptions = this.accessControlCriteriaSelection.optionsEntity.map(option => {
+                if (option.value === NsAccessControlConfig.SelectionType.Cadre) {
+                    return { ...option, disabled: disableCadre };
+                }
+                if (option.value === NsAccessControlConfig.SelectionType.CentralDeputation) {
+                    return { ...option, disabled: disableCentralDeputation };
+                }
+                return option;
+            });
+            this.accessControlCriteriaSelection.optionsEntity = [...updatedOptions];
+        }
+    }
+    getAvailableEntities(userGroupIndex, currentConditionIndex) {
+        const conditions = this.ruleConditions(userGroupIndex);
+        const selectedEntities = conditions.controls
+            .map((ctrl, idx) => (idx !== currentConditionIndex ? ctrl.get("entity")?.value : null))
+            .filter(e => !!e);
+        return this.accessControlCriteriaSelection?.optionsEntity.filter(option => !selectedEntities.includes(option.value));
+    }
+    removeUserGroup(index) {
+        const group = this.userGroup.at(index);
+        const dialogRef = this.dialog.open(ConfirmDialogComponent, {
+            width: "470px",
+            data: { additionalData: group?.value?.name, type: "delete" }
+        });
+        dialogRef.afterClosed().subscribe(result => {
+            if (result?.action === NsAccessControlConfig.IActions.Confirm) {
+                if (group?.value?.conditions?.length && group?.value?.conditions[0]?.selections.length) {
+                    this.userGroup.removeAt(index);
+                    // Rename remaining groups
+                    for (let i = 0; i < this.userGroup.length; i++) {
+                        this.resetUserGroup(i);
+                    }
+                    this.reindexUserCount();
+                    // Check if any remaining user group has AIS
+                    const hasAIS = this.hasAllIndiaServicesInAnyGroup();
+                    if (!hasAIS) {
+                        this.accessControlService.enableDeputation(false);
+                    }
+                    this.applyAccessControlValue(true);
+                    this.calculateUserCountForUserGroup(index);
+                }
+                else {
+                    this.userGroup.removeAt(index);
+                    // Rename remaining groups
+                    for (let i = 0; i < this.userGroup.length; i++) {
+                        this.resetUserGroup(i);
+                    }
+                    this.reindexUserCount();
+                    // Check if any remaining user group has AIS
+                    const hasAIS = this.hasAllIndiaServicesInAnyGroup();
+                    if (!hasAIS) {
+                        this.accessControlService.enableDeputation(false);
+                    }
+                }
+            }
+        });
+    }
+    reindexUserCount() {
+        const newUserCount = {};
+        for (let i = 0; i < this.userGroup.length; i++) {
+            newUserCount[i] = this.userCount[i] || 0;
+        }
+        this.userCount = newUserCount;
+    }
+    resetUserGroup(index) {
+        const group = this.userGroup.at(index);
+        if (group) {
+            group.get("name")?.setValue(`User Group ${index + 1}`);
+        }
+    }
+    resetUserGroupWithSelections(userGroupIndex) {
+        const group = this.userGroup.at(userGroupIndex);
+        if (group) {
+            group.get("name")?.setValue(`User Group ${userGroupIndex + 1}`);
+            const conditions = group.get("conditions");
+            if (conditions && conditions.length) {
+                for (let i = 0; i < conditions.length; i++) {
+                    const condition = conditions.at(i);
+                    condition.get("entity")?.setValue("");
+                    condition.get("selections")?.setValue([]);
+                }
+            }
+            this.calculateUserCountForUserGroup(userGroupIndex);
+            this.processDisableAddConditionOnClose(userGroupIndex);
+        }
+    }
+    checkServicesAndResetReleated(userGroupIndex, conditionIndex) {
+        const userGroups = this.userGroup.at(userGroupIndex);
+        const conditions = this.ruleConditions(userGroupIndex);
+        if (userGroups) {
+            const conditionsUserGroup = userGroups?.value?.conditions || [];
+            // Find service index
+            const serviceIndex = _.findIndex(conditionsUserGroup, (c) => c.entity === NsAccessControlConfig.SelectionType.Service);
+            const condition = conditions.at(conditionIndex);
+            if (serviceIndex !== -1 && condition?.get("entity")?.value === NsAccessControlConfig.SelectionType.Service) {
+                conditionsUserGroup.forEach((c, index) => {
+                    if (_.includes([NsAccessControlConfig.SelectionType.CentralDeputation], c.entity) && index > serviceIndex) {
+                        conditions.setControl(index, this.createConditionGroup(v4(), userGroupIndex));
+                        this.accessControlService.enableDeputation(false);
+                    }
+                });
+                if (this.accessControlCriteriaSelection?.optionsEntity?.filter(ele => ele.value === NsAccessControlConfig.SelectionType.CentralDeputation)?.length) {
+                    this.accessControlService.enableDeputation(false);
+                }
+            }
+        }
+    }
+    removeCondition(userGroupIndex, conditionIndex) {
+        const conditions = this.ruleConditions(userGroupIndex);
+        const dialogRef = this.dialog.open(ConfirmDialogComponent, {
+            width: "470px",
+            data: { additionalData: "this condition", type: "delete" }
+        });
+        dialogRef.afterClosed().subscribe(result => {
+            if (result?.action === NsAccessControlConfig.IActions.Confirm) {
+                this.checkServicesAndResetReleated(userGroupIndex, conditionIndex);
+                conditions.removeAt(conditionIndex);
+                this.applyAccessControlValue(true);
+                this.calculateUserCountForUserGroup(userGroupIndex);
+                this.processDisableAddConditionOnClose(userGroupIndex);
+            }
+        });
+    }
+    resetCondition(userGroupIndex, conditionIndex) {
+        const conditions = this.ruleConditions(userGroupIndex);
+        const condition = conditions.at(conditionIndex);
+        if (condition) {
+            const wasServiceCondition = condition.get("entity")?.value === NsAccessControlConfig.SelectionType.Service;
+            this.checkServicesAndResetReleated(userGroupIndex, conditionIndex);
+            const id = condition.get("id")?.value || v4();
+            conditions.setControl(conditionIndex, this.createConditionGroup(id, userGroupIndex));
+            // If it was a service condition, check if any user group still has AIS
+            if (wasServiceCondition) {
+                const hasAIS = this.hasAllIndiaServicesInAnyGroup();
+                if (!hasAIS) {
+                    this.accessControlService.enableDeputation(false);
+                }
+            }
+            this.calculateUserCountForUserGroup(userGroupIndex, conditionIndex);
+            this.processDisableAddConditionOnClose(userGroupIndex);
+            if (this.config.application === this.MDO_APPLICATION) {
+                this.applyAccessControlValue(true, false);
+            }
+        }
+    }
+    manageSelections(conditionForm, ruleForm, userGroupIndex, activeTabSelected = 0) {
+        const condition = conditionForm.getRawValue();
+        const rule = ruleForm.getRawValue();
+        let resetFilterFlag = false;
+        if (!(this.content?.status === "Live" || this.content?.prevStatus === "Live" || this.content?.status === "Review") || this.config.application === this.MDO_APPLICATION || this.content?.contentId) {
+            if (this.content?.accessSetting === NsAccessControlConfig.IAccessSetting.ALL_USERS) {
+                resetFilterFlag = this.checkForResetFilter(condition, rule, userGroupIndex);
+            }
+            else if (this.config.application === this.MDO_APPLICATION || this.content?.contentId) {
+                // For MDO applications, check if the user group is in initial state
+                const currentGroup = this.userGroup.at(userGroupIndex);
+                const isInInitialState = (() => {
+                    if (this.config?.mdoContent?.status === 'Live' || this.content?.status === 'live') {
+                        const initialUserGroups = this.getInitialState();
+                        if (initialUserGroups) {
+                            return initialUserGroups.some(group => group.userGroupName === currentGroup.get('name')?.value);
+                        }
+                    }
+                    return false;
+                })();
+                // Only show reset filter flag if not in initial state
+                if (!isInInitialState) {
+                    resetFilterFlag = this.checkForResetFilter(condition, rule, userGroupIndex);
+                }
+            }
+            if (resetFilterFlag) {
+                const dialogRef = this.dialog.open(ConfirmDialogComponent, {
+                    width: "470px",
+                    data: { type: "confirm-reset-fields" }
+                });
+                dialogRef.afterClosed().subscribe(result => {
+                    if (result?.action === NsAccessControlConfig.IActions.Confirm) {
+                        this.resetActiveUserGroupFields(condition, rule, userGroupIndex);
+                    }
+                });
+            }
+        }
+        switch (condition.entity) {
+            case NsAccessControlConfig.SelectionType.Users:
+                if (!resetFilterFlag) {
+                    this.openInviteUserDialog(condition, rule, activeTabSelected, rule?.isUserGroupDisabled);
+                }
+                break;
+            case NsAccessControlConfig.SelectionType.Organizations:
+            case NsAccessControlConfig.SelectionType.Designation:
+            case NsAccessControlConfig.SelectionType.Service:
+            case NsAccessControlConfig.SelectionType.Cadre:
+            case NsAccessControlConfig.SelectionType.Batch:
+            case NsAccessControlConfig.SelectionType.Group:
+            case NsAccessControlConfig.SelectionType.VerificationStatus:
+                this.processCadreConfigMapping(userGroupIndex);
+                if (!resetFilterFlag) {
+                    this.openSelectionDialog(rule, condition, activeTabSelected, rule?.isUserGroupDisabled);
+                }
+                break;
+            default:
+                if (!resetFilterFlag) {
+                    this.openSelectionDialog(rule, condition, activeTabSelected, rule?.isUserGroupDisabled);
+                }
+        }
+    }
+    openSelectionDialog(rule, condition, activeTabSelected, isDisabled) {
+        const originalSelections = [...(condition.selections || [])];
+        const dialogRef = this.dialog.open(EntitySelectionsComponent, {
+            width: "1032px",
+            data: { rule: rule, condition: condition, selected: condition.selections, activeTabSelected: activeTabSelected, disabled: isDisabled }
+        });
+        dialogRef.afterClosed().subscribe(result => {
+            if (result) {
+                // Find the rule FormGroup in the FormArray
+                const ruleIndex = this.userGroup.controls.findIndex((ctrl) => ctrl.get("id")?.value === result.rule.id);
+                if (ruleIndex !== -1) {
+                    const ruleGroup = this.userGroup.at(ruleIndex);
+                    const conditions = ruleGroup.get("conditions");
+                    const conditionIndex = conditions.controls.findIndex((ctrl) => ctrl.get("id")?.value === result.condition.id);
+                    if (conditionIndex !== -1) {
+                        const conditionGroup = conditions.at(conditionIndex);
+                        conditionGroup.get("selections")?.setValue(result.selected);
+                        if (condition.entity === NsAccessControlConfig.SelectionType.Organizations &&
+                            !this.areSelectionsEqual(originalSelections, result.selected)) {
+                            const designationCondition = conditions.controls.find(ctrl => ctrl.get("entity")?.value === NsAccessControlConfig.SelectionType.Designation);
+                            if (designationCondition) {
+                                designationCondition.get("selections")?.setValue([]);
+                            }
+                        }
+                        // Enable Deputation if Service is selected 'All India Services'
+                        if (condition.entity === NsAccessControlConfig.SelectionType.Service) {
+                            this.checkServicesAndResetReleated(ruleIndex, conditionIndex);
+                            const isAllIndiaService = (serviceName) => {
+                                if (!serviceName)
+                                    return false;
+                                const lower = serviceName.toLowerCase();
+                                return lower.includes("all india service") ||
+                                    lower.includes("indian administrative service") ||
+                                    lower.includes("(ias)") ||
+                                    lower.includes("indian police service") ||
+                                    lower.includes("(ips)") ||
+                                    lower.includes("indian forest service") ||
+                                    lower.includes("(ifs)");
+                            };
+                            const hasAIS = result.selected.some((s) => isAllIndiaService(s));
+                            if (hasAIS) {
+                                this.accessControlService.enableDeputation(true);
+                            }
+                            else {
+                                this.accessControlService.enableDeputation(false);
+                            }
+                        }
+                        this.processCadreConfigMapping(ruleIndex);
+                        this.processDisableAddConditionOnClose(ruleIndex);
+                        if (!this.areSelectionsEqual(originalSelections, result.selected)) {
+                            this.calculateUserCountForUserGroup(ruleIndex);
+                        }
+                        // send event after every selection for MDO
+                        if (this.config.application === this.MDO_APPLICATION) {
+                            this.applyAccessControlValue(true, false);
+                        }
+                    }
+                }
+            }
+        });
+    }
+    areSelectionsEqual(content_1, content_2) {
+        if (content_1.length !== content_2.length)
+            return false;
+        return content_1.every(item => content_2.includes(item));
+    }
+    processCadreConfigMapping(userGroupIndex) {
+        const ruleGroup = this.userGroup.at(userGroupIndex);
+        const conditionValue = ruleGroup.get("conditions").value;
+        if (conditionValue && conditionValue.length) {
+            const services = conditionValue.find((ele) => ele.entity === NsAccessControlConfig.SelectionType.Service);
+            const cadre = conditionValue.find((ele) => ele.entity === NsAccessControlConfig.SelectionType.Cadre);
+            const batch = conditionValue.find((ele) => ele.entity === NsAccessControlConfig.SelectionType.Batch);
+            const serviceSelections = this.cadreMappingService.getServiceIdsByName(services?.selections || []) || [];
+            const cadreSelections = this.cadreMappingService.getCadreIdsByName(cadre?.selections || []) || [];
+            const batchSelections = batch?.selections || [];
+            // Case 1: Only service selected
+            if (serviceSelections?.length && !cadreSelections?.length && !batchSelections?.length) {
+                this.accessControlService.holdServiceCadrebatch.update(prev => ({
+                    ...prev,
+                    service: this.cadreMappingService.getAllServices(),
+                    cadre: this.cadreMappingService.getCadresByServices(serviceSelections),
+                    batch: this.cadreMappingService.getBatchYearsByServices(serviceSelections)
+                }));
+            }
+            // Case 2: Only cadre selected
+            else if (!serviceSelections?.length && cadreSelections?.length && !batchSelections?.length) {
+                this.accessControlService.holdServiceCadrebatch.update(prev => ({
+                    ...prev,
+                    cadre: this.cadreMappingService.getAllCadres(),
+                    service: this.cadreMappingService.getServicesByCadres(cadreSelections),
+                    batch: this.cadreMappingService.getBatchYearsByCadres(cadreSelections)
+                }));
+            }
+            // Case 3: Only batch selected
+            else if (!serviceSelections?.length && !cadreSelections?.length && batchSelections?.length) {
+                this.accessControlService.holdServiceCadrebatch.update(prev => ({
+                    ...prev,
+                    batch: this.cadreMappingService.getAllBatchYears(),
+                    service: this.cadreMappingService.getServicesByBatchYears(batchSelections),
+                    cadre: this.cadreMappingService.getCadresByBatchYears(batchSelections)
+                }));
+            }
+            // Case 4: Service and Cadre selected
+            else if (serviceSelections?.length && cadreSelections?.length && !batchSelections?.length) {
+                this.accessControlService.holdServiceCadrebatch.update(prev => ({
+                    ...prev,
+                    service: this.cadreMappingService.getServicesByCadres(cadreSelections),
+                    cadre: this.cadreMappingService.getCadresByServices(serviceSelections),
+                    batch: this.cadreMappingService.getBatchYearsByServicesAndCadres(serviceSelections, cadreSelections)
+                }));
+            }
+            // Case 5: Service and Batch selected
+            else if (serviceSelections?.length && !cadreSelections?.length && batchSelections?.length) {
+                this.accessControlService.holdServiceCadrebatch.update(prev => ({
+                    ...prev,
+                    cadre: this.cadreMappingService.getCadresByServicesAndBatch(serviceSelections, batchSelections),
+                    service: this.cadreMappingService.getServicesByBatchYears(batchSelections),
+                    batch: this.cadreMappingService.getBatchYearsByServices(serviceSelections)
+                }));
+            }
+            // Case 6: Cadre and Batch selected
+            else if (!serviceSelections?.length && cadreSelections?.length && batchSelections?.length) {
+                this.accessControlService.holdServiceCadrebatch.update(prev => ({
+                    ...prev,
+                    service: this.cadreMappingService.getServicesByCadresAndBatch(cadreSelections, batchSelections),
+                    cadre: this.cadreMappingService.getCadresByBatchYears(batchSelections),
+                    batch: this.cadreMappingService.getBatchYearsByCadres(cadreSelections)
+                }));
+            }
+            else {
+                this.accessControlService.holdServiceCadrebatch.set({
+                    service: this.cadreMappingService.getAllServices(),
+                    batch: this.cadreMappingService.getAllBatchYears(),
+                    cadre: this.cadreMappingService.getAllCadres()
+                });
+            }
+        }
+    }
+    processDisableAddConditionOnClose(userGroupIndex) {
+        // If any condition is Users and at least one user is added, disable add condition
+        const ruleGroup = this.userGroup.at(userGroupIndex);
+        const conditions = ruleGroup.get("conditions");
+        const hasUsersConditionWithSelection = conditions.controls.some(ctrl => ctrl.get("entity")?.value === NsAccessControlConfig.SelectionType.Users &&
+            Array.isArray(ctrl.get("selections")?.value) &&
+            ctrl.get("selections")?.value.length > 0);
+        ruleGroup.get("isAddConditionDisabled")?.setValue(hasUsersConditionWithSelection);
+    }
+    openInviteUserDialog(condition, rule, activeTabSelected, isDisabled) {
+        const originalSelections = [...(condition.selections || [])];
+        const dialogRef = this.dialog.open(InviteUsersComponent, {
+            width: "1090px",
+            data: { condition: condition, rule: rule, selected: condition.selections, activeTab: activeTabSelected, disabled: isDisabled }
+        });
+        dialogRef.afterClosed().subscribe(result => {
+            if (result) {
+                // Find the rule FormGroup in the FormArray
+                const ruleIndex = this.userGroup.controls.findIndex((ctrl) => ctrl.get("id")?.value === result.rule.id);
+                if (ruleIndex !== -1) {
+                    const ruleGroup = this.userGroup.at(ruleIndex);
+                    const conditions = ruleGroup.get("conditions");
+                    const conditionIndex = conditions.controls.findIndex((ctrl) => ctrl.get("id")?.value === result.condition.id);
+                    if (conditionIndex !== -1) {
+                        const conditionGroup = conditions.at(conditionIndex);
+                        // const userIds = result.selected && result.selected.map((user: any) => user?.userId);
+                        conditionGroup.get("selections")?.setValue(result.selected);
+                        this.processDisableAddConditionOnClose(ruleIndex);
+                    }
+                    // send event after every selection for MDO
+                    if (this.config.application === this.MDO_APPLICATION) {
+                        this.applyAccessControlValue(true, false);
+                    }
+                    if (!this.areSelectionsEqual(originalSelections, result.selected)) {
+                        this.calculateUserCountForUserGroup(ruleIndex);
+                    }
+                }
+            }
+        });
+    }
+    callSnackbar(message, type) {
+        if (type === "success") {
+            this.snackbar.openFromComponent(SnackbarComponent, {
+                data: { message: message, type: "success" },
+                duration: 3000,
+                panelClass: "course-success-snackbar"
+            });
+        }
+        else if (type === "error") {
+            this.snackbar.openFromComponent(SnackbarComponent, {
+                data: { message: message, type: "error" },
+                duration: 3000,
+                panelClass: "course-error-snackbar"
+            });
+        }
+    }
+    validateFormData() {
+        // Validate user groups and conditions
+        if (!this.userGroup || this.userGroup.length === 0) {
+            this.callSnackbar("Please add at least one user group.", "error");
+            return false;
+        }
+        for (let i = 0; i < this.userGroup.length; i++) {
+            const group = this.userGroup.at(i);
+            const conditions = group.get("conditions");
+            if (!conditions || conditions.length === 0) {
+                this.callSnackbar(`User group ${i + 1} must have at least one condition.`, "error");
+                return false;
+            }
+            for (let j = 0; j < conditions.length; j++) {
+                const selections = conditions.at(j).get("selections")?.value;
+                if (!selections || selections.length === 0) {
+                    this.callSnackbar(`Condition ${j + 1} in user group ${i + 1} must have at least one selection.`, "error");
+                    return false;
+                }
+            }
+        }
+        return true;
+    }
+    async applyAccessControlValue(shouldProceedWithoutValidation = false, displaySuccessMessage = true) {
+        if (!shouldProceedWithoutValidation) {
+            const validated = this.validateFormData();
+            if (!validated)
+                return;
+        }
+        this.isSaving = true;
+        const payload = await this.processRequestCreation();
+        if (this.config.application === this.MDO_APPLICATION) {
+            this.accessControlData.emit({ userGroup: payload, accessType: this.accessType });
+            if (displaySuccessMessage)
+                this.callSnackbar("Access Control saved successfully", "success");
+            this.isSaveFltrBtnDisabled = true;
+            this.isSaving = false;
+            this.isAddUserGroupBtnDisabled = true;
+            return;
+        }
+        this.accessControlService
+            .applyUserGroupAccessControl(payload)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            next: response => {
+                if (response?.result && response?.result?.accessControl) {
+                    this.accessControlData.emit({ userGroup: response.result.accessControl?.userGroups, accessType: this.accessType });
+                    if (displaySuccessMessage)
+                        this.callSnackbar("Access Control saved successfully", "success");
+                    this.initialUserGroupValue = JSON.stringify(this.accessControlForm.getRawValue().userGroup);
+                    this.isSaveFltrBtnDisabled = true;
+                    // Update secure setting for moderated content
+                    if (this.content?.status !== "Live" && this.content?.prevStatus !== "Live" && !this.isCuratedContentWithExternalId) {
+                        this.updateContentAccessSetting();
+                    }
+                    // Remove initialstate for saved content for Marketplace external content on live status 
+                    if (this.content?.status === 'live' && this.isCuratedContentWithExternalId) {
+                        localStorage.removeItem(`${NsAccessControlConfig.Application.Creation_Portal}_access_control_${this.contentId}`);
+                    }
+                }
+                else {
+                    this.callSnackbar("Could not save access control, Please try again.", "error");
+                }
+                this.isSaving = false;
+            },
+            error: () => {
+                this.callSnackbar("Could not save access control, Please try again.", "error");
+                this.isSaving = false;
+            }
+        });
+    }
+    processRequestCreation() {
+        return new Promise((resolve, reject) => {
+            try {
+                const data = this.accessControlForm.getRawValue();
+                // Filter out user groups with empty userGroupCriteriaList
+                const userGroups = data.userGroup
+                    .map((group) => ({
+                    userGroupName: group.name,
+                    userGroupCriteriaList: group.conditions.map((condition) => {
+                        let criteriaValue;
+                        if (condition?.entity === NsAccessControlConfig.SelectionType.Users &&
+                            condition?.selections?.length &&
+                            condition?.selections[0]?.userId) {
+                            const userIds = condition.selections?.map((user) => user?.userId) || [];
+                            criteriaValue = userIds;
+                        }
+                        else if (condition?.entity === NsAccessControlConfig.SelectionType.CentralDeputation) {
+                            criteriaValue = condition.selections[0];
+                            return { criteriaKey: condition.entity, criteriaValue };
+                        }
+                        else {
+                            if (condition.selections.length && typeof condition.selections[0] === "object") {
+                                criteriaValue = condition.selections?.map((sel) => sel?.fieldValue) || [];
+                            }
+                            else {
+                                criteriaValue = condition.selections?.map(String) || [];
+                            }
+                        }
+                        if (condition.entity && criteriaValue && criteriaValue.length > 0) {
+                            return {
+                                criteriaKey: condition.entity,
+                                criteriaValue,
+                            };
+                        }
+                        return null;
+                    })
+                        .filter((criteria) => !!criteria), // Remove nulls
+                }))
+                    .filter((group) => Array.isArray(group.userGroupCriteriaList) && group.userGroupCriteriaList.length > 0);
+                const requestPayload = {
+                    contentId: this.contentId,
+                    accessControl: {
+                        version: 1,
+                        userGroups,
+                    },
+                };
+                resolve(requestPayload);
+            }
+            catch (error) {
+                reject(error);
+            }
+        });
+    }
+    openInstructonsDialog() {
+        this.dialog.open(AccessControlGuideComponent, {
+            width: "960px"
+        });
+    }
+    async getAccessControl() {
+        const response = await this.accessControlService
+            .fetchUserGroupAccessControl(this.contentId)
+            .pipe(takeUntil(this.destroy$))
+            .toPromise()
+            .catch(() => {
+            // For Moderated Content Condition if not already added the usergroup autocreate a usergroup with added conditions and save it
+            if (this.content?.accessSetting === NsAccessControlConfig.IAccessSetting.MDO_SPECIFIC) {
+                // Create Organization condition
+                const orgCondition = this.createConditionGroup(v4(), 0);
+                orgCondition.get("entity")?.setValue(NsAccessControlConfig.SelectionType.Organizations);
+                orgCondition.get("selections").setValue([this.config?.userConfig?.rootOrgId]);
+                // Create Verification Status condition with default 'Verified'
+                const verificationCondition = this.createConditionGroup(v4(), 0);
+                verificationCondition.get("entity")?.setValue(NsAccessControlConfig.SelectionType.VerificationStatus);
+                verificationCondition.get("selections")?.setValue(["VERIFIED"]);
+                // Create user group with these two conditions
+                const group = this.fb.group({
+                    id: [v4()],
+                    name: ["User Group 1"],
+                    description: ["Description for UserGroup 1"],
+                    conditions: this.fb.array([orgCondition, verificationCondition])
+                });
+                this.userGroup.push(group);
+                // Disable add user group btn
+                this.isAddUserGroupBtnDisabled = true;
+                this.accessControlData.emit({ userGroup: this.accessControlForm.value?.userGroup, accessType: this.accessType });
+                this.applyAccessControlValue(false, false);
+                this.updateContentAccessSetting();
+            }
+            // For a content not having any user group disable the access control type change
+            if ((this.content?.status === "Live" || this.content?.prevStatus === "Live") &&
+                // this.content?.accessSetting !== NsAccessControlConfig.IAccessSetting.MDO_SPECIFIC &&
+                (!this.isCuratedContentWithExternalId)) {
+                this.accessControlCriteriaSelection?.accessTypes.forEach((type) => {
+                    type.disabled = true;
+                });
+                this.isSaveFltrBtnDisabled = true;
+            }
+            setTimeout(() => {
+                this.initialUserGroupValue = JSON.stringify(this.accessControlForm.getRawValue().userGroup);
+                this.setupFormChangeDetection();
+            }, 0);
+        });
+        if (response?.result?.accessControl) {
+            this.processAccessControlResult(response.result.accessControl);
+            this.accessControlData.emit({ userGroup: response.result.accessControl?.userGroups, accessType: this.accessType });
+        }
+    }
+    setupFormChangeDetection() {
+        this.accessControlForm.valueChanges.subscribe(() => {
+            const currentValue = JSON.stringify(this.accessControlForm.getRawValue().userGroup);
+            if (this.content?.status === "Live" || this.content?.prevStatus === "Live") {
+                this.isSaveFltrBtnDisabled = currentValue === this.initialUserGroupValue;
+                if (this.content?.accessSetting !== NsAccessControlConfig.IAccessSetting.MDO_SPECIFIC) {
+                    this.isAddUserGroupBtnDisabled = currentValue === this.initialUserGroupValue;
+                }
+            }
+            else {
+                this.isSaveFltrBtnDisabled = currentValue === this.initialUserGroupValue;
+            }
+        });
+    }
+    processAccessControlResult(accessControl) {
+        if (!accessControl?.userGroups?.length) {
+            setTimeout(() => {
+                this.initialUserGroupValue = JSON.stringify(this.accessControlForm.getRawValue().userGroup);
+                this.setupFormChangeDetection();
+            }, 0);
+            return;
+        }
+        while (this.userGroup.length) {
+            this.userGroup.removeAt(0);
+        }
+        // Save initial state if not already saved for live content
+        if (!this.getInitialState()) {
+            this.saveInitialState(accessControl?.userGroups);
+        }
+        // Check if ANY user group has All India Services BEFORE processing
+        const isAllIndiaService = (serviceName) => {
+            if (!serviceName)
+                return false;
+            const lower = serviceName.toLowerCase();
+            return lower.includes("all india service") ||
+                lower.includes("indian administrative service") ||
+                lower.includes("(ias)") ||
+                lower.includes("indian police service") ||
+                lower.includes("(ips)") ||
+                lower.includes("indian forest service") ||
+                lower.includes("(ifs)");
+        };
+        let hasAISInAnyGroup = false;
+        accessControl.userGroups.forEach((group) => {
+            const isContainsService = group.userGroupCriteriaList.find((criteria) => criteria.criteriaKey === NsAccessControlConfig.SelectionType.Service);
+            if (isContainsService?.criteriaKey === NsAccessControlConfig.SelectionType.Service) {
+                const criteriaValues = isContainsService.criteriaValue || [];
+                // Check if any service is an All India Service
+                if (criteriaValues.some((val) => isAllIndiaService(val))) {
+                    hasAISInAnyGroup = true;
+                }
+            }
+        });
+        // Enable/disable deputation based on whether ANY group has AIS
+        if (hasAISInAnyGroup) {
+            this.accessControlService.enableDeputation(true);
+        }
+        else {
+            this.accessControlService.enableDeputation(false);
+        }
+        accessControl.userGroups.forEach((group, index) => {
+            const conditions = this.fb.array([]);
+            group.userGroupCriteriaList.forEach((criteria) => {
+                const condition = this.createConditionGroup(v4(), this.userGroup.length);
+                // Map API keys to form entity values
+                const entityMap = {
+                    rootOrgId: NsAccessControlConfig.SelectionType.Organizations,
+                    user: NsAccessControlConfig.SelectionType.Users,
+                    group: NsAccessControlConfig.SelectionType.Group,
+                    designation: NsAccessControlConfig.SelectionType.Designation,
+                    profilestatus: NsAccessControlConfig.SelectionType.VerificationStatus,
+                    Cadre: NsAccessControlConfig.SelectionType.Cadre,
+                    service: NsAccessControlConfig.SelectionType.Service,
+                    batch: NsAccessControlConfig.SelectionType.Batch,
+                    isOnCentralDeputation: NsAccessControlConfig.SelectionType.CentralDeputation
+                };
+                // Set the form values
+                condition.patchValue({
+                    entity: entityMap[criteria.criteriaKey] || criteria.criteriaKey,
+                    selections: criteria.criteriaKey === NsAccessControlConfig.SelectionType.Batch
+                        ? Array.isArray(criteria.criteriaValue)
+                            ? criteria.criteriaValue.map((b) => Number(b))
+                            : []
+                        : criteria.criteriaKey === NsAccessControlConfig.SelectionType.CentralDeputation
+                            ? Array.isArray(criteria.criteriaValue)
+                                ? criteria.criteriaValue
+                                : [criteria.criteriaValue]
+                            : criteria.criteriaValue,
+                });
+                conditions.push(condition);
+            });
+            const ruleGroup = this.fb.group({
+                id: [group.userGroupId || v4()],
+                name: [group.userGroupName],
+                description: [`Description for ${group.userGroupName}`],
+                conditions: conditions,
+                isUserGroupDisabled: [false],
+                isAddConditionDisabled: [false]
+            });
+            this.userGroup.push(ruleGroup);
+            // Check if add condition should be disabled for this user group
+            this.processDisableAddConditionOnClose(index);
+            // Calculate count for each user group
+            this.calculateUserCountForUserGroup(index);
+            if ((this.content?.status === "Live" || this.content?.prevStatus === "Live") &&
+                // this.content?.accessSetting !== NsAccessControlConfig.IAccessSetting.MDO_SPECIFIC && 
+                (!this.isCuratedContentWithExternalId)) {
+                // publisher (cannot edit already added)
+                for (let i = 0; i < this.userGroup?.length; i++) {
+                    const group = this.userGroup.at(i);
+                    group.get("id")?.disable();
+                    group.get("name")?.disable();
+                    group.get("description")?.disable();
+                    group.get("conditions")?.disable();
+                    group.get("isUserGroupDisabled")?.setValue(true);
+                }
+                this.accessControlCriteriaSelection?.accessTypes.forEach((type) => {
+                    type.disabled = true;
+                });
+                this.isSaveFltrBtnDisabled = true;
+            }
+            // For marketplace curated content with external id, disable only those user groups which were in live
+            if (this.content?.status === "live" && this.isCuratedContentWithExternalId) {
+                // Get initial state from localStorage
+                const initialUserGroups = this.getInitialState();
+                if (initialUserGroups) {
+                    // Only disable user groups that were in the initial state
+                    const initialGroupIds = initialUserGroups.map(group => group.userGroupName);
+                    for (let i = 0; i < this.userGroup.length; i++) {
+                        const group = this.userGroup.at(i);
+                        const groupId = group.get("name")?.value;
+                        // If this group was in the initial state, disable it
+                        if (initialGroupIds.includes(groupId)) {
+                            group.get("id")?.disable();
+                            group.get("name")?.disable();
+                            group.get("description")?.disable();
+                            group.get("conditions")?.disable();
+                            group.get("isUserGroupDisabled")?.setValue(true);
+                        }
+                    }
+                }
+                this.isSaveFltrBtnDisabled = true;
+            }
+            setTimeout(() => {
+                this.initialUserGroupValue = JSON.stringify(this.accessControlForm.getRawValue().userGroup);
+                this.setupFormChangeDetection();
+            }, 0);
+        });
+    }
+    async updateContentAccessSetting() {
+        let secureSettings = {};
+        if (typeof this.content.language === "string") {
+            this.content.language = [this.content.language];
+        }
+        if (this.content.accessSetting === NsAccessControlConfig.IAccessSetting.MDO_SPECIFIC) {
+            const userGroup0 = this.userGroup.at(0);
+            let organisation = [];
+            let isVerifiedKarmayogi = "";
+            if (userGroup0) {
+                const conditions = userGroup0.get("conditions");
+                if (conditions && conditions.length) {
+                    const orgCondition = conditions.controls.find(ctrl => ctrl.get("entity")?.value === NsAccessControlConfig.SelectionType.Organizations);
+                    if (orgCondition) {
+                        organisation = orgCondition.get("selections")?.value || [];
+                    }
+                    const verificationCondition = conditions.controls.find(ctrl => ctrl.get("entity")?.value === NsAccessControlConfig.SelectionType.VerificationStatus);
+                    if (verificationCondition) {
+                        const verSelections = verificationCondition.get("selections")?.value || [];
+                        isVerifiedKarmayogi = Array.isArray(verSelections) && verSelections?.length > 1 ? "No" : "Yes";
+                    }
+                }
+            }
+            this.content.secureSettings = {
+                version: 1,
+                organisation,
+                isVerifiedKarmayogi
+            };
+            secureSettings = {
+                version: 1,
+                organisation,
+                isVerifiedKarmayogi
+            };
+        }
+        const accessTypeBoolean = this.accessType === NsAccessControlConfig.IAccessTypes.Public ? false : true;
+        const request = this.accessControlService.createRequestContent(this.content, accessTypeBoolean);
+        const requestForMDO = this.accessControlService.createRequesForMDOContent(this.content, accessTypeBoolean, secureSettings);
+        if (this.content.status !== "Live" || this.content.prevStatus != "Live") {
+            if ((this.config.userConfig.userRoles.has("content_publisher") || this.config.userConfig.userRoles.has("spv_publisher")) &&
+                this.content.status !== "Draft") {
+                if (this.content.accessSetting === NsAccessControlConfig.IAccessSetting.MDO_SPECIFIC) {
+                    if (this.content.reviewStatus) {
+                        requestForMDO.request.content.reviewStatus = this.content.reviewStatus;
+                    }
+                    await this.accessControlService.updateContentV4(requestForMDO, this.contentId).toPromise();
+                }
+                else {
+                    if (this.content.reviewStatus) {
+                        request.request.content.reviewStatus = this.content.reviewStatus;
+                    }
+                    await this.accessControlService.updateContentV4(request, this.contentId).toPromise();
+                }
+            }
+            else {
+                if (this.content.accessSetting === NsAccessControlConfig.IAccessSetting.MDO_SPECIFIC) {
+                    await this.accessControlService.updateContentV3(requestForMDO, this.contentId).toPromise();
+                }
+                else {
+                    await this.accessControlService.updateContentV3(request, this.contentId).toPromise();
+                }
+            }
+        }
+        this.refreshContentMeta.emit(true);
+    }
+    get hasUserGroupBeenAdded() {
+        if (!this.userGroup?.length) {
+            return true;
+        }
+        return !this.userGroup.controls.every((group) => {
+            const conditions = group.get("conditions")?.controls || [];
+            return (conditions?.length > 0 &&
+                conditions.every((condition) => {
+                    const selections = condition.get("selections")?.value;
+                    return Array.isArray(selections) && selections.length > 0;
+                }));
+        });
+    }
+    get getTotalUserCount() {
+        return Object.values(this.userCount).reduce((total, count) => total + count, 0);
+    }
+    processConditionsForContentType() {
+        if (this.content?.accessSetting === NsAccessControlConfig.IAccessSetting.MDO_SPECIFIC) {
+            // Disable add user group btn
+            this.isAddUserGroupBtnDisabled = true;
+        }
+        if (this.content?.status === "Review" && this.content?.reviewStatus === "InReview") {
+            // reviewer(readonly)
+            this.accessControlCriteriaSelection.readOnly = true;
+            this.isSaveFltrBtnDisabled = true;
+        }
+        //  else if (
+        //   (this.content?.status === "Live" || this.content?.prevStatus === "Live") &&
+        //   this.content?.courseCategory !== "Comprehensive Assessment Program" &&
+        //   (this.config.userConfig.userRoles.has("spv_publisher") || this.config.userConfig.userRoles.has("content_publisher")) &&
+        //   !this.config.userConfig.userRoles.has("content_creator")
+        // ) {
+        //   // publisher (disabled all)
+        //   this.accessControlCriteriaSelection.readOnly = true;
+        //   this.isSaveFltrBtnDisabled = true;
+        // }
+    }
+    async calculateUserCountForUserGroup(userGroupIndex, conditionIndex) {
+        // Mapping of entity to request key
+        const entityKeyMap = {
+            [NsAccessControlConfig.SelectionType.Organizations]: "rootOrgId",
+            [NsAccessControlConfig.SelectionType.Designation]: "profileDetails.professionalDetails.designation",
+            [NsAccessControlConfig.SelectionType.Group]: "profileDetails.professionalDetails.group",
+            [NsAccessControlConfig.SelectionType.VerificationStatus]: "profileDetails.profileStatus",
+            [NsAccessControlConfig.SelectionType.Cadre]: "profileDetails.cadreDetails.cadreName",
+            [NsAccessControlConfig.SelectionType.Service]: "profileDetails.cadreDetails.civilServiceName",
+            [NsAccessControlConfig.SelectionType.Batch]: "profileDetails.cadreDetails.cadreBatch",
+            [NsAccessControlConfig.SelectionType.Users]: "identifier",
+            [NsAccessControlConfig.SelectionType.CentralDeputation]: "profileDetails.cadreDetails.isOnCentralDeputation"
+        };
+        const group = this.userGroup.at(userGroupIndex);
+        if (!group) {
+            this.userCount[userGroupIndex] = 0;
+            return;
+        }
+        const conditions = group.get("conditions");
+        const request = {};
+        for (let j = 0; j < conditions.length; j++) {
+            const condition = conditions.at(j);
+            const entity = condition.get("entity")?.value;
+            const selections = condition.get("selections")?.value || [];
+            const key = entityKeyMap[entity];
+            if (key) {
+                if (entity === NsAccessControlConfig.SelectionType.Users &&
+                    Array.isArray(selections) &&
+                    selections.every(sel => typeof sel === "object" && sel !== null)) {
+                    const userIds = selections && selections.map((user) => user?.userId);
+                    request[key] = userIds;
+                }
+                else if (entity === NsAccessControlConfig.SelectionType.CentralDeputation) {
+                    if (selections.length && typeof selections[0] === "boolean") {
+                        request[key] = selections[0];
+                    }
+                }
+                else {
+                    request[key] = selections;
+                }
+            }
+            else {
+                const customFieldSelections = selections.map((sel) => sel?.fieldValue || sel);
+                request[`${entity}`] = customFieldSelections;
+            }
+        }
+        // Remove keys with empty array values
+        Object.keys(request).forEach(key => {
+            if (Array.isArray(request[key]) && request[key].length === 0) {
+                delete request[key];
+            }
+        });
+        if (this.accessControlService.accessControlConfig()?.application === NsAccessControlConfig.Application.MDO) {
+            if (!this.isCCA && Object.keys(request)?.length > 0) {
+                request.rootOrgId = this.accessControlService.accessControlConfig().userConfig.org?.rootOrgId ? [this.accessControlService.accessControlConfig().userConfig.org?.rootOrgId] : [];
+            }
+        }
+        const filters = { ...request };
+        if (Object.keys(filters).length > 0) {
+            filters.status = 1;
+        }
+        else {
+            delete filters.status;
+        }
+        const payload = {
+            request: {
+                ...(Object.keys(filters).length > 0 ? { filters } : {}),
+                fields: ["identifier", "rootOrgId", "firstName"]
+            }
+        };
+        if (payload?.request?.filters) {
+            const response = await this.accessControlService
+                .validateUser(payload)
+                .toPromise()
+                .catch(() => {
+                this.userCount[userGroupIndex] = 0;
+            });
+            if (response?.result?.response) {
+                const count = response?.result?.response?.count;
+                this.userCount[userGroupIndex] = count;
+                if (!this.userCount[userGroupIndex]) {
+                    this.callSnackbar("No iGOT official match the set conditions selections, please review the set conditions and their respective selections.", "error");
+                }
+            }
+        }
+        else {
+            this.userCount[userGroupIndex] = 0;
+        }
+    }
+    isUserGroupFormChanged(initialValue) {
+        const currentValue = this.accessControlForm.getRawValue().userGroup;
+        return JSON.stringify(currentValue) !== JSON.stringify(initialValue);
+    }
+    checkForResetFilter(condition, rule, userGroupIndex) {
+        let flag = false;
+        let accessControlFormData = this.accessControlForm.getRawValue();
+        let activeManageSelection = accessControlFormData && accessControlFormData?.userGroup?.[userGroupIndex];
+        let activeSelectionCount = 0;
+        if (activeManageSelection && activeManageSelection?.conditions && activeManageSelection?.conditions?.length > 1) {
+            //Show Popup
+            let onlyOneCondition = this.hasOnlyOneArrayWithLength(activeManageSelection?.conditions, "selections");
+            if (onlyOneCondition) {
+                flag = false;
+            }
+            else {
+                activeManageSelection?.conditions?.map(item => {
+                    if (item?.entity == condition?.entity && item?.selections.length > 0) {
+                        flag = true;
+                    }
+                });
+            }
+            if (activeManageSelection?.conditions?.length > 1) {
+                let checkLastIndexHaveSelections = -1;
+                activeManageSelection?.conditions?.forEach((item, index) => {
+                    if (item?.selections.length > 0) {
+                        checkLastIndexHaveSelections = index;
+                    }
+                });
+                // console.log('activeManageSelection?.conditions', activeManageSelection?.conditions)
+                // console.log('checkLastIndexHaveSelections--', checkLastIndexHaveSelections)
+                if (activeManageSelection?.conditions[checkLastIndexHaveSelections]?.entity === condition?.entity && condition?.selections?.length > 0) {
+                    flag = false;
+                }
+            }
+            // let index = activeManageSelection?.conditions?.findLastIndex((item) =>
+            //   item?.entity === condition?.entity && item?.selections.length > 0
+            // );
+            // if((index + 1) === activeManageSelection?.conditions.length) {
+            //   flag = false
+            // }
+            // console.log('activeManageSelection?.conditions', activeManageSelection?.conditions)
+            // console.log('index', index)
+        }
+        return flag;
+    }
+    hasOnlyOneArrayWithLength(data, key) {
+        let count = 0;
+        for (const obj of data) {
+            if (Array.isArray(obj[key]) && obj[key].length > 0) {
+                count++;
+            }
+        }
+        return count > 1 ? false : true;
+    }
+    resetActiveUserGroupFields(condition, rule, userGroupIndex) {
+        let accessControlFormData = this.accessControlForm.getRawValue();
+        let activeManageSelection = accessControlFormData && accessControlFormData?.userGroup?.[userGroupIndex];
+        let activeConditionIndex = activeManageSelection?.conditions?.findIndex(item => {
+            return item?.entity === condition?.entity && item?.selections?.length > 0;
+        });
+        let activeManageSelectionArrLength = activeManageSelection?.conditions.length;
+        for (let i = activeConditionIndex + 1; i < activeManageSelectionArrLength; i++) {
+            const userGroupArray = this.accessControlForm.get("userGroup");
+            const userGroup = userGroupArray.at(userGroupIndex);
+            const conditionsArray = userGroup.get("conditions");
+            const conditionGroup = conditionsArray.at(i);
+            // conditionGroup.reset();
+            const condition = conditionGroup;
+            condition.get("entity")?.setValue("");
+            condition.get("selections")?.setValue([]);
+        }
+        this.calculateUserCountForUserGroup(userGroupIndex);
+    }
+    // Customs Field Logics
+    getCustomsField() {
+        this.accessControlService
+            .fetchCustomsField({
+            organisationId: this.config.userConfig.rootOrgId,
+            isEnabled: true,
+            type: "masterList"
+            // isMandatory: true,
+        })
+            .subscribe({
+            next: (data) => {
+                if (data && data?.result && data.result.searchResults?.data) {
+                    const results = data.result.searchResults.data;
+                    if (Array.isArray(results) && results.length) {
+                        const mappedFields = _.chain(results)
+                            .map(field => {
+                            if (field?.originalCustomFieldData?.length === 1) {
+                                const firstField = _.first(field.originalCustomFieldData);
+                                const filteredAndUniqueData = _.chain(field?.reversedOrderCustomFieldData)
+                                    .filter((item) => item?.fieldAttribute === firstField?.attributeName)
+                                    .uniqBy('fieldValue')
+                                    .value();
+                                return {
+                                    disabled: false,
+                                    value: firstField?.attributeName || "",
+                                    label: firstField?.name || "",
+                                    isCustomField: true,
+                                    reversedOrderCustomFieldData: filteredAndUniqueData
+                                };
+                            }
+                            else if (field?.originalCustomFieldData?.length > 1) {
+                                const lastField = _.last(field.originalCustomFieldData);
+                                if (lastField) {
+                                    const filteredAndUniqueData = _.chain(field?.reversedOrderCustomFieldData)
+                                        .filter((item) => item?.fieldAttribute === lastField?.attributeName)
+                                        .uniqBy('fieldValue')
+                                        .value();
+                                    return {
+                                        disabled: false,
+                                        value: lastField?.attributeName || "",
+                                        label: lastField?.name || "",
+                                        isCustomField: true,
+                                        reversedOrderCustomFieldData: filteredAndUniqueData
+                                    };
+                                }
+                            }
+                            return null;
+                        })
+                            .compact()
+                            .value();
+                        // Update the service with mapped fields
+                        this.accessControlService.customesFieldData.set(mappedFields);
+                        // Update optionsEntity without duplicates
+                        this.accessControlCriteriaSelection.optionsEntity = _.uniqBy([...this.accessControlCriteriaSelection.optionsEntity, ...mappedFields], 'value');
+                        // Create dynamic fields
+                        const dynamicFields = mappedFields.reduce((acc, field) => {
+                            acc[field.value] = [
+                                { value: "all", label: `All ${field.label}` },
+                                { value: "selected", label: `Selected ${field.label}` },
+                            ];
+                            return acc;
+                        }, {});
+                        // Merge configurations
+                        this.accessControlCriteriaSelection = {
+                            ...this.accessControlCriteriaSelection,
+                            ...dynamicFields,
+                        };
+                        // Update the signal with the full updated object
+                        this.accessControlService.accessControlConfig.update((prevConfig) => ({
+                            ...prevConfig,
+                            accessControlCriteriaSelection: this.accessControlCriteriaSelection,
+                        }));
+                        this.isLoading = false;
+                    }
+                    else {
+                        this.isLoading = false;
+                    }
+                }
+                else {
+                    this.isLoading = false;
+                }
+            },
+        });
+    }
+    // Patch raw accesscontrol to form
+    getStorageKey() {
+        return `${this.config.application}_access_control_${this.contentId}`;
+    }
+    saveInitialState(userGroups) {
+        if ((this.config?.application === this.MDO_APPLICATION && this.config?.mdoContent?.status === "Live") ||
+            (this.content?.status === "live" && this.isCuratedContentWithExternalId)) {
+            const state = {
+                initialUserGroups: userGroups,
+                timestamp: new Date().getTime()
+            };
+            localStorage.setItem(this.getStorageKey(), JSON.stringify(state));
+        }
+    }
+    getInitialState() {
+        const savedState = localStorage.getItem(this.getStorageKey());
+        if (savedState) {
+            const { initialUserGroups } = JSON.parse(savedState);
+            return initialUserGroups;
+        }
+        return null;
+    }
+    processTempAccessControl(tempAccessControl) {
+        while (this.userGroup.length) {
+            this.userGroup.removeAt(0);
+        }
+        // If no user groups in the data, add a default one
+        if (!tempAccessControl?.userGroups || tempAccessControl.userGroups.length === 0) {
+            this.addUserGroup();
+            setTimeout(() => {
+                this.initialUserGroupValue = JSON.stringify(this.accessControlForm.getRawValue().userGroup);
+                this.setupFormChangeDetection();
+            }, 0);
+            return;
+        }
+        // Save initial state if not already saved for live content
+        if (!this.getInitialState()) {
+            this.saveInitialState(tempAccessControl.userGroups);
+        }
+        // Check if ANY user group has All India Services BEFORE processing
+        const isAllIndiaService = (serviceName) => {
+            if (!serviceName)
+                return false;
+            const lower = serviceName.toLowerCase();
+            return lower.includes("all india service") ||
+                lower.includes("indian administrative service") ||
+                lower.includes("(ias)") ||
+                lower.includes("indian police service") ||
+                lower.includes("(ips)") ||
+                lower.includes("indian forest service") ||
+                lower.includes("(ifs)");
+        };
+        let hasAISInAnyGroup = false;
+        if (this.config?.application === NsAccessControlConfig.Application.MDO) {
+            tempAccessControl.userGroups.forEach((group) => {
+                const isContainsService = group.userGroupCriteriaList.find((criteria) => criteria.criteriaKey === NsAccessControlConfig.SelectionType.Service);
+                if (isContainsService?.criteriaKey === NsAccessControlConfig.SelectionType.Service) {
+                    const criteriaValues = isContainsService.criteriaValue || [];
+                    // Check if any service is an All India Service
+                    if (criteriaValues.some((val) => isAllIndiaService(val))) {
+                        hasAISInAnyGroup = true;
+                    }
+                }
+            });
+            // Enable/disable deputation based on whether ANY group has AIS
+            if (hasAISInAnyGroup) {
+                this.accessControlService.enableDeputation(true);
+            }
+            else {
+                this.accessControlService.enableDeputation(false);
+            }
+        }
+        tempAccessControl.userGroups.forEach((group, index) => {
+            // Process patching.
+            const conditions = this.fb.array([]);
+            group.userGroupCriteriaList.forEach((criteria) => {
+                if (!this.isCCA && criteria.criteriaKey === NsAccessControlConfig.SelectionType.Organizations) {
+                    return; // Skip this iteration to not add the organization condition
+                }
+                const condition = this.createConditionGroup(v4(), this.userGroup.length);
+                // Set the form values
+                condition.patchValue({
+                    entity: criteria.criteriaKey,
+                    selections: criteria.criteriaKey === NsAccessControlConfig.SelectionType.Batch
+                        ? Array.isArray(criteria.criteriaValue)
+                            ? criteria.criteriaValue.map((b) => Number(b))
+                            : []
+                        : criteria.criteriaKey === NsAccessControlConfig.SelectionType.CentralDeputation
+                            ? Array.isArray(criteria.criteriaValue)
+                                ? criteria.criteriaValue
+                                : [criteria.criteriaValue]
+                            : criteria.criteriaValue,
+                });
+                conditions.push(condition);
+            });
+            const ruleGroup = this.fb.group({
+                id: [group.userGroupId || v4()],
+                name: [group.userGroupName],
+                description: [`Description for ${group.userGroupName}`],
+                conditions: conditions,
+                isUserGroupDisabled: [false],
+                isAddConditionDisabled: [false],
+            });
+            this.userGroup.push(ruleGroup);
+            if ((this.mdoContent?.status === "Live") &&
+                (this.config.userConfig.userRoles.has("mdo_admin") || this.config.userConfig.userRoles.has("mdo_leader"))) {
+                // Get initial state from localStorage
+                const initialUserGroups = this.getInitialState();
+                if (initialUserGroups) {
+                    // Only disable user groups that were in the initial state
+                    const initialGroupIds = initialUserGroups.map(group => group.userGroupName);
+                    for (let i = 0; i < this.userGroup.length; i++) {
+                        const group = this.userGroup.at(i);
+                        const groupId = group.get("name")?.value;
+                        // If this group was in the initial state, disable it
+                        if (initialGroupIds.includes(groupId)) {
+                            group.get("id")?.disable();
+                            group.get("name")?.disable();
+                            group.get("description")?.disable();
+                            group.get("conditions")?.disable();
+                            group.get("isUserGroupDisabled")?.setValue(true);
+                        }
+                    }
+                }
+                this.isSaveFltrBtnDisabled = true;
+            }
+            // Check if add condition should be disabled for this user group
+            this.processDisableAddConditionOnClose(index);
+            // Calculate count for each user group
+            this.calculateUserCountForUserGroup(index);
+        });
+        setTimeout(() => {
+            this.initialUserGroupValue = JSON.stringify(this.accessControlForm.getRawValue().userGroup);
+            this.setupFormChangeDetection();
+        }, 0);
+    }
+    get canAddUserGroup() {
+        if (this.isLoading) {
+            return false;
+        }
+        if (!this.userGroup?.length) {
+            return true;
+        }
+        if (this.config?.application !== this.MDO_APPLICATION) {
+            return true;
+        }
+        // For MDO applications with Live status
+        if (this.config?.application === this.MDO_APPLICATION && this.config?.mdoContent?.status === "Live") {
+            const initialUserGroups = this.getInitialState();
+            if (!initialUserGroups) {
+                return true;
+            }
+            // Get current non-disabled user groups
+            const activeUserGroups = this.userGroup.controls.filter(group => !group.get('isUserGroupDisabled')?.value);
+            if (activeUserGroups.length === 0) {
+                return true;
+            }
+            return false;
+        }
+        return false;
+    }
+    get isCuratedContentWithExternalId() {
+        return !!(this.content && this.content.externalId);
+    }
+    saveAccessSettings() {
+        const isLiveContent = this.content?.status === "Live" || this.content?.prevStatus === "Live" || this.content?.status === "live";
+        const isMdoLiveContent = this.config?.application === this.MDO_APPLICATION && this.config?.mdoContent?.status === "Live";
+        const isCuratedLiveWithExternalId = this.content?.status === "live" && this.isCuratedContentWithExternalId;
+        if (isLiveContent || isMdoLiveContent || isCuratedLiveWithExternalId) {
+            const dialogRef = this.dialog.open(ConfirmDialogComponent, {
+                width: "520px",
+                data: { type: "confirm-apply-accesscontrol-for-live" }
+            });
+            dialogRef.afterClosed().subscribe((result) => {
+                if (result?.action === "confirm") {
+                    this.applyAccessControlValue(true, true);
+                }
+            });
+        }
+        else {
+            this.applyAccessControlValue(true, true);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccessControlComponent, deps: [{ token: i1$3.MatDialog }, { token: i2$1.FormBuilder }, { token: AccessControlService }, { token: CadreMappingService }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AccessControlComponent, isStandalone: false, selector: "sb-uic-access-control", inputs: { config: "config", contentId: "contentId", content: "content", tempAccessControl: "tempAccessControl" }, outputs: { accessControlData: "accessControlData", refreshContentMeta: "refreshContentMeta", sendForCQF: "sendForCQF" }, ngImport: i0, template: "<div class=\"py-4 px-10\">\n  <div class=\"p-4 as-container\">\n    <div class=\"flex items-center justify-between\">\n      <span class=\"text-xl font-bold primary-text-color\">{{(config?.application === MDO_APPLICATION || config?.application === CBP_APPLICATION) ? 'Access Control' : 'Access Settings'}}</span>\n      <div class=\"flex gap-2 items-center\">\n        <span class=\"text-sm primary-text-color cursor-pointer\" (click)=\"openInstructonsDialog()\">How to use access control?</span>\n        <img src=\"/assets/icons/support-i.svg\" alt=\"support i\" class=\"img-icon-24 cursor-pointer\" (click)=\"openInstructonsDialog()\"/>\n      </div>\n    </div>\n    <div class=\"light-grey-border p-4 mt-4\">\n      <ng-container *ngIf=\"canShowAccessControlTypeRadio\">\n        <mat-radio-group [(ngModel)]=\"accessTypeDup\" (change)=\"onAccessTypeChange($event)\">\n          <div class=\"radio-container flex gap-5 mb-4\">\n            <ng-container *ngFor=\"let item of accessControlCriteriaSelection?.accessTypes\">\n              <mat-radio-button [value]=\"item.value\" [disabled]=\"item?.disabled || accessControlCriteriaSelection?.readOnly\">\n                <div class=\"flex gap-2 items-center\">\n                  <span>{{ item?.name }}</span>\n                  <mat-icon svgIcon=\"info-outline\" [matTooltip]=\"item?.tooltip\"></mat-icon>\n                </div>\n              </mat-radio-button>\n            </ng-container>\n          </div>\n        </mat-radio-group>\n      </ng-container>\n\n      <ng-container *ngIf=\"accessType === ACCESS_TYPE_ENUM.Public\">\n        <!-- <div class=\"info-container\">\n          <label class=\"text-sm\">This event will be visible to all Karmayogis.</label>\n        </div> -->\n      </ng-container>\n      <ng-container *ngIf=\"accessType === ACCESS_TYPE_ENUM.Custom\">\n        <ng-container *ngIf=\"shouldShowVisibilityToggle\">\n          <div class=\"visibiliy-container light-grey-border p-4 mb-4\">\n            <div class=\"flex justify-between items-center\">\n              <span class=\"text-lg font-bold\">{{ config?.visiblilityOnOff?.label }}</span>\n              <!-- <mat-slide-toggle [(ngModel)]=\"isVisibilityEnabled\" [disabled]=\"config?.visiblilityOnOff?.disabled || false\"></mat-slide-toggle> -->\n              <div class=\"checkbox-toggle\">\n                <input [(ngModel)]=\"isVisibilityEnabled\" [disabled]=\"config?.visiblilityOnOff?.disabled || false\" type=\"checkbox\" id=\"switch\" />\n                <label for=\"switch\" [attr.disabled]=\"config?.visiblilityOnOff?.disabled || false\"></label>\n              </div>\n            </div>\n            <ng-container *ngIf=\"!isVisibilityEnabled\">\n              <label class=\"text-sm\">{{ (config?.visiblilityOnOff?.off || \"\").replace(\"{contentType}\", content?.courseCategory || content?.contentType) }}</label>\n            </ng-container>\n            <ng-container *ngIf=\"isVisibilityEnabled\">\n              <label class=\"text-sm\">{{ (config?.visiblilityOnOff?.on || \"\").replace(\"{contentType}\", content?.courseCategory || content?.contentType) }}</label>\n            </ng-container>\n          </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"filterCriteria\">\n          <div class=\"filter-criteria-container light-grey-border p-4 mt-4 flex flex-middle justify-between mb-4\">\n            <div class=\"info\">\n              <span class=\"text-sm\">Define the conditions that Karmayogis must satisfy to enroll in the event.</span>\n            </div>\n            <button mat-button class=\"new-secondary-button-no-border button-with-corners\" type=\"button\">\n              <div class=\"flex gap-2 flex-middle\">\n                <span class=\"text-m\">Refresh</span>\n                <mat-icon class=\"primary-text-color\">refresh</mat-icon>\n              </div>\n            </button>\n          </div>\n        </ng-container>\n\n        <div class=\"users-total-count flex gap-2 items-center my-3\" *ngIf=\"getTotalUserCount\">\n          <mat-icon svgIcon=\"info-outline\" [matTooltip]=\"\"></mat-icon>\n          <div class=\"text-dark\">Total Count : {{ getTotalUserCount }}</div>\n        </div>\n\n        <ng-container *ngIf=\"accessControlForm && userGroup?.length > 0 && !isLoading\">\n          <form [formGroup]=\"accessControlForm\">\n            <mat-accordion class=\"example-headers-align access-usergroup-accordion mt-3\" multi=\"true\">\n              <ng-container formArrayName=\"userGroup\" *ngFor=\"let rule of userGroup?.controls; let i = index; let ruleLast = last\">\n                <ng-container [formGroupName]=\"i\">\n                  <mat-expansion-panel class=\"access-usergroup-panel\" expanded>\n                    <mat-expansion-panel-header>\n                      <mat-panel-title class=\"items-center\">\n                        <div class=\"flex gap-4 items-center\">\n                          <span class=\"text-sm\">{{ rule.get(\"name\")?.value }}</span>\n                          <ng-container *ngIf=\"userCount[i]\">\n                            <div class=\"text-dark user-group-user-count\">Count : {{ userCount[i] }}</div>\n                          </ng-container>\n                        </div>\n                      </mat-panel-title>\n                      <mat-panel-description class=\"justify-end items-center\" (click)=\"$event.stopPropagation()\">\n                        <ng-container *ngIf=\"content?.accessSetting !== MDO_SPECIFIC && (config?.application !== MDO_APPLICATION || (config?.application === MDO_APPLICATION && config?.mdoContent?.status === 'Live' && userGroup?.length > 1))\">\n                          <button\n                            [disabled]=\"accessControlCriteriaSelection?.readOnly || rule.get('isUserGroupDisabled')?.value\"\n                            mat-icon-button\n                            aria-label=\"delete user group\"\n                            (click)=\"removeUserGroup(i)\"\n                            title=\"Delete\"\n                          >\n                            <mat-icon>delete</mat-icon>\n                          </button>\n                          <button\n                            [disabled]=\"accessControlCriteriaSelection?.readOnly || rule.get('isUserGroupDisabled')?.value\"\n                            mat-icon-button\n                            aria-label=\"refresh user group\"\n                            (click)=\"resetUserGroupWithSelections(i)\"\n                            title=\"Refresh\"\n                          >\n                            <img src=\"/assets/icons/restart.svg\" alt=\"refresh\" class=\"img-icon-24\" />\n                          </button>\n                        </ng-container>\n                      </mat-panel-description>\n                    </mat-expansion-panel-header>\n                    <ng-container *ngIf=\"rule.get('conditions') as conditionsArray\">\n                      <div [formArrayName]=\"'conditions'\">\n                        <ng-container *ngFor=\"let condition of conditionsArray?.controls; let j = index; let conditionlast = last\">\n                          <div class=\"condition-selection mt-2\" [formGroupName]=\"j\">\n                            <div class=\"select-condition-text mb-3 mt-4\">Select Condition {{ i + 1 + \".\" + (j + 1) }}</div>\n                            <div class=\"selections-options grid grid-cols-5 gap-4\">\n                              <div class=\"mat-full-radius\">\n                                <mat-form-field appearance=\"outline\" class=\"w-full\">\n                                  <mat-select placeholder=\"Select\" formControlName=\"entity\" (selectionChange)=\"onEntityChange(i, j)\" (openedChange)=\"onOpeningEntityChange($event, i, j)\">\n                                    <ng-container *ngFor=\"let item of getAvailableEntities(i, j)\">\n                                      <mat-option [value]=\"item?.value\" [disabled]=\"item?.disabled\">{{ item?.label }}</mat-option>\n                                    </ng-container>\n                                  </mat-select>\n                                </mat-form-field>\n                              </div>\n                              <div class=\"mat-full-radius\">\n                                <mat-form-field appearance=\"outline\" class=\"w-full\">\n                                  <mat-select placeholder=\"Select\" formControlName=\"conditionType\">\n                                    <ng-container *ngFor=\"let item of accessControlCriteriaSelection?.optionsConditions\">\n                                      <mat-option [value]=\"item?.value\">{{ item?.label }}</mat-option>\n                                    </ng-container>\n                                  </mat-select>\n                                </mat-form-field>\n                              </div>\n                              <div class=\"action-manage-selection\">\n                                <button\n                                  mat-flat-button\n                                  (click)=\"manageSelections(condition, rule, i)\"\n                                  [disabled]=\"!condition.get('entity').value || !condition.get('conditionType').value || accessControlCriteriaSelection?.readOnly\"\n                                  class=\"rounded-full new-bg-color text-white mt-2 flex items-center gap-2\"\n                                >\n                                  <mat-icon svgIcon=\"svg_search\" class=\"mr-2\"></mat-icon>\n                                  <span class=\"font-bold text-sm\">Manage Selection</span>\n                                </button>\n                              </div>\n                              <div class=\"action-options-selected\">\n                                <button [disabled]=\"!condition.get('entity').value\" mat-button class=\"new-secondary-button-no-border button-with-corners mt-2\" type=\"button\" (click)=\"manageSelections(condition, rule, i, 1)\">\n                                  <div class=\"flex gap-2 flex-middle mt-2\">\n                                    <span class=\"text-m underline\">{{ condition?.get(\"selections\").value?.length }} items selected</span>\n                                  </div>\n                                </button>\n                              </div>\n                              <div class=\"action-more-options flex justify-end\">\n                                <div class=\"flex gap-4\">\n                                  <ng-container *ngIf=\"content?.accessSetting !== MDO_SPECIFIC\">\n                                    <button\n                                      mat-icon-button\n                                      aria-label=\"delete condition\"\n                                      class=\"mt-2 ml-auto\"\n                                      [disabled]=\"accessControlCriteriaSelection?.readOnly || rule.get('isUserGroupDisabled')?.value\"\n                                      (click)=\"removeCondition(i, j)\"\n                                      title=\"Delete\"\n                                    >\n                                      <mat-icon>delete</mat-icon>\n                                    </button>\n                                    <button\n                                      mat-icon-button\n                                      aria-label=\"refresh condition\"\n                                      class=\"mt-2 ml-auto\"\n                                      [disabled]=\"accessControlCriteriaSelection?.readOnly || rule.get('isUserGroupDisabled')?.value\"\n                                      (click)=\"resetCondition(i, j)\"\n                                      title=\"Refresh\"\n                                    >\n                                      <img src=\"/assets/icons/restart.svg\" alt=\"refresh\" class=\"img-icon-24\" />\n                                    </button>\n                                  </ng-container>\n                                </div>\n                              </div>\n                            </div>\n                          </div>\n                          <div class=\"and-or mat-full-radius\" *ngIf=\"conditionsArray?.length > 1 && !conditionlast\">\n                            <mat-form-field appearance=\"outline\" class=\"w-max-100\">\n                              <mat-select placeholder=\"Select\" [(value)]=\"defaultConditionRelationship\">\n                                <mat-option [value]=\"'AND'\">AND</mat-option>\n                                <!-- <mat-option [value]=\"'OR'\" [disabled]=\"true\">OR</mat-option> -->\n                              </mat-select>\n                            </mat-form-field>\n                          </div>\n                        </ng-container>\n                      </div>\n                    </ng-container>\n                    <div class=\"action-add-condition\">\n                      <button\n                        [disabled]=\"\n                          content?.accessSetting === ACCESS_SETTING_ENUM.MDO_SPECIFIC ||\n                          content?.accessSetting === ACCESS_SETTING_ENUM.CUSTOME_USER ||\n                          accessControlCriteriaSelection?.readOnly ||\n                          rule.get('isUserGroupDisabled')?.value ||\n                          rule.get('isAddConditionDisabled')?.value\n                        \"\n                        mat-button\n                        class=\"new-secondary-button-no-border button-with-corners\"\n                        type=\"button\"\n                        (click)=\"addCondition(i)\"\n                      >\n                        <div class=\"flex gap-2 flex-middle\">\n                          <mat-icon class=\"primary-text-color\">add</mat-icon>\n                          <span class=\"text-m\">Add New Condition</span>\n                        </div>\n                      </button>\n                    </div>\n                  </mat-expansion-panel>\n                  <div class=\"and-or mat-full-radius\" *ngIf=\"userGroup?.length > 1 && !ruleLast\">\n                    <mat-form-field appearance=\"outline\" class=\"w-max-100\">\n                      <mat-select placeholder=\"Select\" [(value)]=\"defaultUserGroupRelationship\">\n                        <mat-option [value]=\"'AND'\" [disabled]=\"true\">AND</mat-option>\n                        <mat-option [value]=\"'OR'\">OR</mat-option>\n                      </mat-select>\n                    </mat-form-field>\n                  </div>\n                </ng-container>\n              </ng-container>\n            </mat-accordion>\n          </form>\n        </ng-container>\n\n        <ng-container *ngIf=\"isLoading\">\n          <div class=\"spinner-loader flex items-center justify-center\">\n            <mat-spinner></mat-spinner>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"canAddUserGroup\">\n          <div class=\"text-center mb-6 mt-4\">\n            <button\n              [disabled]=\"accessControlCriteriaSelection?.readOnly || isAddUserGroupBtnDisabled\"\n              mat-button\n              class=\"new-secondary-button-no-border button-with-corners\"\n              type=\"button\"\n              (click)=\"addUserGroup()\"\n            >\n              <div class=\"flex gap-2 flex-middle\">\n                <mat-icon class=\"primary-text-color\">add</mat-icon>\n                <span class=\"text-m\">Add User Group</span>\n              </div>\n            </button>\n          </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"userGroup?.length > 0 && config?.application !== MDO_APPLICATION\">\n          <div class=\"action-save flex justify-center items-center gap-4\" [ngClass]=\"{ 'mt-4': userGroup?.length === 1 && config?.application === MDO_APPLICATION }\">\n            <!-- Save Filter Button -->\n            <button\n              mat-flat-button\n              class=\"flex rounded-full px-4 py-2 mat-btn-outline font-bold text-sm items-center gap-2\"\n              [disabled]=\"isSaveFltrBtnDisabled || isSaving || hasUserGroupBeenAdded\"\n              (click)=\"saveAccessSettings()\"\n            >\n              <mat-spinner *ngIf=\"isSaving\" diameter=\"18\" strokeWidth=\"3\" class=\"!inline !m-0 mr-2\"></mat-spinner>\n              <span>Save Filter</span>\n            </button>\n\n            <!-- Apply Button -->\n            <!-- <button\n              mat-flat-button\n              [disabled]=\"isApplyBtnDisabled || isApplying || hasUserGroupBeenAdded\"\n              class=\"flex items-center rounded-full px-4 py-2 new-bg-color font-bold text-sm text-white gap-2\"\n              (click)=\"applyAccessControlValue()\">\n              <mat-spinner *ngIf=\"isApplying\" diameter=\"18\" strokeWidth=\"3\" class=\"!inline !m-0 mr-2\"></mat-spinner>\n              <span>Apply</span>\n            </button> -->\n          </div>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", styles: [".as-container{border:1px solid #1b4ca1;border-radius:10px}.filter-criteria-container{background:#fff8ef}.access-rules-panel{background:#e8edf6!important;border-radius:4px;margin-bottom:10px;box-shadow:none!important}::ng-deep .mat-expansion-panel-body{background:#fff!important;padding:0 24px 16px!important}.more-menu-icon{font-size:16px;height:16px;width:16px}.selections-options .mat-full-radius ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline{border-radius:12px!important;border:1px solid rgba(0,0,0,.1607843137)}.selections-options .mat-full-radius ::ng-deep .mat-form-field-appearance-outline .mat-form-field-flex{width:100%}.selections-options .mat-full-radius ::ng-deep .mat-form-field .mat-form-field-outline-end{border-radius:0 12px 12px 0!important}.selections-options .mat-full-radius ::ng-deep .mat-form-field .mat-form-field-outline-start{border-radius:12px 0 0 12px!important;flex-grow:1}.selections-options .mat-full-radius ::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}.selections-options .mat-full-radius ::ng-deep .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{background:#ebebeb}.mt-2{margin-top:.5rem!important}.action-manage-selection mat-icon{font-size:0px;height:19px;width:19px;color:#fff!important}.action-manage-selection button{padding:4px 16px}.action-manage-selection button:disabled{opacity:1!important;background:#ebebeb!important;color:#666!important}.action-manage-selection button:disabled mat-icon{color:#666!important}.color-gr{background:#1b4ca1}.and-or ::ng-deep .mat-form-field .mat-form-field-outline-end{border:none!important}.and-or ::ng-deep .mat-form-field .mat-form-field-outline-start{border:none!important}.and-or ::ng-deep .mat-select-value{color:#1b4ca1!important;font-family:Montserrat;font-weight:600;font-size:16px}.and-or ::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}.w-max-100{max-width:100px}.access-usergroup-panel .mat-expansion-panel-header-title{padding-left:1rem}.access-usergroup-panel .mat-expansion-panel-header.mat-expanded{height:50px!important}.access-usergroup-panel .mat-expansion-panel-header{background:#e8edf6;padding:0 16px 0 0!important}.access-usergroup-panel .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none!important;border:1px solid rgba(0,0,0,.0784313725)}.mr-1{margin-right:.25rem!important}:host ::ng-deep .mdc-dialog .mdc-dialog__content{padding:0 24px 24px!important}.select-condition-text{font-family:Lato;font-weight:400;font-size:12px;color:#666}::ng-deep .mat-select-panel{max-height:360px!important}.radio-container mat-icon{width:16px;height:16px;font-size:0px}.img-icon-24{width:24px;height:24px}::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{font-family:Montserrat;font-weight:600;font-size:16px;color:#1b4ca1!important}::ng-deep .mat-mdc-tab .mdc-tab__text-label{color:#241c15a6!important;font-family:Lato;font-weight:400;font-size:16px}::ng-deep .mat-mdc-tab .mdc-tab-indicator__content--underline{border-color:#1b4ca1!important;border-top-width:3px!important}.checkbox-toggle input[type=checkbox]{height:0;width:0;visibility:hidden}.checkbox-toggle label{cursor:pointer;width:60px;height:28px;background:#666;display:block;border-radius:100px;position:relative}.checkbox-toggle label:before{content:\"OFF\";color:#fff;position:absolute;left:28px;top:2px;z-index:1;transition:.3s;font-family:Montserrat;font-weight:600;font-size:11.57px}.checkbox-toggle label:after{content:\"\";position:absolute;top:4px;left:5px;width:20px;height:20px;background:#fff;border-radius:90px;transition:.3s;z-index:2}.checkbox-toggle input:checked+label{background:#1d8923}.checkbox-toggle input:checked+label:before{content:\"ON\";left:10px;font-family:Montserrat;font-weight:600;font-size:11.57px;transition:.3s}.checkbox-toggle input:checked+label:after{left:calc(100% - 5px);transform:translate(-100%)}.checkbox-toggle label:active:after{width:30px}.checkbox-toggle label[disabled]{cursor:not-allowed}.users-total-count,.user-group-user-count{padding:6px;background-color:#fff;border-radius:4px;border:1px solid rgba(0,0,0,.0784313725);width:165px}.users-total-count mat-icon,.user-group-user-count mat-icon{width:16px;height:16px;font-size:0px}.users-total-count div:first-child,.user-group-user-count div:first-child,.user-group-user-count{font-family:Lato;font-weight:400;font-size:12px}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i5.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i10.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i10.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i10.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i10.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i10.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i11.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i11.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i12.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i13.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccessControlComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "sb-uic-access-control", standalone: false, template: "<div class=\"py-4 px-10\">\n  <div class=\"p-4 as-container\">\n    <div class=\"flex items-center justify-between\">\n      <span class=\"text-xl font-bold primary-text-color\">{{(config?.application === MDO_APPLICATION || config?.application === CBP_APPLICATION) ? 'Access Control' : 'Access Settings'}}</span>\n      <div class=\"flex gap-2 items-center\">\n        <span class=\"text-sm primary-text-color cursor-pointer\" (click)=\"openInstructonsDialog()\">How to use access control?</span>\n        <img src=\"/assets/icons/support-i.svg\" alt=\"support i\" class=\"img-icon-24 cursor-pointer\" (click)=\"openInstructonsDialog()\"/>\n      </div>\n    </div>\n    <div class=\"light-grey-border p-4 mt-4\">\n      <ng-container *ngIf=\"canShowAccessControlTypeRadio\">\n        <mat-radio-group [(ngModel)]=\"accessTypeDup\" (change)=\"onAccessTypeChange($event)\">\n          <div class=\"radio-container flex gap-5 mb-4\">\n            <ng-container *ngFor=\"let item of accessControlCriteriaSelection?.accessTypes\">\n              <mat-radio-button [value]=\"item.value\" [disabled]=\"item?.disabled || accessControlCriteriaSelection?.readOnly\">\n                <div class=\"flex gap-2 items-center\">\n                  <span>{{ item?.name }}</span>\n                  <mat-icon svgIcon=\"info-outline\" [matTooltip]=\"item?.tooltip\"></mat-icon>\n                </div>\n              </mat-radio-button>\n            </ng-container>\n          </div>\n        </mat-radio-group>\n      </ng-container>\n\n      <ng-container *ngIf=\"accessType === ACCESS_TYPE_ENUM.Public\">\n        <!-- <div class=\"info-container\">\n          <label class=\"text-sm\">This event will be visible to all Karmayogis.</label>\n        </div> -->\n      </ng-container>\n      <ng-container *ngIf=\"accessType === ACCESS_TYPE_ENUM.Custom\">\n        <ng-container *ngIf=\"shouldShowVisibilityToggle\">\n          <div class=\"visibiliy-container light-grey-border p-4 mb-4\">\n            <div class=\"flex justify-between items-center\">\n              <span class=\"text-lg font-bold\">{{ config?.visiblilityOnOff?.label }}</span>\n              <!-- <mat-slide-toggle [(ngModel)]=\"isVisibilityEnabled\" [disabled]=\"config?.visiblilityOnOff?.disabled || false\"></mat-slide-toggle> -->\n              <div class=\"checkbox-toggle\">\n                <input [(ngModel)]=\"isVisibilityEnabled\" [disabled]=\"config?.visiblilityOnOff?.disabled || false\" type=\"checkbox\" id=\"switch\" />\n                <label for=\"switch\" [attr.disabled]=\"config?.visiblilityOnOff?.disabled || false\"></label>\n              </div>\n            </div>\n            <ng-container *ngIf=\"!isVisibilityEnabled\">\n              <label class=\"text-sm\">{{ (config?.visiblilityOnOff?.off || \"\").replace(\"{contentType}\", content?.courseCategory || content?.contentType) }}</label>\n            </ng-container>\n            <ng-container *ngIf=\"isVisibilityEnabled\">\n              <label class=\"text-sm\">{{ (config?.visiblilityOnOff?.on || \"\").replace(\"{contentType}\", content?.courseCategory || content?.contentType) }}</label>\n            </ng-container>\n          </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"filterCriteria\">\n          <div class=\"filter-criteria-container light-grey-border p-4 mt-4 flex flex-middle justify-between mb-4\">\n            <div class=\"info\">\n              <span class=\"text-sm\">Define the conditions that Karmayogis must satisfy to enroll in the event.</span>\n            </div>\n            <button mat-button class=\"new-secondary-button-no-border button-with-corners\" type=\"button\">\n              <div class=\"flex gap-2 flex-middle\">\n                <span class=\"text-m\">Refresh</span>\n                <mat-icon class=\"primary-text-color\">refresh</mat-icon>\n              </div>\n            </button>\n          </div>\n        </ng-container>\n\n        <div class=\"users-total-count flex gap-2 items-center my-3\" *ngIf=\"getTotalUserCount\">\n          <mat-icon svgIcon=\"info-outline\" [matTooltip]=\"\"></mat-icon>\n          <div class=\"text-dark\">Total Count : {{ getTotalUserCount }}</div>\n        </div>\n\n        <ng-container *ngIf=\"accessControlForm && userGroup?.length > 0 && !isLoading\">\n          <form [formGroup]=\"accessControlForm\">\n            <mat-accordion class=\"example-headers-align access-usergroup-accordion mt-3\" multi=\"true\">\n              <ng-container formArrayName=\"userGroup\" *ngFor=\"let rule of userGroup?.controls; let i = index; let ruleLast = last\">\n                <ng-container [formGroupName]=\"i\">\n                  <mat-expansion-panel class=\"access-usergroup-panel\" expanded>\n                    <mat-expansion-panel-header>\n                      <mat-panel-title class=\"items-center\">\n                        <div class=\"flex gap-4 items-center\">\n                          <span class=\"text-sm\">{{ rule.get(\"name\")?.value }}</span>\n                          <ng-container *ngIf=\"userCount[i]\">\n                            <div class=\"text-dark user-group-user-count\">Count : {{ userCount[i] }}</div>\n                          </ng-container>\n                        </div>\n                      </mat-panel-title>\n                      <mat-panel-description class=\"justify-end items-center\" (click)=\"$event.stopPropagation()\">\n                        <ng-container *ngIf=\"content?.accessSetting !== MDO_SPECIFIC && (config?.application !== MDO_APPLICATION || (config?.application === MDO_APPLICATION && config?.mdoContent?.status === 'Live' && userGroup?.length > 1))\">\n                          <button\n                            [disabled]=\"accessControlCriteriaSelection?.readOnly || rule.get('isUserGroupDisabled')?.value\"\n                            mat-icon-button\n                            aria-label=\"delete user group\"\n                            (click)=\"removeUserGroup(i)\"\n                            title=\"Delete\"\n                          >\n                            <mat-icon>delete</mat-icon>\n                          </button>\n                          <button\n                            [disabled]=\"accessControlCriteriaSelection?.readOnly || rule.get('isUserGroupDisabled')?.value\"\n                            mat-icon-button\n                            aria-label=\"refresh user group\"\n                            (click)=\"resetUserGroupWithSelections(i)\"\n                            title=\"Refresh\"\n                          >\n                            <img src=\"/assets/icons/restart.svg\" alt=\"refresh\" class=\"img-icon-24\" />\n                          </button>\n                        </ng-container>\n                      </mat-panel-description>\n                    </mat-expansion-panel-header>\n                    <ng-container *ngIf=\"rule.get('conditions') as conditionsArray\">\n                      <div [formArrayName]=\"'conditions'\">\n                        <ng-container *ngFor=\"let condition of conditionsArray?.controls; let j = index; let conditionlast = last\">\n                          <div class=\"condition-selection mt-2\" [formGroupName]=\"j\">\n                            <div class=\"select-condition-text mb-3 mt-4\">Select Condition {{ i + 1 + \".\" + (j + 1) }}</div>\n                            <div class=\"selections-options grid grid-cols-5 gap-4\">\n                              <div class=\"mat-full-radius\">\n                                <mat-form-field appearance=\"outline\" class=\"w-full\">\n                                  <mat-select placeholder=\"Select\" formControlName=\"entity\" (selectionChange)=\"onEntityChange(i, j)\" (openedChange)=\"onOpeningEntityChange($event, i, j)\">\n                                    <ng-container *ngFor=\"let item of getAvailableEntities(i, j)\">\n                                      <mat-option [value]=\"item?.value\" [disabled]=\"item?.disabled\">{{ item?.label }}</mat-option>\n                                    </ng-container>\n                                  </mat-select>\n                                </mat-form-field>\n                              </div>\n                              <div class=\"mat-full-radius\">\n                                <mat-form-field appearance=\"outline\" class=\"w-full\">\n                                  <mat-select placeholder=\"Select\" formControlName=\"conditionType\">\n                                    <ng-container *ngFor=\"let item of accessControlCriteriaSelection?.optionsConditions\">\n                                      <mat-option [value]=\"item?.value\">{{ item?.label }}</mat-option>\n                                    </ng-container>\n                                  </mat-select>\n                                </mat-form-field>\n                              </div>\n                              <div class=\"action-manage-selection\">\n                                <button\n                                  mat-flat-button\n                                  (click)=\"manageSelections(condition, rule, i)\"\n                                  [disabled]=\"!condition.get('entity').value || !condition.get('conditionType').value || accessControlCriteriaSelection?.readOnly\"\n                                  class=\"rounded-full new-bg-color text-white mt-2 flex items-center gap-2\"\n                                >\n                                  <mat-icon svgIcon=\"svg_search\" class=\"mr-2\"></mat-icon>\n                                  <span class=\"font-bold text-sm\">Manage Selection</span>\n                                </button>\n                              </div>\n                              <div class=\"action-options-selected\">\n                                <button [disabled]=\"!condition.get('entity').value\" mat-button class=\"new-secondary-button-no-border button-with-corners mt-2\" type=\"button\" (click)=\"manageSelections(condition, rule, i, 1)\">\n                                  <div class=\"flex gap-2 flex-middle mt-2\">\n                                    <span class=\"text-m underline\">{{ condition?.get(\"selections\").value?.length }} items selected</span>\n                                  </div>\n                                </button>\n                              </div>\n                              <div class=\"action-more-options flex justify-end\">\n                                <div class=\"flex gap-4\">\n                                  <ng-container *ngIf=\"content?.accessSetting !== MDO_SPECIFIC\">\n                                    <button\n                                      mat-icon-button\n                                      aria-label=\"delete condition\"\n                                      class=\"mt-2 ml-auto\"\n                                      [disabled]=\"accessControlCriteriaSelection?.readOnly || rule.get('isUserGroupDisabled')?.value\"\n                                      (click)=\"removeCondition(i, j)\"\n                                      title=\"Delete\"\n                                    >\n                                      <mat-icon>delete</mat-icon>\n                                    </button>\n                                    <button\n                                      mat-icon-button\n                                      aria-label=\"refresh condition\"\n                                      class=\"mt-2 ml-auto\"\n                                      [disabled]=\"accessControlCriteriaSelection?.readOnly || rule.get('isUserGroupDisabled')?.value\"\n                                      (click)=\"resetCondition(i, j)\"\n                                      title=\"Refresh\"\n                                    >\n                                      <img src=\"/assets/icons/restart.svg\" alt=\"refresh\" class=\"img-icon-24\" />\n                                    </button>\n                                  </ng-container>\n                                </div>\n                              </div>\n                            </div>\n                          </div>\n                          <div class=\"and-or mat-full-radius\" *ngIf=\"conditionsArray?.length > 1 && !conditionlast\">\n                            <mat-form-field appearance=\"outline\" class=\"w-max-100\">\n                              <mat-select placeholder=\"Select\" [(value)]=\"defaultConditionRelationship\">\n                                <mat-option [value]=\"'AND'\">AND</mat-option>\n                                <!-- <mat-option [value]=\"'OR'\" [disabled]=\"true\">OR</mat-option> -->\n                              </mat-select>\n                            </mat-form-field>\n                          </div>\n                        </ng-container>\n                      </div>\n                    </ng-container>\n                    <div class=\"action-add-condition\">\n                      <button\n                        [disabled]=\"\n                          content?.accessSetting === ACCESS_SETTING_ENUM.MDO_SPECIFIC ||\n                          content?.accessSetting === ACCESS_SETTING_ENUM.CUSTOME_USER ||\n                          accessControlCriteriaSelection?.readOnly ||\n                          rule.get('isUserGroupDisabled')?.value ||\n                          rule.get('isAddConditionDisabled')?.value\n                        \"\n                        mat-button\n                        class=\"new-secondary-button-no-border button-with-corners\"\n                        type=\"button\"\n                        (click)=\"addCondition(i)\"\n                      >\n                        <div class=\"flex gap-2 flex-middle\">\n                          <mat-icon class=\"primary-text-color\">add</mat-icon>\n                          <span class=\"text-m\">Add New Condition</span>\n                        </div>\n                      </button>\n                    </div>\n                  </mat-expansion-panel>\n                  <div class=\"and-or mat-full-radius\" *ngIf=\"userGroup?.length > 1 && !ruleLast\">\n                    <mat-form-field appearance=\"outline\" class=\"w-max-100\">\n                      <mat-select placeholder=\"Select\" [(value)]=\"defaultUserGroupRelationship\">\n                        <mat-option [value]=\"'AND'\" [disabled]=\"true\">AND</mat-option>\n                        <mat-option [value]=\"'OR'\">OR</mat-option>\n                      </mat-select>\n                    </mat-form-field>\n                  </div>\n                </ng-container>\n              </ng-container>\n            </mat-accordion>\n          </form>\n        </ng-container>\n\n        <ng-container *ngIf=\"isLoading\">\n          <div class=\"spinner-loader flex items-center justify-center\">\n            <mat-spinner></mat-spinner>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"canAddUserGroup\">\n          <div class=\"text-center mb-6 mt-4\">\n            <button\n              [disabled]=\"accessControlCriteriaSelection?.readOnly || isAddUserGroupBtnDisabled\"\n              mat-button\n              class=\"new-secondary-button-no-border button-with-corners\"\n              type=\"button\"\n              (click)=\"addUserGroup()\"\n            >\n              <div class=\"flex gap-2 flex-middle\">\n                <mat-icon class=\"primary-text-color\">add</mat-icon>\n                <span class=\"text-m\">Add User Group</span>\n              </div>\n            </button>\n          </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"userGroup?.length > 0 && config?.application !== MDO_APPLICATION\">\n          <div class=\"action-save flex justify-center items-center gap-4\" [ngClass]=\"{ 'mt-4': userGroup?.length === 1 && config?.application === MDO_APPLICATION }\">\n            <!-- Save Filter Button -->\n            <button\n              mat-flat-button\n              class=\"flex rounded-full px-4 py-2 mat-btn-outline font-bold text-sm items-center gap-2\"\n              [disabled]=\"isSaveFltrBtnDisabled || isSaving || hasUserGroupBeenAdded\"\n              (click)=\"saveAccessSettings()\"\n            >\n              <mat-spinner *ngIf=\"isSaving\" diameter=\"18\" strokeWidth=\"3\" class=\"!inline !m-0 mr-2\"></mat-spinner>\n              <span>Save Filter</span>\n            </button>\n\n            <!-- Apply Button -->\n            <!-- <button\n              mat-flat-button\n              [disabled]=\"isApplyBtnDisabled || isApplying || hasUserGroupBeenAdded\"\n              class=\"flex items-center rounded-full px-4 py-2 new-bg-color font-bold text-sm text-white gap-2\"\n              (click)=\"applyAccessControlValue()\">\n              <mat-spinner *ngIf=\"isApplying\" diameter=\"18\" strokeWidth=\"3\" class=\"!inline !m-0 mr-2\"></mat-spinner>\n              <span>Apply</span>\n            </button> -->\n          </div>\n        </ng-container>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", styles: [".as-container{border:1px solid #1b4ca1;border-radius:10px}.filter-criteria-container{background:#fff8ef}.access-rules-panel{background:#e8edf6!important;border-radius:4px;margin-bottom:10px;box-shadow:none!important}::ng-deep .mat-expansion-panel-body{background:#fff!important;padding:0 24px 16px!important}.more-menu-icon{font-size:16px;height:16px;width:16px}.selections-options .mat-full-radius ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline{border-radius:12px!important;border:1px solid rgba(0,0,0,.1607843137)}.selections-options .mat-full-radius ::ng-deep .mat-form-field-appearance-outline .mat-form-field-flex{width:100%}.selections-options .mat-full-radius ::ng-deep .mat-form-field .mat-form-field-outline-end{border-radius:0 12px 12px 0!important}.selections-options .mat-full-radius ::ng-deep .mat-form-field .mat-form-field-outline-start{border-radius:12px 0 0 12px!important;flex-grow:1}.selections-options .mat-full-radius ::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}.selections-options .mat-full-radius ::ng-deep .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{background:#ebebeb}.mt-2{margin-top:.5rem!important}.action-manage-selection mat-icon{font-size:0px;height:19px;width:19px;color:#fff!important}.action-manage-selection button{padding:4px 16px}.action-manage-selection button:disabled{opacity:1!important;background:#ebebeb!important;color:#666!important}.action-manage-selection button:disabled mat-icon{color:#666!important}.color-gr{background:#1b4ca1}.and-or ::ng-deep .mat-form-field .mat-form-field-outline-end{border:none!important}.and-or ::ng-deep .mat-form-field .mat-form-field-outline-start{border:none!important}.and-or ::ng-deep .mat-select-value{color:#1b4ca1!important;font-family:Montserrat;font-weight:600;font-size:16px}.and-or ::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}.w-max-100{max-width:100px}.access-usergroup-panel .mat-expansion-panel-header-title{padding-left:1rem}.access-usergroup-panel .mat-expansion-panel-header.mat-expanded{height:50px!important}.access-usergroup-panel .mat-expansion-panel-header{background:#e8edf6;padding:0 16px 0 0!important}.access-usergroup-panel .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:none!important;border:1px solid rgba(0,0,0,.0784313725)}.mr-1{margin-right:.25rem!important}:host ::ng-deep .mdc-dialog .mdc-dialog__content{padding:0 24px 24px!important}.select-condition-text{font-family:Lato;font-weight:400;font-size:12px;color:#666}::ng-deep .mat-select-panel{max-height:360px!important}.radio-container mat-icon{width:16px;height:16px;font-size:0px}.img-icon-24{width:24px;height:24px}::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{font-family:Montserrat;font-weight:600;font-size:16px;color:#1b4ca1!important}::ng-deep .mat-mdc-tab .mdc-tab__text-label{color:#241c15a6!important;font-family:Lato;font-weight:400;font-size:16px}::ng-deep .mat-mdc-tab .mdc-tab-indicator__content--underline{border-color:#1b4ca1!important;border-top-width:3px!important}.checkbox-toggle input[type=checkbox]{height:0;width:0;visibility:hidden}.checkbox-toggle label{cursor:pointer;width:60px;height:28px;background:#666;display:block;border-radius:100px;position:relative}.checkbox-toggle label:before{content:\"OFF\";color:#fff;position:absolute;left:28px;top:2px;z-index:1;transition:.3s;font-family:Montserrat;font-weight:600;font-size:11.57px}.checkbox-toggle label:after{content:\"\";position:absolute;top:4px;left:5px;width:20px;height:20px;background:#fff;border-radius:90px;transition:.3s;z-index:2}.checkbox-toggle input:checked+label{background:#1d8923}.checkbox-toggle input:checked+label:before{content:\"ON\";left:10px;font-family:Montserrat;font-weight:600;font-size:11.57px;transition:.3s}.checkbox-toggle input:checked+label:after{left:calc(100% - 5px);transform:translate(-100%)}.checkbox-toggle label:active:after{width:30px}.checkbox-toggle label[disabled]{cursor:not-allowed}.users-total-count,.user-group-user-count{padding:6px;background-color:#fff;border-radius:4px;border:1px solid rgba(0,0,0,.0784313725);width:165px}.users-total-count mat-icon,.user-group-user-count mat-icon{width:16px;height:16px;font-size:0px}.users-total-count div:first-child,.user-group-user-count div:first-child,.user-group-user-count{font-family:Lato;font-weight:400;font-size:12px}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.MatDialog }, { type: i2$1.FormBuilder }, { type: AccessControlService }, { type: CadreMappingService }, { type: i1.MatSnackBar }], propDecorators: { config: [{
+                type: Input
+            }], contentId: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], tempAccessControl: [{
+                type: Input
+            }], accessControlData: [{
+                type: Output
+            }], refreshContentMeta: [{
+                type: Output
+            }], sendForCQF: [{
+                type: Output
+            }] } });
+
+class AccessControlModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccessControlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AccessControlModule, declarations: [AccessControlComponent,
+            InviteUsersComponent,
+            ListTableComponent,
+            PaginationComponent,
+            BulkUploadKarmayogiComponent,
+            DragDropDirective,
+            EntitySelectionsComponent,
+            ConfirmDialogComponent,
+            AccessControlGuideComponent], imports: [CommonModule,
+            MatRadioModule,
+            MatIconModule,
+            MatDialogModule,
+            MatMenuModule,
+            MatCheckboxModule,
+            MatSlideToggleModule,
+            MatSelectModule,
+            MatRippleModule,
+            MatInputModule,
+            MatFormFieldModule,
+            MatExpansionModule,
+            ReactiveFormsModule,
+            FormsModule,
+            MatButtonModule,
+            MatTabsModule,
+            MatTableModule,
+            MatProgressSpinnerModule,
+            MatSnackBarModule,
+            MatSortModule,
+            MatTooltipModule], exports: [AccessControlComponent, PaginationComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccessControlModule, imports: [CommonModule,
+            MatRadioModule,
+            MatIconModule,
+            MatDialogModule,
+            MatMenuModule,
+            MatCheckboxModule,
+            MatSlideToggleModule,
+            MatSelectModule,
+            MatRippleModule,
+            MatInputModule,
+            MatFormFieldModule,
+            MatExpansionModule,
+            ReactiveFormsModule,
+            FormsModule,
+            MatButtonModule,
+            MatTabsModule,
+            MatTableModule,
+            MatProgressSpinnerModule,
+            MatSnackBarModule,
+            MatSortModule,
+            MatTooltipModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccessControlModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        AccessControlComponent,
+                        InviteUsersComponent,
+                        ListTableComponent,
+                        PaginationComponent,
+                        BulkUploadKarmayogiComponent,
+                        DragDropDirective,
+                        EntitySelectionsComponent,
+                        ConfirmDialogComponent,
+                        AccessControlGuideComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatRadioModule,
+                        MatIconModule,
+                        MatDialogModule,
+                        MatMenuModule,
+                        MatCheckboxModule,
+                        MatSlideToggleModule,
+                        MatSelectModule,
+                        MatRippleModule,
+                        MatInputModule,
+                        MatFormFieldModule,
+                        MatExpansionModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        MatButtonModule,
+                        MatTabsModule,
+                        MatTableModule,
+                        MatProgressSpinnerModule,
+                        MatSnackBarModule,
+                        MatSortModule,
+                        MatTooltipModule
+                    ],
+                    exports: [AccessControlComponent, PaginationComponent]
+                }]
+        }] });
+
+/*
+ * Public API Surface of access-settings
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AccessControlComponent, AccessControlModule, AccessSettingsComponent, AccessSettingsModule, NsAccessControlConfig, PaginationComponent };
+//# sourceMappingURL=sunbird-cb-access-settings.mjs.map