@sunbird-cb/consumption 0.0.87 → 0.0.89

package/fesm2015/sunbird-cb-consumption.js

@@ -1,19 +1,19 @@
-import { Injectable, ɵɵdefineInjectable, Component, EventEmitter, Input, Output, ViewChild, NgModule, ɵɵinject, Inject, HostBinding, Directive, HostListener, CUSTOM_ELEMENTS_SCHEMA, ElementRef, ViewChildren, Pipe } from '@angular/core';
+import { Injectable, ɵɵdefineInjectable, Component, EventEmitter, Input, Output, ViewChild, NgModule, Inject, ɵɵinject, HostBinding, Directive, HostListener, CUSTOM_ELEMENTS_SCHEMA, ElementRef, ViewChildren, Pipe } from '@angular/core';
 import { CommonModule, DatePipe } from '@angular/common';
 import { Router, RouterModule, ActivatedRoute } from '@angular/router';
-import { fromEvent, timer, BehaviorSubject, Subject, of, EMPTY, ReplaySubject, throwError, Observable, interval } from 'rxjs';
-import { debounceTime, throttleTime, shareReplay, retry, map, catchError, filter, distinctUntilChanged } from 'rxjs/operators';
+import { fromEvent, timer, throwError, Observable, BehaviorSubject, Subject, of, EMPTY, ReplaySubject, interval } from 'rxjs';
+import { debounceTime, throttleTime, catchError, map, shareReplay, retry, filter, distinctUntilChanged } from 'rxjs/operators';
 import { ValueService, ConfigurationsService as ConfigurationsService$1, WsEvents, LoggerService, EventService, UtilityService, MultilingualTranslationsService as MultilingualTranslationsService$1, PipeSafeSanitizerModule } from '@sunbird-cb/utils-v2';
 import { MatButtonModule, MatIconModule, MatProgressSpinnerModule, MatToolbarModule, MatTooltipModule, MatListModule, MatSidenavModule, MatCardModule, MatExpansionModule, MatRadioModule, MatChipsModule, MatInputModule, MatFormFieldModule, MatDialogModule, MatSnackBarModule, MatSelectModule, MatDatepickerModule, MatNativeDateModule, MatTableModule, MatCheckboxModule, MatButtonToggleModule, MatTabsModule, MatAutocompleteModule, MatSnackBar, MatDialogRef, MAT_DIALOG_DATA, MatDialog, MatProgressBarModule, MatMenuModule, MatRippleModule } from '@angular/material';
 import { __awaiter } from 'tslib';
 import { WidgetBaseComponent, SbUiResolverModule } from '@sunbird-cb/resolver-v2';
-import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { get, uniqBy, orderBy, camelCase, kebabCase } from 'lodash';
+import { HttpHeaders, HttpClient } from '@angular/common/http';
+import { uniqBy, orderBy, get, camelCase, kebabCase } from 'lodash';
+import 'rxjs/add/observable/of';
+import * as dayjs_ from 'dayjs';
 import * as moment$4 from 'moment';
 import { duration, utc } from 'moment';
 import { TranslateService, TranslateModule, TranslateLoader } from '@ngx-translate/core';
-import 'rxjs/add/observable/of';
-import * as dayjs_ from 'dayjs';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { HammerGestureConfig, HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
@@ -1439,426 +1439,1016 @@ function viewerRouteGenerator(id, mimeType, collectionId, collectionType, forPre
     };
 }
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var NsCardContent;
+(function (NsCardContent) {
+    /**
+     * @record
+     */
+    function ICard() { }
+    NsCardContent.ICard = ICard;
+    if (false) {
+        /** @type {?} */
+        ICard.prototype.content;
+        /** @type {?} */
+        ICard.prototype.cardSubType;
+        /** @type {?} */
+        ICard.prototype.context;
+        /** @type {?|undefined} */
+        ICard.prototype.intranetMode;
+        /** @type {?|undefined} */
+        ICard.prototype.deletedMode;
+        /** @type {?|undefined} */
+        ICard.prototype.likes;
+        /** @type {?|undefined} */
+        ICard.prototype.contentTags;
+        /** @type {?} */
+        ICard.prototype.stateData;
+    }
+    /**
+     * @record
+     */
+    function IContentTags() { }
+    NsCardContent.IContentTags = IContentTags;
+    if (false) {
+        /** @type {?|undefined} */
+        IContentTags.prototype.daysSpan;
+        /** @type {?|undefined} */
+        IContentTags.prototype.excludeContentType;
+        /** @type {?|undefined} */
+        IContentTags.prototype.excludeMimeType;
+        /** @type {?} */
+        IContentTags.prototype.tag;
+        /** @type {?|undefined} */
+        IContentTags.prototype.criteriaField;
+    }
+    /**
+     * @record
+     */
+    function ICompetency() { }
+    NsCardContent.ICompetency = ICompetency;
+    if (false) {
+        /** @type {?} */
+        ICompetency.prototype.competencyArea;
+        /** @type {?} */
+        ICompetency.prototype.competencyObject;
+    }
+    let EContentStatus;
+    (function (EContentStatus) {
+        EContentStatus["LIVE"] = "Live";
+        EContentStatus["EXPIRED"] = "Expired";
+        EContentStatus["DELETED"] = "Deleted";
+        EContentStatus["MARK_FOR_DELETION"] = "MarkedForDeletion";
+    })(EContentStatus = NsCardContent.EContentStatus || (NsCardContent.EContentStatus = {}));
+    let ACBPConst;
+    (function (ACBPConst) {
+        ACBPConst["UPCOMING"] = "upcoming";
+        ACBPConst["ALL"] = "All";
+        ACBPConst["OVERDUE"] = "overdue";
+        ACBPConst["SUCCESS"] = "success";
+    })(ACBPConst = NsCardContent.ACBPConst || (NsCardContent.ACBPConst = {}));
+    let IGOTConst;
+    (function (IGOTConst) {
+        IGOTConst["COMPETENCIES"] = "competencies_v5";
+        IGOTConst["RETIRED"] = "Retired";
+    })(IGOTConst = NsCardContent.IGOTConst || (NsCardContent.IGOTConst = {}));
+})(NsCardContent || (NsCardContent = {}));
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 /** @type {?} */
-const moment = moment$4;
-// tslint:enable
-// TODO: move this in some common place
+const dayjs = dayjs_
+// import { environment } from 'src/environments/environment'
+;
 /** @type {?} */
 const PROTECTED_SLAG_V8 = '/apis/protected/v8';
 const ɵ0 = /**
- * @param {?} type
- * @param {?} id
+ * @param {?} userId
  * @return {?}
  */
-(type, id) => `${PROTECTED_SLAG_V8}/content/collection/${type}/${id}`, ɵ1 = /**
- * @param {?} contentId
+(userId) => `${PROTECTED_SLAG_V8}/user/group/fetchUserGroup?userId=${userId}`, ɵ1 = /**
+ * @param {?} userId
  * @return {?}
  */
-(contentId) => `${PROTECTED_SLAG_V8}/user/progress/${contentId}`, ɵ2 = /**
- * @param {?} certId
+(userId) => 
+// tslint:disable-next-line: max-line-length
+`/apis/proxies/v8/learner/course/v2/user/enrollment/list/${userId}?orgdetails=orgName,email&licenseDetails=name,description,url&fields=contentType,primaryCategory,courseCategory,topic,name,channel,mimeType,appIcon,gradeLevel,resourceType,identifier,medium,pkgVersion,board,subject,trackable,posterImage,duration,creatorLogo,license,version,versionKey,avgRating,additionalTags,${NsCardContent.IGOTConst.COMPETENCIES}&batchDetails=name,endDate,startDate,status,enrollmentType,createdBy,certificates,batchAttributes`, ɵ2 = /**
+ * @param {?} userId
  * @return {?}
  */
-(certId) => `${PROTECTED_SLAG_V8}/cohorts/course/batch/cert/download/${certId}`, ɵ3 = /**
- * @param {?} contentId
+(userId) => 
+// tslint:disable-next-line: max-line-length
+`/apis/proxies/v8/learner/course/v2/user/enrollment/list/${userId}?orgdetails=orgName,email&licenseDetails=name,description,url&fields=contentType,primaryCategory,courseCategory,topic,name,channel,mimeType,appIcon,gradeLevel,resourceType,identifier,medium,pkgVersion,board,subject,trackable,posterImage,duration,creatorLogo,license,version,versionKey,avgRating,additionalTags,${NsCardContent.IGOTConst.COMPETENCIES}&batchDetails=name,endDate,startDate,status,enrollmentType,createdBy,certificates,batchAttributes&retiredCoursesEnabled=true`, ɵ3 = /**
+ * @param {?} userId
+ * @param {?} orgdetails
+ * @param {?} licenseDetails
+ * @param {?} fields
+ * @param {?} batchDetails
  * @return {?}
  */
-(contentId) => `/apis/proxies/v8/action/content/v3/read/${contentId}`;
+(userId, orgdetails, licenseDetails, fields, batchDetails) => 
+// tslint:disable-next-line: max-line-length
+`apis/proxies/v8/learner/course/v2/user/enrollment/list/${userId}?orgdetails=${orgdetails}&licenseDetails=${licenseDetails}&fields=${fields},courseCategory,${NsCardContent.IGOTConst.COMPETENCIES}&batchDetails=${batchDetails}`;
 /** @type {?} */
 const API_END_POINTS = {
-    CONTENT: `${PROTECTED_SLAG_V8}/content`,
-    AUTHORING_CONTENT: `/api/course/v1/hierarchy`,
-    CONTENT_LIKES: `${PROTECTED_SLAG_V8}/content/likeCount`,
-    SET_S3_COOKIE: `${PROTECTED_SLAG_V8}/content/setCookie`,
-    SET_S3_IMAGE_COOKIE: `${PROTECTED_SLAG_V8}/content/setImageCookie`,
-    FETCH_MANIFEST: `${PROTECTED_SLAG_V8}/content/getWebModuleManifest`,
-    FETCH_WEB_MODULE_FILES: `${PROTECTED_SLAG_V8}/content/getWebModuleFiles`,
-    MULTIPLE_CONTENT: `${PROTECTED_SLAG_V8}/content/multiple`,
-    CONTENT_SEARCH_V5: `${PROTECTED_SLAG_V8}/content/searchV5`,
-    CONTENT_SEARCH_V6: `/apis/proxies/v8/sunbirdigot/search`,
-    TRENDING_CONTENT_SEARCH: `apis/proxies/v8/trending/content/search`,
-    CONTENT_SEARCH_RELATED_CBP_V6: `/apis/proxies/v8/sunbirdigot/search`,
-    CONTENT_SEARCH_REGION_RECOMMENDATION: `${PROTECTED_SLAG_V8}/content/searchRegionRecommendation`,
-    CONTENT_HISTORY: `${PROTECTED_SLAG_V8}/user/history`,
-    CONTENT_HISTORYV2: `/apis/proxies/v8/read/content-progres`,
-    COURSE_BATCH_LIST: `/apis/proxies/v8/learner/course/v1/batch/list`,
-    COURSE_BATCH: `/apis/proxies/v8/course/v1/batch/read`,
-    AUTO_ASSIGN_BATCH: `/apis/protected/v8/cohorts/user/autoenrollment/`,
-    AUTO_ASSIGN_CURATED_BATCH: `/apis/proxies/v8/curatedprogram/v1/enrol`,
-    AUTO_ASSIGN_OPEN_PROGRAM: `/apis/proxies/v8/openprogram/v1/enrol`,
-    USER_CONTINUE_LEARNING: `${PROTECTED_SLAG_V8}/user/history/continue`,
-    CONTENT_RATING: `${PROTECTED_SLAG_V8}/user/rating`,
-    COLLECTION_HIERARCHY: (ɵ0),
-    REGISTRATION_STATUS: `${PROTECTED_SLAG_V8}/admin/userRegistration/checkUserRegistrationContent`,
-    MARK_AS_COMPLETE_META: (ɵ1),
-    ENROLL_BATCH: `/apis/proxies/v8/learner/course/v1/enrol`,
-    ENROLL_BATCH_WF: `/apis/proxies/v8/workflow/blendedprogram/enrol`,
-    WITHDRAW_BATCH_WF: `/apis/proxies/v8/workflow/blendedprogram/unenrol`,
-    BLENDED_USER_WF: `/apis/proxies/v8/workflow/blendedprogram/user/search`,
-    BLENDED_USER_COUNT: `apis/proxies/v8/workflow/blendedprogram/enrol/status/count`,
-    CERT_ADD_TEMPLATE: `${PROTECTED_SLAG_V8}/cohorts/course/batch/cert/template/add`,
-    CERT_ISSUE: `${PROTECTED_SLAG_V8}/cohorts/course/batch/cert/issue`,
-    CERT_DOWNLOAD: (ɵ2),
-    READ_KARMAPOINTS: `/apis/proxies/v8/karmapoints/read`,
-    CONTENT_READ: (ɵ3),
-    READ_COURSE_KARMAPOINTS: '/apis/proxies/v8/karmapoints/user/course/read',
-    CLAIM_KARMAPOINTS: '/apis/proxies/v8/claimkarmapoints',
-    USER_KARMA_POINTS: '/apis/proxies/v8/user/totalkarmapoints',
-    AGGREGATION_SEARCH: '/apis/proxies/v8/content/aggregation/search',
-    FEATURE_SEARCH: '/apis/proxies/v8/featured/content/search',
+    FETCH_USER_GROUPS: (ɵ0),
+    FETCH_CPB_PLANS: `/apis/proxies/v8/user/v1/cbplan`,
+    FETCH_USER_ENROLLMENT_LIST: (ɵ1),
+    FETCH_USER_ENROLLMENT_LIST_PROFILE: (ɵ2),
+    // tslint:disable-next-line: max-line-length
+    FETCH_USER_ENROLLMENT_LIST_V2: (ɵ3),
 };
-class WidgetContentService {
+class WidgetUserServiceLib {
     /**
+     * @param {?} environment
      * @param {?} http
-     * @param {?} configSvc
      */
-    constructor(http, configSvc) {
+    constructor(environment, http) {
         this.http = http;
-        this.configSvc = configSvc;
-        this.tocConfigData = new BehaviorSubject({});
-        this.tocConfigData$ = this.tocConfigData.asObservable();
-        this.telemetryData = new Subject();
-        this.telemetryData$ = this.telemetryData.asObservable();
-        this.programChildCourseResumeData = new BehaviorSubject({});
-        this.programChildCourseResumeData$ = this.programChildCourseResumeData.asObservable();
+        this.environment = environment;
     }
     /**
-     * @param {?} message
+     * @param {?} error
      * @return {?}
      */
-    changeTelemetryData(message) {
-        this.telemetryData.next(message);
+    handleError(error) {
+        /** @type {?} */
+        let errorMessage = '';
+        if (error.error instanceof ErrorEvent) {
+            errorMessage = `Error: ${error.error.message}`;
+        }
+        return throwError(errorMessage);
     }
     /**
-     * @param {?} primaryCategory
+     * @param {?} userId
      * @return {?}
      */
-    isResource(primaryCategory) {
-        if (primaryCategory) {
-            /** @type {?} */
-            const isResource = (primaryCategory === NsContent.EResourcePrimaryCategories.LEARNING_RESOURCE) ||
-                (primaryCategory === NsContent.EResourcePrimaryCategories.PRACTICE_RESOURCE) ||
-                (primaryCategory === NsContent.EResourcePrimaryCategories.FINAL_ASSESSMENT) ||
-                (primaryCategory === NsContent.EResourcePrimaryCategories.COMP_ASSESSMENT) ||
-                (primaryCategory === NsContent.EResourcePrimaryCategories.OFFLINE_SESSION);
-            return isResource;
-        }
-        return false;
+    fetchUserGroupDetails(userId) {
+        return this.http
+            .get(API_END_POINTS.FETCH_USER_GROUPS(userId))
+            .pipe(catchError(this.handleError));
     }
+    // tslint:disable-next-line: max-line-length
     /**
-     * @param {?} identifier
+     * @param {?} userId
+     * @param {?=} queryParams
      * @return {?}
      */
-    fetchMarkAsCompleteMeta(identifier) {
-        // tslint:disable-next-line
+    fetchUserBatchList(userId, queryParams) {
         /** @type {?} */
-        const url = API_END_POINTS.MARK_AS_COMPLETE_META(identifier)
-        // return this.http.get(url).toPromise()
-        ;
-        // return this.http.get(url).toPromise()
-        if (url) { }
-        return of().toPromise();
+        let path = '';
+        if (queryParams) {
+            // tslint:disable-next-line: max-line-length
+            path = API_END_POINTS.FETCH_USER_ENROLLMENT_LIST_V2(userId, queryParams.orgdetails, queryParams.licenseDetails, queryParams.fields, queryParams.batchDetails);
+        }
+        else {
+            path = API_END_POINTS.FETCH_USER_ENROLLMENT_LIST(userId);
+        }
+        /** @type {?} */
+        const headers = new HttpHeaders({
+            'Cache-Control': 'no-cache, no-store, must-revalidate, post-check=0, pre-check=0',
+            Pragma: 'no-cache',
+            Expires: '0',
+        });
+        /** @type {?} */
+        const result = this.http.get(path, { headers }).pipe(catchError(this.handleError), map((/**
+         * @param {?} data
+         * @return {?}
+         */
+        (data) => {
+            /** @type {?} */
+            const coursesData = [];
+            if (data && data.result && data.result.courses) {
+                data.result.courses.forEach((/**
+                 * @param {?} content
+                 * @return {?}
+                 */
+                (content) => {
+                    if (content.contentStatus) {
+                        delete content.contentStatus;
+                    }
+                    coursesData.push(content);
+                }));
+                this.storeUserEnrollmentInfo(data.result.userCourseEnrolmentInfo, data.result.courses.length);
+                data.result.courses = coursesData;
+            }
+            return data.result;
+        })));
+        return result;
     }
+    // tslint:disable-next-line: max-line-length
     /**
-     * @param {?} data
+     * @param {?} userId
+     * @param {?=} queryParams
      * @return {?}
      */
-    updateTocConfig(data) {
-        this.tocConfigData.next(data);
+    fetchProfileUserBatchList(userId, queryParams) {
+        /** @type {?} */
+        let path = '';
+        if (queryParams) {
+            // tslint:disable-next-line: max-line-length
+            path = API_END_POINTS.FETCH_USER_ENROLLMENT_LIST_V2(userId, queryParams.orgdetails, queryParams.licenseDetails, queryParams.fields, queryParams.batchDetails);
+        }
+        else {
+            path = API_END_POINTS.FETCH_USER_ENROLLMENT_LIST_PROFILE(userId);
+        }
+        /** @type {?} */
+        const headers = new HttpHeaders({
+            'Cache-Control': 'no-cache, no-store, must-revalidate, post-check=0, pre-check=0',
+            Pragma: 'no-cache',
+            Expires: '0',
+        });
+        return this.http
+            .get(path, { headers })
+            .pipe(catchError(this.handleError), map((/**
+         * @param {?} data
+         * @return {?}
+         */
+        (data) => data.result)));
     }
     /**
-     * @param {?} contentId
-     * @param {?=} hierarchyType
-     * @param {?=} _additionalFields
-     * @param {?=} primaryCategory
+     * @param {?} key
+     * @param {?} dataKey
      * @return {?}
      */
-    fetchContent(contentId, hierarchyType = 'detail', _additionalFields = [], primaryCategory) {
-        // const url = `${API_END_POINTS.CONTENT}/${contentId}?hierarchyType=${hierarchyType}`
-        /** @type {?} */
-        let url = '';
+    checkStorageData(key, dataKey) {
         /** @type {?} */
-        const forPreview = window.location.href.includes('/public/') || window.location.href.includes('&preview=true');
-        if (primaryCategory && this.isResource(primaryCategory)) {
-            if (!forPreview) {
-                url = `/apis/proxies/v8/action/content/v3/read/${contentId}`;
-            }
-            else {
-                url = `/api/content/v1/read/${contentId}`;
-            }
-        }
-        else {
-            if (!forPreview) {
-                url = `/apis/proxies/v8/action/content/v3/hierarchy/${contentId}?hierarchyType=${hierarchyType}`;
-            }
-            else {
+        const checkTime = localStorage.getItem('timeCheck');
+        if (checkTime) {
+            /** @type {?} */
+            const parsedData = JSON.parse(checkTime);
+            if (parsedData[key]) {
                 /** @type {?} */
-                const forcreator = window.location.href.includes('editMode=true');
-                if (forcreator) {
-                    url = `apis/proxies/v8/action/content/v3/hierarchy/${contentId}?mode=edit`;
-                }
-                else {
-                    url = `/api/course/v1/hierarchy/${contentId}?hierarchyType=${hierarchyType}`;
+                const date = dayjs();
+                /** @type {?} */
+                const diffMin = date.diff(parsedData[key], 'minute');
+                /** @type {?} */
+                const timeCheck = this.environment.apiCache || 0;
+                if (diffMin >= timeCheck) {
+                    return true;
                 }
+                return localStorage.getItem(dataKey) ? false : true;
             }
+            return true;
         }
-        // return this.http
-        //   .post<NsContent.IContent>(url, { additionalFields })
-        //   .pipe(retry(1))
-        return this.http
-            .get(url)
-            .pipe(shareReplay(1));
-        // if (apiData && apiData.result) {
-        //   return apiData.result.content
-        // }
+        return true;
     }
     /**
-     * @param {?} contentId
+     * @param {?} key
      * @return {?}
      */
-    fetchAuthoringContent(contentId) {
-        /** @type {?} */
-        const forcreator = window.location.href.includes('editMode=true');
-        /** @type {?} */
-        let url = '';
-        if (forcreator) {
-            url = `apis/proxies/v8/action/content/v3/hierarchy/${contentId}?mode=edit`;
-        }
-        else {
-            url = `${API_END_POINTS.AUTHORING_CONTENT}/${contentId}?hierarchyType=detail`;
-        }
-        return this.http.get(url).pipe(shareReplay(1), (/**
-         * @param {?} r
-         * @return {?}
-         */
-        r => r));
+    getData(key) {
+        return Observable.of(JSON.parse(localStorage.getItem(key) || '{}'));
     }
     /**
-     * @param {?} ids
+     * @param {?} key
      * @return {?}
      */
-    fetchMultipleContent(ids) {
-        return this.http.get(`${API_END_POINTS.MULTIPLE_CONTENT}/${ids.join(',')}`);
+    getSavedData(key) {
+        return JSON.parse(localStorage.getItem(key) || '');
     }
     /**
-     * @param {?} type
-     * @param {?} id
-     * @param {?=} pageNumber
-     * @param {?=} pageSize
+     * @param {?} key
      * @return {?}
      */
-    fetchCollectionHierarchy(type, id, pageNumber = 0, pageSize = 1) {
-        return this.http.get(`${API_END_POINTS.COLLECTION_HIERARCHY(type, id)}?pageNumber=${pageNumber}&pageSize=${pageSize}`);
+    setTime(key) {
+        /** @type {?} */
+        const checkTime = localStorage.getItem('timeCheck');
+        if (checkTime) {
+            /** @type {?} */
+            const parsedData = JSON.parse(checkTime);
+            parsedData[key] = new Date().getTime();
+            localStorage.setItem('timeCheck', JSON.stringify(parsedData));
+        }
+        else {
+            /** @type {?} */
+            const data = {};
+            data[key] = new Date().getTime();
+            localStorage.setItem('timeCheck', JSON.stringify(data));
+        }
     }
     /**
+     * @param {?} key
      * @return {?}
      */
-    fetchBlendedCourse() {
+    resetTime(key) {
+        /** @type {?} */
+        const checkTime = localStorage.getItem('timeCheck');
+        if (checkTime) {
+            /** @type {?} */
+            const parsedData = JSON.parse(checkTime);
+            if (parsedData[key]) {
+                delete parsedData[key];
+                localStorage.setItem('timeCheck', JSON.stringify(parsedData));
+            }
+        }
     }
     /**
-     * @param {?} req
+     * @param {?} userId
      * @return {?}
      */
-    fetchCourseBatches(req) {
-        return this.http
-            .post(API_END_POINTS.COURSE_BATCH_LIST, req)
-            .pipe(retry(1), map((/**
-         * @param {?} data
-         * @return {?}
-         */
-        (data) => data.result.response)));
+    fetchCbpPlanList(userId) {
+        if (this.checkStorageData('cbpService', 'cbpData')) {
+            /** @type {?} */
+            const result = this.http.get(API_END_POINTS.FETCH_CPB_PLANS).pipe(catchError(this.handleError), map((/**
+             * @param {?} data
+             * @return {?}
+             */
+            (data) => __awaiter(this, void 0, void 0, function* () {
+                if (data.result && data.result.content && data.result.content.length) {
+                    /** @type {?} */
+                    let cbpData = this.getCbpFormatedData(data.result.content);
+                    /** @type {?} */
+                    let cbpDoIds = cbpData.contentIds.join(',');
+                    /** @type {?} */
+                    let cbpContentData = cbpData.cbpContentData || [];
+                    /** @type {?} */
+                    const responseData = yield this.fetchEnrollmentDataByContentId(userId, cbpDoIds).toPromise().then((/**
+                     * @param {?} res
+                     * @return {?}
+                     */
+                    (res) => __awaiter(this, void 0, void 0, function* () {
+                        /** @type {?} */
+                        const enrollData = {};
+                        if (res && res.courses && res.courses.length) {
+                            res.courses.forEach((/**
+                             * @param {?} data
+                             * @return {?}
+                             */
+                            (data) => {
+                                enrollData[data.collectionId] = data;
+                            }));
+                            return enrollData;
+                        }
+                        else {
+                            return {};
+                        }
+                    }))).catch((/**
+                     * @param {?} _err
+                     * @return {?}
+                     */
+                    (_err) => {
+                        return {};
+                    }));
+                    return yield this.mapCbpData(cbpContentData, responseData);
+                }
+            }))));
+            this.setTime('cbpService');
+            return result;
+        }
+        return this.getData('cbpData');
     }
-    // fetch individual batch
     /**
-     * @param {?} batchId
+     * @param {?} enrollmentData
+     * @param {?} enrolledCourseCount
      * @return {?}
      */
-    fetchCourseBatch(batchId) {
-        return this.http.get(`${API_END_POINTS.COURSE_BATCH}/${batchId}`);
+    storeUserEnrollmentInfo(enrollmentData, enrolledCourseCount) {
+        /** @type {?} */
+        const userData = {
+            enrolledCourseCount,
+            userCourseEnrolmentInfo: enrollmentData,
+        };
+        localStorage.removeItem('userEnrollmentCount');
+        localStorage.setItem('userEnrollmentCount', JSON.stringify(userData));
     }
     /**
-     * @param {?} identifier
+     * @param {?} userId
+     * @param {?} contentdata
      * @return {?}
      */
-    autoAssignBatchApi(identifier) {
-        return this.http.get(`${API_END_POINTS.AUTO_ASSIGN_BATCH}${identifier}`)
-            .pipe(retry(1), map((/**
+    fetchEnrollmentDataByContentId(userId, contentdata) {
+        /** @type {?} */
+        let path = API_END_POINTS.FETCH_USER_ENROLLMENT_LIST(userId);
+        path = `${path}&courseIds=${contentdata}&cache=false'`;
+        /** @type {?} */
+        const headers = new HttpHeaders({
+            'Cache-Control': 'no-cache, no-store, must-revalidate, post-check=0, pre-check=0',
+            Pragma: 'no-cache',
+            Expires: '0',
+        });
+        return this.http
+            .get(path, { headers })
+            .pipe(catchError(this.handleError), map((/**
          * @param {?} data
          * @return {?}
          */
-        (data) => data.result.response)));
+        (data) => data.result)));
     }
     /**
-     * @param {?} request
-     * @param {?} programType
+     * @param {?} cbpContent
      * @return {?}
      */
-    autoAssignCuratedBatchApi(request, programType) {
+    getCbpFormatedData(cbpContent) {
         /** @type {?} */
-        const url = programType === NsContent.ECourseCategory.MODERATED_PROGRAM ?
-            API_END_POINTS.AUTO_ASSIGN_OPEN_PROGRAM : API_END_POINTS.AUTO_ASSIGN_CURATED_BATCH;
-        return this.http.post(`${url}`, request)
-            .pipe(retry(1), map((/**
-         * @param {?} data
+        let cbpContentData = [];
+        /** @type {?} */
+        let contentIds = [];
+        /** @type {?} */
+        const todayDate = dayjs().format('YYYY-MM-DD');
+        cbpContent.forEach((/**
+         * @param {?} c
          * @return {?}
          */
-        (data) => data.result.response)));
+        (c) => {
+            c.contentList.forEach((/**
+             * @param {?} childData
+             * @return {?}
+             */
+            (childData) => {
+                /** @type {?} */
+                const endDate = dayjs(c.endDate).format('YYYY-MM-DD');
+                /** @type {?} */
+                const daysCount = dayjs(endDate).diff(todayDate, 'day');
+                childData['planDuration'] = daysCount < 0 ? NsCardContent.ACBPConst.OVERDUE : daysCount > 29
+                    ? NsCardContent.ACBPConst.SUCCESS : NsCardContent.ACBPConst.UPCOMING;
+                childData['endDate'] = c.endDate;
+                childData['parentId'] = c.id;
+                childData['planType'] = 'cbPlan';
+                childData['contentStatus'] = 0;
+                contentIds.push(childData.identifier);
+                if (childData.status !== NsCardContent.IGOTConst.RETIRED) {
+                    cbpContentData.push(childData);
+                }
+            }));
+        }));
+        return { cbpContentData, contentIds };
     }
     /**
-     * @param {?} req
+     * @param {?} cbpContent
+     * @param {?} enrollmentData
      * @return {?}
      */
-    enrollUserToBatch(req) {
-        return this.http
-            .post(API_END_POINTS.ENROLL_BATCH, req)
-            .toPromise();
+    mapCbpData(cbpContent, enrollmentData) {
+        return __awaiter(this, void 0, void 0, function* () {
+            /** @type {?} */
+            let cbpFilteredContent = [];
+            if (cbpContent && cbpContent.length) {
+                if (Object.keys(enrollmentData).length) {
+                    cbpContent.forEach((/**
+                     * @param {?} cbp
+                     * @return {?}
+                     */
+                    (cbp) => {
+                        /** @type {?} */
+                        const childEnrollData = enrollmentData[cbp.identifier];
+                        /** @type {?} */
+                        const competencyArea = [];
+                        /** @type {?} */
+                        const competencyTheme = [];
+                        /** @type {?} */
+                        const competencyThemeType = [];
+                        /** @type {?} */
+                        const competencySubTheme = [];
+                        /** @type {?} */
+                        const competencyAreaId = [];
+                        /** @type {?} */
+                        const competencyThemeId = [];
+                        /** @type {?} */
+                        const competencySubThemeId = [];
+                        cbp['contentStatus'] = 0;
+                        if (childEnrollData) {
+                            cbp['contentStatus'] = childEnrollData.status;
+                        }
+                        if (cbp.competencies_v5) {
+                            cbp.competencies_v5.forEach((/**
+                             * @param {?} element
+                             * @return {?}
+                             */
+                            (element) => {
+                                if (!competencyArea.includes(element.competencyArea)) {
+                                    competencyArea.push(element.competencyArea);
+                                    competencyAreaId.push(element.competencyAreaId);
+                                }
+                                if (!competencyTheme.includes(element.competencyTheme)) {
+                                    competencyTheme.push(element.competencyTheme);
+                                    competencyThemeId.push(element.competencyThemeId);
+                                }
+                                if (!competencyThemeType.includes(element.competencyThemeType)) {
+                                    competencyThemeType.push(element.competencyThemeType);
+                                }
+                                if (!competencySubTheme.includes(element.competencySubTheme)) {
+                                    competencySubTheme.push(element.competencySubTheme);
+                                    competencySubThemeId.push(element.competencySubThemeId);
+                                }
+                            }));
+                        }
+                        cbp['competencyArea'] = competencyArea;
+                        cbp['competencyTheme'] = competencyTheme;
+                        cbp['competencyThemeType'] = competencyThemeType;
+                        cbp['competencySubTheme'] = competencySubTheme;
+                        cbp['competencyAreaId'] = competencyAreaId;
+                        cbp['competencyThemeId'] = competencyThemeId;
+                        cbp['competencySubThemeId'] = competencySubThemeId;
+                        if (cbp.status !== NsCardContent.IGOTConst.RETIRED) {
+                            cbpFilteredContent.push(cbp);
+                        }
+                        else {
+                            if (childEnrollData && childEnrollData.status === 2) {
+                                cbpFilteredContent.push(cbp);
+                            }
+                        }
+                    }));
+                    if (cbpFilteredContent.length > 1) {
+                        /** @type {?} */
+                        const sortedData = cbpFilteredContent.sort((/**
+                         * @param {?} a
+                         * @param {?} b
+                         * @return {?}
+                         */
+                        (a, b) => {
+                            /** @type {?} */
+                            const firstDate = new Date(a.endDate);
+                            /** @type {?} */
+                            const secondDate = new Date(b.endDate);
+                            return secondDate > firstDate ? 1 : -1;
+                        }));
+                        /** @type {?} */
+                        const uniqueUsersByID = uniqBy(sortedData, 'identifier');
+                        /** @type {?} */
+                        const sortedByEndDate = orderBy(uniqueUsersByID, ['endDate'], ['asc']);
+                        /** @type {?} */
+                        const sortedByStatus = orderBy(sortedByEndDate, ['contentStatus'], ['asc']);
+                        localStorage.setItem('cbpData', JSON.stringify(sortedByStatus));
+                        return sortedByStatus;
+                    }
+                    localStorage.setItem('cbpData', JSON.stringify(cbpFilteredContent));
+                    return cbpFilteredContent;
+                }
+                localStorage.setItem('cbpData', JSON.stringify(cbpContent));
+                return cbpContent;
+            }
+            localStorage.setItem('cbpData', JSON.stringify([]));
+            return [];
+        });
     }
     /**
-     * @param {?} req
-     * @param {?} type
+     * @param {?} courseData
      * @return {?}
      */
-    enrollAndUnenrollUserToBatchWF(req, type) {
+    mapEnrollmentData(courseData) {
         /** @type {?} */
-        const url = type === 'WITHDRAW' ? API_END_POINTS.WITHDRAW_BATCH_WF : API_END_POINTS.ENROLL_BATCH_WF;
-        return this.http
-            .post(url, req)
-            .toPromise();
-    }
-    /**
-     * @param {?} req
-     * @return {?}
-     */
-    fetchBlendedUserWF(req) {
-        return this.http
-            .post(API_END_POINTS.BLENDED_USER_WF, req)
-            .toPromise();
+        const enrollData = {};
+        if (courseData && courseData.courses.length) {
+            courseData.courses.forEach((/**
+             * @param {?} data
+             * @return {?}
+             */
+            (data) => {
+                enrollData[data.collectionId] = data;
+            }));
+        }
+        return enrollData;
     }
+}
+WidgetUserServiceLib.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+/** @nocollapse */
+WidgetUserServiceLib.ctorParameters = () => [
+    { type: undefined, decorators: [{ type: Inject, args: ['environment',] }] },
+    { type: HttpClient }
+];
+/** @nocollapse */ WidgetUserServiceLib.ngInjectableDef = ɵɵdefineInjectable({ factory: function WidgetUserServiceLib_Factory() { return new WidgetUserServiceLib(ɵɵinject("environment"), ɵɵinject(HttpClient)); }, token: WidgetUserServiceLib, providedIn: "root" });
+if (false) {
+    /** @type {?} */
+    WidgetUserServiceLib.prototype.environment;
     /**
-     * @param {?} req
-     * @return {?}
+     * @type {?}
+     * @private
      */
-    fetchBlendedUserCOUNT(req) {
-        return this.http
-            .post(API_END_POINTS.BLENDED_USER_COUNT, req)
-            .toPromise();
+    WidgetUserServiceLib.prototype.http;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/** @type {?} */
+const moment = moment$4;
+// tslint:enable
+// TODO: move this in some common place
+/** @type {?} */
+const PROTECTED_SLAG_V8$1 = '/apis/protected/v8';
+const ɵ0$1 = /**
+ * @param {?} type
+ * @param {?} id
+ * @return {?}
+ */
+(type, id) => `${PROTECTED_SLAG_V8$1}/content/collection/${type}/${id}`, ɵ1$1 = /**
+ * @param {?} contentId
+ * @return {?}
+ */
+(contentId) => `${PROTECTED_SLAG_V8$1}/user/progress/${contentId}`, ɵ2$1 = /**
+ * @param {?} certId
+ * @return {?}
+ */
+(certId) => `${PROTECTED_SLAG_V8$1}/cohorts/course/batch/cert/download/${certId}`, ɵ3$1 = /**
+ * @param {?} contentId
+ * @return {?}
+ */
+(contentId) => `/apis/proxies/v8/action/content/v3/read/${contentId}`;
+/** @type {?} */
+const API_END_POINTS$1 = {
+    CONTENT: `${PROTECTED_SLAG_V8$1}/content`,
+    AUTHORING_CONTENT: `/api/course/v1/hierarchy`,
+    CONTENT_LIKES: `${PROTECTED_SLAG_V8$1}/content/likeCount`,
+    SET_S3_COOKIE: `${PROTECTED_SLAG_V8$1}/content/setCookie`,
+    SET_S3_IMAGE_COOKIE: `${PROTECTED_SLAG_V8$1}/content/setImageCookie`,
+    FETCH_MANIFEST: `${PROTECTED_SLAG_V8$1}/content/getWebModuleManifest`,
+    FETCH_WEB_MODULE_FILES: `${PROTECTED_SLAG_V8$1}/content/getWebModuleFiles`,
+    MULTIPLE_CONTENT: `${PROTECTED_SLAG_V8$1}/content/multiple`,
+    CONTENT_SEARCH_V5: `${PROTECTED_SLAG_V8$1}/content/searchV5`,
+    CONTENT_SEARCH_V6: `/apis/proxies/v8/sunbirdigot/search`,
+    TRENDING_CONTENT_SEARCH: `apis/proxies/v8/trending/content/search`,
+    CONTENT_SEARCH_RELATED_CBP_V6: `/apis/proxies/v8/sunbirdigot/search`,
+    CONTENT_SEARCH_REGION_RECOMMENDATION: `${PROTECTED_SLAG_V8$1}/content/searchRegionRecommendation`,
+    CONTENT_HISTORY: `${PROTECTED_SLAG_V8$1}/user/history`,
+    CONTENT_HISTORYV2: `/apis/proxies/v8/read/content-progres`,
+    COURSE_BATCH_LIST: `/apis/proxies/v8/learner/course/v1/batch/list`,
+    COURSE_BATCH: `/apis/proxies/v8/course/v1/batch/read`,
+    AUTO_ASSIGN_BATCH: `/apis/protected/v8/cohorts/user/autoenrollment/`,
+    AUTO_ASSIGN_CURATED_BATCH: `/apis/proxies/v8/curatedprogram/v1/enrol`,
+    AUTO_ASSIGN_OPEN_PROGRAM: `/apis/proxies/v8/openprogram/v1/enrol`,
+    USER_CONTINUE_LEARNING: `${PROTECTED_SLAG_V8$1}/user/history/continue`,
+    CONTENT_RATING: `${PROTECTED_SLAG_V8$1}/user/rating`,
+    COLLECTION_HIERARCHY: (ɵ0$1),
+    REGISTRATION_STATUS: `${PROTECTED_SLAG_V8$1}/admin/userRegistration/checkUserRegistrationContent`,
+    MARK_AS_COMPLETE_META: (ɵ1$1),
+    ENROLL_BATCH: `/apis/proxies/v8/learner/course/v1/enrol`,
+    ENROLL_BATCH_WF: `/apis/proxies/v8/workflow/blendedprogram/enrol`,
+    WITHDRAW_BATCH_WF: `/apis/proxies/v8/workflow/blendedprogram/unenrol`,
+    BLENDED_USER_WF: `/apis/proxies/v8/workflow/blendedprogram/user/search`,
+    BLENDED_USER_COUNT: `apis/proxies/v8/workflow/blendedprogram/enrol/status/count`,
+    CERT_ADD_TEMPLATE: `${PROTECTED_SLAG_V8$1}/cohorts/course/batch/cert/template/add`,
+    CERT_ISSUE: `${PROTECTED_SLAG_V8$1}/cohorts/course/batch/cert/issue`,
+    CERT_DOWNLOAD: (ɵ2$1),
+    READ_KARMAPOINTS: `/apis/proxies/v8/karmapoints/read`,
+    CONTENT_READ: (ɵ3$1),
+    READ_COURSE_KARMAPOINTS: '/apis/proxies/v8/karmapoints/user/course/read',
+    CLAIM_KARMAPOINTS: '/apis/proxies/v8/claimkarmapoints',
+    USER_KARMA_POINTS: '/apis/proxies/v8/user/totalkarmapoints',
+    AGGREGATION_SEARCH: '/apis/proxies/v8/content/aggregation/search',
+    FEATURE_SEARCH: '/apis/proxies/v8/featured/content/search',
+};
+class WidgetContentLibService {
+    /**
+     * @param {?} http
+     * @param {?} configSvc
+     * @param {?} userSvc
+     */
+    constructor(http, configSvc, userSvc) {
+        this.http = http;
+        this.configSvc = configSvc;
+        this.userSvc = userSvc;
+        this.tocConfigData = new BehaviorSubject({});
+        this.tocConfigData$ = this.tocConfigData.asObservable();
+        this.telemetryData = new Subject();
+        this.telemetryData$ = this.telemetryData.asObservable();
+        this.programChildCourseResumeData = new BehaviorSubject({});
+        this.programChildCourseResumeData$ = this.programChildCourseResumeData.asObservable();
     }
     /**
-     * @param {?} contentIds
+     * @param {?} message
      * @return {?}
      */
-    fetchContentLikes(contentIds) {
-        return this.http
-            .post(API_END_POINTS.CONTENT_LIKES, contentIds)
-            .toPromise();
+    changeTelemetryData(message) {
+        this.telemetryData.next(message);
     }
     /**
-     * @param {?} contentIds
+     * @param {?} primaryCategory
      * @return {?}
      */
-    fetchContentRatings(contentIds) {
-        if (contentIds) { }
-        // return this.http
-        //   .post(`${API_END_POINTS.CONTENT_RATING}/rating`, contentIds)
-        //   .toPromise()
-        return of().toPromise();
+    isResource(primaryCategory) {
+        if (primaryCategory) {
+            /** @type {?} */
+            const isResource = (primaryCategory === NsContent.EResourcePrimaryCategories.LEARNING_RESOURCE) ||
+                (primaryCategory === NsContent.EResourcePrimaryCategories.PRACTICE_RESOURCE) ||
+                (primaryCategory === NsContent.EResourcePrimaryCategories.FINAL_ASSESSMENT) ||
+                (primaryCategory === NsContent.EResourcePrimaryCategories.COMP_ASSESSMENT) ||
+                (primaryCategory === NsContent.EResourcePrimaryCategories.OFFLINE_SESSION);
+            return isResource;
+        }
+        return false;
     }
     /**
-     * @param {?} contentId
+     * @param {?} identifier
      * @return {?}
      */
-    fetchContentHistory(contentId) {
-        return this.http.get(`${API_END_POINTS.CONTENT_HISTORY}/${contentId}`);
+    fetchMarkAsCompleteMeta(identifier) {
+        // tslint:disable-next-line
+        /** @type {?} */
+        const url = API_END_POINTS$1.MARK_AS_COMPLETE_META(identifier)
+        // return this.http.get(url).toPromise()
+        ;
+        // return this.http.get(url).toPromise()
+        if (url) { }
+        return of().toPromise();
     }
     /**
-     * @param {?} req
+     * @param {?} data
      * @return {?}
      */
-    fetchContentHistoryV2(req) {
-        req.request.fields = ['progressdetails'];
-        /** @type {?} */
-        const data = this.http.post(`${API_END_POINTS.CONTENT_HISTORYV2}/${req.request.courseId}`, req);
-        data.subscribe((/**
-         * @param {?} subscribeData
-         * @return {?}
-         */
-        (subscribeData) => {
-            this.programChildCourseResumeData.next({ resumeData: subscribeData.result.contentList, courseId: req.request.courseId });
-        }));
-        return data;
+    updateTocConfig(data) {
+        this.tocConfigData.next(data);
     }
     /**
-     * @param {?} id
-     * @param {?=} collectionId
-     * @param {?=} collectionType
+     * @param {?} contentId
+     * @param {?=} hierarchyType
+     * @param {?=} _additionalFields
+     * @param {?=} primaryCategory
      * @return {?}
      */
-    continueLearning(id, collectionId, collectionType) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((/**
-             * @param {?} resolve
-             * @return {?}
-             */
-            (resolve) => __awaiter(this, void 0, void 0, function* () {
-                if (collectionType &&
-                    collectionType.toLowerCase() === 'playlist') {
-                    /** @type {?} */
-                    const reqBody = {
-                        contextPathId: collectionId ? collectionId : id,
-                        resourceId: id,
-                        data: JSON.stringify({
-                            timestamp: Date.now(),
-                            contextFullPath: [collectionId, id],
-                        }),
-                        dateAccessed: Date.now(),
-                        contextType: 'playlist',
-                    };
-                    yield this.saveContinueLearning(reqBody).toPromise().catch().finally((/**
-                     * @return {?}
-                     */
-                    () => {
-                        resolve(true);
-                    }));
+    fetchContent(contentId, hierarchyType = 'detail', _additionalFields = [], primaryCategory) {
+        // const url = `${API_END_POINTS.CONTENT}/${contentId}?hierarchyType=${hierarchyType}`
+        /** @type {?} */
+        let url = '';
+        /** @type {?} */
+        const forPreview = window.location.href.includes('/public/') || window.location.href.includes('&preview=true');
+        if (primaryCategory && this.isResource(primaryCategory)) {
+            if (!forPreview) {
+                url = `/apis/proxies/v8/action/content/v3/read/${contentId}`;
+            }
+            else {
+                url = `/api/content/v1/read/${contentId}`;
+            }
+        }
+        else {
+            if (!forPreview) {
+                url = `/apis/proxies/v8/action/content/v3/hierarchy/${contentId}?hierarchyType=${hierarchyType}`;
+            }
+            else {
+                /** @type {?} */
+                const forcreator = window.location.href.includes('editMode=true');
+                if (forcreator) {
+                    url = `apis/proxies/v8/action/content/v3/hierarchy/${contentId}?mode=edit`;
                 }
                 else {
-                    /** @type {?} */
-                    const reqBody = {
-                        contextPathId: collectionId ? collectionId : id,
-                        resourceId: id,
-                        data: JSON.stringify({ timestamp: Date.now() }),
-                        dateAccessed: Date.now(),
-                    };
-                    yield this.saveContinueLearning(reqBody).toPromise().catch().finally((/**
-                     * @return {?}
-                     */
-                    () => {
-                        resolve(true);
-                    }));
+                    url = `/api/course/v1/hierarchy/${contentId}?hierarchyType=${hierarchyType}`;
                 }
-            })));
-        });
+            }
+        }
+        // return this.http
+        //   .post<NsContent.IContent>(url, { additionalFields })
+        //   .pipe(retry(1))
+        return this.http
+            .get(url)
+            .pipe(shareReplay(1));
+        // if (apiData && apiData.result) {
+        //   return apiData.result.content
+        // }
     }
     /**
-     * @param {?} content
+     * @param {?} contentId
      * @return {?}
      */
-    saveContinueLearning(content) {
-        // const url = API_END_POINTS.USER_CONTINUE_LEARNING
-        // return this.http.post<any>(url, content)
-        if (content) {
+    fetchAuthoringContent(contentId) {
+        /** @type {?} */
+        const forcreator = window.location.href.includes('editMode=true');
+        /** @type {?} */
+        let url = '';
+        if (forcreator) {
+            url = `apis/proxies/v8/action/content/v3/hierarchy/${contentId}?mode=edit`;
         }
-        return (/** @type {?} */ (of()));
+        else {
+            url = `${API_END_POINTS$1.AUTHORING_CONTENT}/${contentId}?hierarchyType=detail`;
+        }
+        return this.http.get(url).pipe(shareReplay(1), (/**
+         * @param {?} r
+         * @return {?}
+         */
+        r => r));
     }
     /**
-     * @param {?} _contentId
+     * @param {?} ids
      * @return {?}
      */
-    setS3Cookie(_contentId) {
-        // return this.http
-        //   .post(API_END_POINTS.SET_S3_COOKIE, { contentId })
+    fetchMultipleContent(ids) {
+        return this.http.get(`${API_END_POINTS$1.MULTIPLE_CONTENT}/${ids.join(',')}`);
+    }
+    /**
+     * @param {?} type
+     * @param {?} id
+     * @param {?=} pageNumber
+     * @param {?=} pageSize
+     * @return {?}
+     */
+    fetchCollectionHierarchy(type, id, pageNumber = 0, pageSize = 1) {
+        return this.http.get(`${API_END_POINTS$1.COLLECTION_HIERARCHY(type, id)}?pageNumber=${pageNumber}&pageSize=${pageSize}`);
+    }
+    /**
+     * @return {?}
+     */
+    fetchBlendedCourse() {
+    }
+    /**
+     * @param {?} req
+     * @return {?}
+     */
+    fetchCourseBatches(req) {
+        return this.http
+            .post(API_END_POINTS$1.COURSE_BATCH_LIST, req)
+            .pipe(retry(1), map((/**
+         * @param {?} data
+         * @return {?}
+         */
+        (data) => data.result.response)));
+    }
+    // fetch individual batch
+    /**
+     * @param {?} batchId
+     * @return {?}
+     */
+    fetchCourseBatch(batchId) {
+        return this.http.get(`${API_END_POINTS$1.COURSE_BATCH}/${batchId}`);
+    }
+    /**
+     * @param {?} identifier
+     * @return {?}
+     */
+    autoAssignBatchApi(identifier) {
+        return this.http.get(`${API_END_POINTS$1.AUTO_ASSIGN_BATCH}${identifier}`)
+            .pipe(retry(1), map((/**
+         * @param {?} data
+         * @return {?}
+         */
+        (data) => data.result.response)));
+    }
+    /**
+     * @param {?} request
+     * @param {?} programType
+     * @return {?}
+     */
+    autoAssignCuratedBatchApi(request, programType) {
+        /** @type {?} */
+        const url = programType === NsContent.ECourseCategory.MODERATED_PROGRAM ?
+            API_END_POINTS$1.AUTO_ASSIGN_OPEN_PROGRAM : API_END_POINTS$1.AUTO_ASSIGN_CURATED_BATCH;
+        return this.http.post(`${url}`, request)
+            .pipe(retry(1), map((/**
+         * @param {?} data
+         * @return {?}
+         */
+        (data) => data.result.response)));
+    }
+    /**
+     * @param {?} req
+     * @return {?}
+     */
+    enrollUserToBatch(req) {
+        return this.http
+            .post(API_END_POINTS$1.ENROLL_BATCH, req)
+            .toPromise();
+    }
+    /**
+     * @param {?} req
+     * @param {?} type
+     * @return {?}
+     */
+    enrollAndUnenrollUserToBatchWF(req, type) {
+        /** @type {?} */
+        const url = type === 'WITHDRAW' ? API_END_POINTS$1.WITHDRAW_BATCH_WF : API_END_POINTS$1.ENROLL_BATCH_WF;
+        return this.http
+            .post(url, req)
+            .toPromise();
+    }
+    /**
+     * @param {?} req
+     * @return {?}
+     */
+    fetchBlendedUserWF(req) {
+        return this.http
+            .post(API_END_POINTS$1.BLENDED_USER_WF, req)
+            .toPromise();
+    }
+    /**
+     * @param {?} req
+     * @return {?}
+     */
+    fetchBlendedUserCOUNT(req) {
+        return this.http
+            .post(API_END_POINTS$1.BLENDED_USER_COUNT, req)
+            .toPromise();
+    }
+    /**
+     * @param {?} contentIds
+     * @return {?}
+     */
+    fetchContentLikes(contentIds) {
+        return this.http
+            .post(API_END_POINTS$1.CONTENT_LIKES, contentIds)
+            .toPromise();
+    }
+    /**
+     * @param {?} contentIds
+     * @return {?}
+     */
+    fetchContentRatings(contentIds) {
+        if (contentIds) { }
+        // return this.http
+        //   .post(`${API_END_POINTS.CONTENT_RATING}/rating`, contentIds)
+        //   .toPromise()
+        return of().toPromise();
+    }
+    /**
+     * @param {?} contentId
+     * @return {?}
+     */
+    fetchContentHistory(contentId) {
+        return this.http.get(`${API_END_POINTS$1.CONTENT_HISTORY}/${contentId}`);
+    }
+    /**
+     * @param {?} req
+     * @return {?}
+     */
+    fetchContentHistoryV2(req) {
+        req.request.fields = ['progressdetails'];
+        /** @type {?} */
+        const data = this.http.post(`${API_END_POINTS$1.CONTENT_HISTORYV2}/${req.request.courseId}`, req);
+        data.subscribe((/**
+         * @param {?} subscribeData
+         * @return {?}
+         */
+        (subscribeData) => {
+            this.programChildCourseResumeData.next({ resumeData: subscribeData.result.contentList, courseId: req.request.courseId });
+        }));
+        return data;
+    }
+    /**
+     * @param {?} id
+     * @param {?=} collectionId
+     * @param {?=} collectionType
+     * @return {?}
+     */
+    continueLearning(id, collectionId, collectionType) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((/**
+             * @param {?} resolve
+             * @return {?}
+             */
+            (resolve) => __awaiter(this, void 0, void 0, function* () {
+                if (collectionType &&
+                    collectionType.toLowerCase() === 'playlist') {
+                    /** @type {?} */
+                    const reqBody = {
+                        contextPathId: collectionId ? collectionId : id,
+                        resourceId: id,
+                        data: JSON.stringify({
+                            timestamp: Date.now(),
+                            contextFullPath: [collectionId, id],
+                        }),
+                        dateAccessed: Date.now(),
+                        contextType: 'playlist',
+                    };
+                    yield this.saveContinueLearning(reqBody).toPromise().catch().finally((/**
+                     * @return {?}
+                     */
+                    () => {
+                        resolve(true);
+                    }));
+                }
+                else {
+                    /** @type {?} */
+                    const reqBody = {
+                        contextPathId: collectionId ? collectionId : id,
+                        resourceId: id,
+                        data: JSON.stringify({ timestamp: Date.now() }),
+                        dateAccessed: Date.now(),
+                    };
+                    yield this.saveContinueLearning(reqBody).toPromise().catch().finally((/**
+                     * @return {?}
+                     */
+                    () => {
+                        resolve(true);
+                    }));
+                }
+            })));
+        });
+    }
+    /**
+     * @param {?} content
+     * @return {?}
+     */
+    saveContinueLearning(content) {
+        // const url = API_END_POINTS.USER_CONTINUE_LEARNING
+        // return this.http.post<any>(url, content)
+        if (content) {
+        }
+        return (/** @type {?} */ (of()));
+    }
+    /**
+     * @param {?} _contentId
+     * @return {?}
+     */
+    setS3Cookie(_contentId) {
+        // return this.http
+        //   .post(API_END_POINTS.SET_S3_COOKIE, { contentId })
         //   .pipe(catchError(_err => of(true)))
         return EMPTY;
     }
@@ -1866,7 +2456,7 @@ class WidgetContentService {
      * @return {?}
      */
     setS3ImageCookie() {
-        return this.http.post(API_END_POINTS.SET_S3_IMAGE_COOKIE, {}).pipe(catchError((/**
+        return this.http.post(API_END_POINTS$1.SET_S3_IMAGE_COOKIE, {}).pipe(catchError((/**
          * @param {?} _err
          * @return {?}
          */
@@ -1877,14 +2467,14 @@ class WidgetContentService {
      * @return {?}
      */
     fetchManifest(url) {
-        return this.http.post(API_END_POINTS.FETCH_MANIFEST, { url });
+        return this.http.post(API_END_POINTS$1.FETCH_MANIFEST, { url });
     }
     /**
      * @param {?} url
      * @return {?}
      */
     fetchWebModuleContent(url) {
-        return this.http.get(`${API_END_POINTS.FETCH_WEB_MODULE_FILES}?url=${encodeURIComponent(url)}`);
+        return this.http.get(`${API_END_POINTS$1.FETCH_WEB_MODULE_FILES}?url=${encodeURIComponent(url)}`);
     }
     /**
      * @param {?} req
@@ -1892,7 +2482,7 @@ class WidgetContentService {
      */
     search(req) {
         req.query = req.query || '';
-        return this.http.post(API_END_POINTS.CONTENT_SEARCH_V5, {
+        return this.http.post(API_END_POINTS$1.CONTENT_SEARCH_V5, {
             request: req,
         });
     }
@@ -1906,7 +2496,7 @@ class WidgetContentService {
             (req.preLabelValue || '') +
                 ((this.configSvc.userProfile && this.configSvc.userProfile.country) || '');
         req.filters = Object.assign({}, req.filters, { labels: [req.preLabelValue || ''] });
-        return this.http.post(API_END_POINTS.CONTENT_SEARCH_REGION_RECOMMENDATION, { request: req });
+        return this.http.post(API_END_POINTS$1.CONTENT_SEARCH_REGION_RECOMMENDATION, { request: req });
     }
     /**
      * @param {?} req
@@ -1919,28 +2509,28 @@ class WidgetContentService {
         if (apiPath) {
             return this.http.get(apiPath);
         }
-        return this.http.post(API_END_POINTS.CONTENT_SEARCH_V6, req);
+        return this.http.post(API_END_POINTS$1.CONTENT_SEARCH_V6, req);
     }
     /**
      * @param {?} req
      * @return {?}
      */
     searchRelatedCBPV6(req) {
-        return this.http.post(API_END_POINTS.CONTENT_SEARCH_RELATED_CBP_V6, req);
+        return this.http.post(API_END_POINTS$1.CONTENT_SEARCH_RELATED_CBP_V6, req);
     }
     /**
      * @param {?} contentId
      * @return {?}
      */
     fetchContentRating(contentId) {
-        return this.http.get(`${API_END_POINTS.CONTENT_RATING}/${contentId}`);
+        return this.http.get(`${API_END_POINTS$1.CONTENT_RATING}/${contentId}`);
     }
     /**
      * @param {?} contentId
      * @return {?}
      */
     deleteContentRating(contentId) {
-        return this.http.delete(`${API_END_POINTS.CONTENT_RATING}/${contentId}`);
+        return this.http.delete(`${API_END_POINTS$1.CONTENT_RATING}/${contentId}`);
     }
     /**
      * @param {?} contentId
@@ -1948,7 +2538,7 @@ class WidgetContentService {
      * @return {?}
      */
     addContentRating(contentId, data) {
-        return this.http.post(`${API_END_POINTS.CONTENT_RATING}/${contentId}`, data);
+        return this.http.post(`${API_END_POINTS$1.CONTENT_RATING}/${contentId}`, data);
     }
     /**
      * @param {?} content
@@ -1990,7 +2580,7 @@ class WidgetContentService {
      * @return {?}
      */
     getRegistrationStatus(source) {
-        return this.http.get(`${API_END_POINTS.REGISTRATION_STATUS}/${source}`).toPromise();
+        return this.http.get(`${API_END_POINTS$1.REGISTRATION_STATUS}/${source}`).toPromise();
     }
     /**
      * @param {?} url
@@ -2004,21 +2594,21 @@ class WidgetContentService {
      * @return {?}
      */
     addCertTemplate(body) {
-        return this.http.patch(`${API_END_POINTS.CERT_ADD_TEMPLATE}`, body);
+        return this.http.patch(`${API_END_POINTS$1.CERT_ADD_TEMPLATE}`, body);
     }
     /**
      * @param {?} body
      * @return {?}
      */
     issueCert(body) {
-        return this.http.post(`${API_END_POINTS.CERT_ISSUE}`, body);
+        return this.http.post(`${API_END_POINTS$1.CERT_ISSUE}`, body);
     }
     /**
      * @param {?} certId
      * @return {?}
      */
     downloadCert(certId) {
-        return this.http.get(`${API_END_POINTS.CERT_DOWNLOAD(certId)}`);
+        return this.http.get(`${API_END_POINTS$1.CERT_DOWNLOAD(certId)}`);
     }
     /**
      * @param {?} req
@@ -2026,7 +2616,7 @@ class WidgetContentService {
      */
     trendingContentSearch(req) {
         req.query = req.query || '';
-        return this.http.post(API_END_POINTS.TRENDING_CONTENT_SEARCH, req);
+        return this.http.post(API_END_POINTS$1.TRENDING_CONTENT_SEARCH, req);
     }
     /**
      * @param {?} limit
@@ -2034,7 +2624,7 @@ class WidgetContentService {
      * @return {?}
      */
     getKarmaPoitns(limit, offset) {
-        return this.http.post(API_END_POINTS.READ_KARMAPOINTS, { limit, offset }).pipe(catchError((/**
+        return this.http.post(API_END_POINTS$1.READ_KARMAPOINTS, { limit, offset }).pipe(catchError((/**
          * @param {?} _err
          * @return {?}
          */
@@ -2050,7 +2640,7 @@ class WidgetContentService {
         /** @type {?} */
         const forPreview = window.location.href.includes('/public/') || window.location.href.includes('&preview=true');
         if (!forPreview) {
-            return this.http.get(API_END_POINTS.CONTENT_READ(contentId));
+            return this.http.get(API_END_POINTS$1.CONTENT_READ(contentId));
         }
         url = `/api/content/v1/read/${contentId}`;
         return this.http.get(url);
@@ -2061,31 +2651,50 @@ class WidgetContentService {
      * @return {?}
      */
     getCourseKarmaPoints(request) {
-        return this.http.post(API_END_POINTS.READ_COURSE_KARMAPOINTS, request);
+        return this.http.post(API_END_POINTS$1.READ_COURSE_KARMAPOINTS, request);
     }
     /**
      * @param {?} request
      * @return {?}
      */
     claimKarmapoints(request) {
-        return this.http.post(API_END_POINTS.CLAIM_KARMAPOINTS, request);
+        return this.http.post(API_END_POINTS$1.CLAIM_KARMAPOINTS, request);
     }
     /**
      * @return {?}
      */
     userKarmaPoints() {
-        return this.http.post(API_END_POINTS.USER_KARMA_POINTS, {});
+        return this.http.post(API_END_POINTS$1.USER_KARMA_POINTS, {});
     }
     /**
      * @param {?} doId
      * @return {?}
      */
     getEnrolledData(doId) {
-        /** @type {?} */
-        const enrollmentMapData = JSON.parse(localStorage.getItem('enrollmentMapData') || '{}');
-        /** @type {?} */
-        const enrolledCourseData = enrollmentMapData[doId];
-        return enrolledCourseData;
+        return __awaiter(this, void 0, void 0, function* () {
+            /** @type {?} */
+            let userId = this.configSvc.userProfile.userId;
+            /** @type {?} */
+            const responseData = yield this.userSvc.fetchEnrollmentDataByContentId(userId, doId).toPromise().then((/**
+             * @param {?} res
+             * @return {?}
+             */
+            (res) => __awaiter(this, void 0, void 0, function* () {
+                if (res && res.courses && res.courses.length) {
+                    return res.courses;
+                }
+                else {
+                    return [];
+                }
+            }))).catch((/**
+             * @param {?} _err
+             * @return {?}
+             */
+            (_err) => {
+                return [];
+            }));
+            return responseData || [];
+        });
     }
     /**
      * @param {?} content
@@ -2094,8 +2703,10 @@ class WidgetContentService {
     getResourseLink(content) {
         return __awaiter(this, void 0, void 0, function* () {
             /** @type {?} */
-            const enrolledCourseData = this.getEnrolledData(content.identifier);
-            if (enrolledCourseData) {
+            const enrolledCourse = yield this.getEnrolledData(content.identifier);
+            if (enrolledCourse && enrolledCourse.length) {
+                /** @type {?} */
+                const enrolledCourseData = enrolledCourse[0];
                 if (enrolledCourseData.content.courseCategory === NsContent.ECourseCategory.BLENDED_PROGRAM ||
                     enrolledCourseData.content.courseCategory === NsContent.ECourseCategory.INVITE_ONLY_PROGRAM ||
                     enrolledCourseData.content.courseCategory === NsContent.ECourseCategory.MODERATED_PROGRAM ||
@@ -2230,50 +2841,72 @@ class WidgetContentService {
         // req.query = req.query || '';
         return this.http.get(apiUrl);
     }
+    /**
+     * @param {?} enrollmentList
+     * @param {?} collectionId
+     * @return {?}
+     */
+    getEnrolledDataFromList(enrollmentList, collectionId) {
+        if (enrollmentList && enrollmentList.length) {
+            /** @type {?} */
+            let enrolledData = enrollmentList.filter((/**
+             * @param {?} ele
+             * @return {?}
+             */
+            (ele) => ele.collectionId === collectionId));
+            return enrolledData.length ? enrolledData[0] : {};
+        }
+    }
 }
-WidgetContentService.decorators = [
+WidgetContentLibService.decorators = [
     { type: Injectable, args: [{
                 providedIn: 'root',
             },] }
 ];
 /** @nocollapse */
-WidgetContentService.ctorParameters = () => [
+WidgetContentLibService.ctorParameters = () => [
     { type: HttpClient },
-    { type: ConfigurationsService$1 }
+    { type: ConfigurationsService$1 },
+    { type: WidgetUserServiceLib }
 ];
-/** @nocollapse */ WidgetContentService.ngInjectableDef = ɵɵdefineInjectable({ factory: function WidgetContentService_Factory() { return new WidgetContentService(ɵɵinject(HttpClient), ɵɵinject(ConfigurationsService$1)); }, token: WidgetContentService, providedIn: "root" });
+/** @nocollapse */ WidgetContentLibService.ngInjectableDef = ɵɵdefineInjectable({ factory: function WidgetContentLibService_Factory() { return new WidgetContentLibService(ɵɵinject(HttpClient), ɵɵinject(ConfigurationsService$1), ɵɵinject(WidgetUserServiceLib)); }, token: WidgetContentLibService, providedIn: "root" });
 if (false) {
     /** @type {?} */
-    WidgetContentService.prototype.tocConfigData;
+    WidgetContentLibService.prototype.tocConfigData;
     /** @type {?} */
-    WidgetContentService.prototype.tocConfigData$;
+    WidgetContentLibService.prototype.tocConfigData$;
     /**
      * @type {?}
      * @private
      */
-    WidgetContentService.prototype.telemetryData;
+    WidgetContentLibService.prototype.telemetryData;
     /** @type {?} */
-    WidgetContentService.prototype.telemetryData$;
+    WidgetContentLibService.prototype.telemetryData$;
     /** @type {?} */
-    WidgetContentService.prototype.currentMetaData;
+    WidgetContentLibService.prototype.currentMetaData;
     /** @type {?} */
-    WidgetContentService.prototype.currentContentReadMetaData;
+    WidgetContentLibService.prototype.currentContentReadMetaData;
     /** @type {?} */
-    WidgetContentService.prototype.currentBatchEnrollmentList;
+    WidgetContentLibService.prototype.currentBatchEnrollmentList;
     /** @type {?} */
-    WidgetContentService.prototype.programChildCourseResumeData;
+    WidgetContentLibService.prototype.programChildCourseResumeData;
     /** @type {?} */
-    WidgetContentService.prototype.programChildCourseResumeData$;
+    WidgetContentLibService.prototype.programChildCourseResumeData$;
+    /**
+     * @type {?}
+     * @private
+     */
+    WidgetContentLibService.prototype.http;
     /**
      * @type {?}
      * @private
      */
-    WidgetContentService.prototype.http;
+    WidgetContentLibService.prototype.configSvc;
     /**
      * @type {?}
      * @private
      */
-    WidgetContentService.prototype.configSvc;
+    WidgetContentLibService.prototype.userSvc;
 }
 
 /**
@@ -2587,695 +3220,155 @@ class MultilingualTranslationsService {
         if (subtype) {
             // tslint:disable-next-line: prefer-template
             /** @type {?} */
-            const translationKey = type + '.' + nlabel + subtype;
-            return this.translate.instant(translationKey);
-        }
-        // tslint:disable-next-line: prefer-template
-        /** @type {?} */
-        const translationKeyn = type + '.' + nlabel;
-        return this.translate.instant(translationKeyn);
-    }
-    /**
-     * @param {?} label
-     * @param {?} type
-     * @param {?} subtype
-     * @return {?}
-     */
-    translateLabel(label, type, subtype) {
-        if (label) {
-            /** @type {?} */
-            let nlabel = label;
-            nlabel = nlabel && nlabel.toLowerCase();
-            /** @type {?} */
-            const sl = nlabel.split(' ');
-            sl.forEach((/**
-             * @param {?} w
-             * @param {?} index
-             * @return {?}
-             */
-            (w, index) => {
-                if (index !== 0) {
-                    sl[index] = w[0].toUpperCase() + w.slice(1);
-                }
-            }));
-            nlabel = sl.join('');
-            nlabel = nlabel.replace(/\s/g, '');
-            if (subtype) {
-                // tslint:disable-next-line: prefer-template
-                /** @type {?} */
-                const translationKey = type + '.' + nlabel + subtype;
-                return this.translate.instant(translationKey);
-            }
-            // tslint:disable-next-line: prefer-template
-            /** @type {?} */
-            const translationKeyn = type + '.' + nlabel;
-            return this.translate.instant(translationKeyn);
-        }
-        return label;
-    }
-    /**
-     * @param {?} label
-     * @param {?} type
-     * @param {?} subtype
-     * @return {?}
-     */
-    translateActualLabel(label, type, subtype) {
-        /** @type {?} */
-        let nlabel = label;
-        /** @type {?} */
-        const sl = nlabel.split(' ');
-        sl.forEach((/**
-         * @param {?} w
-         * @param {?} index
-         * @return {?}
-         */
-        (w, index) => {
-            if (index !== 0) {
-                sl[index] = w[0].toUpperCase() + w.slice(1);
-            }
-        }));
-        nlabel = sl.join('');
-        nlabel = nlabel.replace(/\s/g, '');
-        if (subtype) {
-            // tslint:disable-next-line: prefer-template
-            /** @type {?} */
-            const translationKey = type + '.' + nlabel + subtype;
-            return this.translate.instant(translationKey);
-        }
-        // tslint:disable-next-line: prefer-template
-        /** @type {?} */
-        const translationKeyn = type + '.' + nlabel;
-        return this.translate.instant(translationKeyn);
-    }
-    /**
-     * @param {?} data
-     * @return {?}
-     */
-    editProfileDetailsAPI(data) {
-        return this.http.post(this.editProfileDetails, data);
-    }
-    /**
-     * @param {?} state
-     * @param {?} lang
-     * @param {?} userid
-     * @return {?}
-     */
-    updatelanguageSelected(state, lang, userid) {
-        this.languageSelected.next(state);
-        this.translate.use(lang);
-        this.selectedLang = lang;
-        if (userid) {
-            /** @type {?} */
-            const reqUpdates = {
-                request: {
-                    userId: userid,
-                    profileDetails: {
-                        additionalProperties: {
-                            webPortalLang: this.selectedLang,
-                        },
-                    },
-                },
-            };
-            this.editProfileDetailsAPI(reqUpdates).subscribe();
-        }
-    }
-}
-MultilingualTranslationsService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-/** @nocollapse */
-MultilingualTranslationsService.ctorParameters = () => [
-    { type: TranslateService },
-    { type: HttpClient },
-    { type: ConfigurationsService }
-];
-/** @nocollapse */ MultilingualTranslationsService.ngInjectableDef = ɵɵdefineInjectable({ factory: function MultilingualTranslationsService_Factory() { return new MultilingualTranslationsService(ɵɵinject(TranslateService), ɵɵinject(HttpClient), ɵɵinject(ConfigurationsService)); }, token: MultilingualTranslationsService, providedIn: "root" });
-if (false) {
-    /** @type {?} */
-    MultilingualTranslationsService.prototype.selectedLang;
-    /** @type {?} */
-    MultilingualTranslationsService.prototype.languageSelected;
-    /** @type {?} */
-    MultilingualTranslationsService.prototype.languageSelectedObservable;
-    /** @type {?} */
-    MultilingualTranslationsService.prototype.editProfileDetails;
-    /**
-     * @type {?}
-     * @private
-     */
-    MultilingualTranslationsService.prototype.translate;
-    /**
-     * @type {?}
-     * @private
-     */
-    MultilingualTranslationsService.prototype.http;
-    /**
-     * @type {?}
-     * @private
-     */
-    MultilingualTranslationsService.prototype.configSvc;
-}
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var NsCardContent;
-(function (NsCardContent) {
-    /**
-     * @record
-     */
-    function ICard() { }
-    NsCardContent.ICard = ICard;
-    if (false) {
-        /** @type {?} */
-        ICard.prototype.content;
-        /** @type {?} */
-        ICard.prototype.cardSubType;
-        /** @type {?} */
-        ICard.prototype.context;
-        /** @type {?|undefined} */
-        ICard.prototype.intranetMode;
-        /** @type {?|undefined} */
-        ICard.prototype.deletedMode;
-        /** @type {?|undefined} */
-        ICard.prototype.likes;
-        /** @type {?|undefined} */
-        ICard.prototype.contentTags;
-        /** @type {?} */
-        ICard.prototype.stateData;
-    }
-    /**
-     * @record
-     */
-    function IContentTags() { }
-    NsCardContent.IContentTags = IContentTags;
-    if (false) {
-        /** @type {?|undefined} */
-        IContentTags.prototype.daysSpan;
-        /** @type {?|undefined} */
-        IContentTags.prototype.excludeContentType;
-        /** @type {?|undefined} */
-        IContentTags.prototype.excludeMimeType;
-        /** @type {?} */
-        IContentTags.prototype.tag;
-        /** @type {?|undefined} */
-        IContentTags.prototype.criteriaField;
-    }
-    /**
-     * @record
-     */
-    function ICompetency() { }
-    NsCardContent.ICompetency = ICompetency;
-    if (false) {
-        /** @type {?} */
-        ICompetency.prototype.competencyArea;
-        /** @type {?} */
-        ICompetency.prototype.competencyObject;
-    }
-    let EContentStatus;
-    (function (EContentStatus) {
-        EContentStatus["LIVE"] = "Live";
-        EContentStatus["EXPIRED"] = "Expired";
-        EContentStatus["DELETED"] = "Deleted";
-        EContentStatus["MARK_FOR_DELETION"] = "MarkedForDeletion";
-    })(EContentStatus = NsCardContent.EContentStatus || (NsCardContent.EContentStatus = {}));
-    let ACBPConst;
-    (function (ACBPConst) {
-        ACBPConst["UPCOMING"] = "upcoming";
-        ACBPConst["ALL"] = "All";
-        ACBPConst["OVERDUE"] = "overdue";
-        ACBPConst["SUCCESS"] = "success";
-    })(ACBPConst = NsCardContent.ACBPConst || (NsCardContent.ACBPConst = {}));
-    let IGOTConst;
-    (function (IGOTConst) {
-        IGOTConst["COMPETENCIES"] = "competencies_v5";
-        IGOTConst["RETIRED"] = "Retired";
-    })(IGOTConst = NsCardContent.IGOTConst || (NsCardContent.IGOTConst = {}));
-})(NsCardContent || (NsCardContent = {}));
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @type {?} */
-const dayjs = dayjs_
-// import { environment } from 'src/environments/environment'
-;
-/** @type {?} */
-const PROTECTED_SLAG_V8$1 = '/apis/protected/v8';
-const ɵ0$1 = /**
- * @param {?} userId
- * @return {?}
- */
-(userId) => `${PROTECTED_SLAG_V8$1}/user/group/fetchUserGroup?userId=${userId}`, ɵ1$1 = /**
- * @param {?} userId
- * @return {?}
- */
-(userId) => 
-// tslint:disable-next-line: max-line-length
-`/apis/proxies/v8/learner/course/v2/user/enrollment/list/${userId}?orgdetails=orgName,email&licenseDetails=name,description,url&fields=contentType,primaryCategory,courseCategory,topic,name,channel,mimeType,appIcon,gradeLevel,resourceType,identifier,medium,pkgVersion,board,subject,trackable,posterImage,duration,creatorLogo,license,version,versionKey,avgRating,additionalTags,${NsCardContent.IGOTConst.COMPETENCIES}&batchDetails=name,endDate,startDate,status,enrollmentType,createdBy,certificates,batchAttributes`, ɵ2$1 = /**
- * @param {?} userId
- * @return {?}
- */
-(userId) => 
-// tslint:disable-next-line: max-line-length
-`/apis/proxies/v8/learner/course/v2/user/enrollment/list/${userId}?orgdetails=orgName,email&licenseDetails=name,description,url&fields=contentType,primaryCategory,courseCategory,topic,name,channel,mimeType,appIcon,gradeLevel,resourceType,identifier,medium,pkgVersion,board,subject,trackable,posterImage,duration,creatorLogo,license,version,versionKey,avgRating,additionalTags,${NsCardContent.IGOTConst.COMPETENCIES}&batchDetails=name,endDate,startDate,status,enrollmentType,createdBy,certificates,batchAttributes&retiredCoursesEnabled=true`, ɵ3$1 = /**
- * @param {?} userId
- * @param {?} orgdetails
- * @param {?} licenseDetails
- * @param {?} fields
- * @param {?} batchDetails
- * @return {?}
- */
-(userId, orgdetails, licenseDetails, fields, batchDetails) => 
-// tslint:disable-next-line: max-line-length
-`apis/proxies/v8/learner/course/v2/user/enrollment/list/${userId}?orgdetails=${orgdetails}&licenseDetails=${licenseDetails}&fields=${fields},courseCategory,${NsCardContent.IGOTConst.COMPETENCIES}&batchDetails=${batchDetails}`;
-/** @type {?} */
-const API_END_POINTS$1 = {
-    FETCH_USER_GROUPS: (ɵ0$1),
-    FETCH_CPB_PLANS: `/apis/proxies/v8/user/v1/cbplan`,
-    FETCH_USER_ENROLLMENT_LIST: (ɵ1$1),
-    FETCH_USER_ENROLLMENT_LIST_PROFILE: (ɵ2$1),
-    // tslint:disable-next-line: max-line-length
-    FETCH_USER_ENROLLMENT_LIST_V2: (ɵ3$1),
-};
-class WidgetUserService {
-    /**
-     * @param {?} environment
-     * @param {?} http
-     */
-    constructor(environment, http) {
-        this.http = http;
-        this.environment = environment;
-    }
-    /**
-     * @param {?} error
-     * @return {?}
-     */
-    handleError(error) {
-        /** @type {?} */
-        let errorMessage = '';
-        if (error.error instanceof ErrorEvent) {
-            errorMessage = `Error: ${error.error.message}`;
-        }
-        return throwError(errorMessage);
-    }
-    /**
-     * @param {?} userId
-     * @return {?}
-     */
-    fetchUserGroupDetails(userId) {
-        return this.http
-            .get(API_END_POINTS$1.FETCH_USER_GROUPS(userId))
-            .pipe(catchError(this.handleError));
-    }
-    // tslint:disable-next-line: max-line-length
-    /**
-     * @param {?} userId
-     * @param {?=} queryParams
-     * @return {?}
-     */
-    fetchUserBatchList(userId, queryParams) {
-        /** @type {?} */
-        let path = '';
-        if (queryParams) {
-            // tslint:disable-next-line: max-line-length
-            path = API_END_POINTS$1.FETCH_USER_ENROLLMENT_LIST_V2(userId, queryParams.orgdetails, queryParams.licenseDetails, queryParams.fields, queryParams.batchDetails);
-        }
-        else {
-            path = API_END_POINTS$1.FETCH_USER_ENROLLMENT_LIST(userId);
-        }
-        /** @type {?} */
-        const headers = new HttpHeaders({
-            'Cache-Control': 'no-cache, no-store, must-revalidate, post-check=0, pre-check=0',
-            Pragma: 'no-cache',
-            Expires: '0',
-        });
-        if (this.checkStorageData('enrollmentService', 'enrollmentData')) {
-            /** @type {?} */
-            const result = this.http.get(path, { headers }).pipe(catchError(this.handleError), map((/**
-             * @param {?} data
-             * @return {?}
-             */
-            (data) => {
-                /** @type {?} */
-                const coursesData = [];
-                if (data && data.result && data.result.courses) {
-                    data.result.courses.forEach((/**
-                     * @param {?} content
-                     * @return {?}
-                     */
-                    (content) => {
-                        if (content.contentStatus) {
-                            delete content.contentStatus;
-                        }
-                        coursesData.push(content);
-                    }));
-                    this.storeUserEnrollmentInfo(data.result.userCourseEnrolmentInfo, data.result.courses.length);
-                    data.result.courses = coursesData;
-                    if (data.result.courses.length < 200) {
-                        localStorage.removeItem('enrollmentData');
-                        this.setTime('enrollmentService');
-                        localStorage.setItem('enrollmentData', JSON.stringify(data.result));
-                        this.mapEnrollmentData(data.result);
-                        return data.result;
-                    }
-                }
-                this.mapEnrollmentData(data.result);
-                return data.result;
-            })));
-            return result;
-        }
-        return this.getData('enrollmentData');
-    }
-    // tslint:disable-next-line: max-line-length
-    /**
-     * @param {?} userId
-     * @param {?=} queryParams
-     * @return {?}
-     */
-    fetchProfileUserBatchList(userId, queryParams) {
-        /** @type {?} */
-        let path = '';
-        if (queryParams) {
-            // tslint:disable-next-line: max-line-length
-            path = API_END_POINTS$1.FETCH_USER_ENROLLMENT_LIST_V2(userId, queryParams.orgdetails, queryParams.licenseDetails, queryParams.fields, queryParams.batchDetails);
-        }
-        else {
-            path = API_END_POINTS$1.FETCH_USER_ENROLLMENT_LIST_PROFILE(userId);
-        }
-        /** @type {?} */
-        const headers = new HttpHeaders({
-            'Cache-Control': 'no-cache, no-store, must-revalidate, post-check=0, pre-check=0',
-            Pragma: 'no-cache',
-            Expires: '0',
-        });
-        return this.http
-            .get(path, { headers })
-            .pipe(catchError(this.handleError), map((/**
-         * @param {?} data
-         * @return {?}
-         */
-        (data) => data.result)));
-        // if (this.checkStorageData('enrollmentService')) {
-        //   const result: any =  this.http.get(path, { headers }).pipe(catchError(this.handleError), map(
-        //       (data: any) => {
-        //         localStorage.setItem('enrollmentData', JSON.stringify(data.result))
-        //         this.mapEnrollmentData(data.result)
-        //         return data.result
-        //       }
-        //     )
-        //   )
-        //   this.setTime('enrollmentService')
-        //   return result
-        // }
-        // return this.getData('enrollmentData')
-    }
-    /**
-     * @param {?} key
-     * @param {?} dataKey
-     * @return {?}
-     */
-    checkStorageData(key, dataKey) {
-        /** @type {?} */
-        const checkTime = localStorage.getItem('timeCheck');
-        if (checkTime) {
-            /** @type {?} */
-            const parsedData = JSON.parse(checkTime);
-            if (parsedData[key]) {
-                /** @type {?} */
-                const date = dayjs();
-                /** @type {?} */
-                const diffMin = date.diff(parsedData[key], 'minute');
-                /** @type {?} */
-                const timeCheck = this.environment.apiCache || 0;
-                if (diffMin >= timeCheck) {
-                    return true;
-                }
-                return localStorage.getItem(dataKey) ? false : true;
-            }
-            return true;
-        }
-        return true;
-    }
-    /**
-     * @param {?} key
-     * @return {?}
-     */
-    getData(key) {
-        return Observable.of(JSON.parse(localStorage.getItem(key) || '{}'));
-    }
-    /**
-     * @param {?} key
-     * @return {?}
-     */
-    getSavedData(key) {
-        return JSON.parse(localStorage.getItem(key) || '');
-    }
-    /**
-     * @param {?} key
-     * @return {?}
-     */
-    setTime(key) {
-        /** @type {?} */
-        const checkTime = localStorage.getItem('timeCheck');
-        if (checkTime) {
-            /** @type {?} */
-            const parsedData = JSON.parse(checkTime);
-            parsedData[key] = new Date().getTime();
-            localStorage.setItem('timeCheck', JSON.stringify(parsedData));
-        }
-        else {
-            /** @type {?} */
-            const data = {};
-            data[key] = new Date().getTime();
-            localStorage.setItem('timeCheck', JSON.stringify(data));
-        }
-    }
-    /**
-     * @param {?} key
-     * @return {?}
-     */
-    resetTime(key) {
-        /** @type {?} */
-        const checkTime = localStorage.getItem('timeCheck');
-        if (checkTime) {
-            /** @type {?} */
-            const parsedData = JSON.parse(checkTime);
-            if (parsedData[key]) {
-                delete parsedData[key];
-                localStorage.setItem('timeCheck', JSON.stringify(parsedData));
-            }
+            const translationKey = type + '.' + nlabel + subtype;
+            return this.translate.instant(translationKey);
         }
+        // tslint:disable-next-line: prefer-template
+        /** @type {?} */
+        const translationKeyn = type + '.' + nlabel;
+        return this.translate.instant(translationKeyn);
     }
     /**
+     * @param {?} label
+     * @param {?} type
+     * @param {?} subtype
      * @return {?}
      */
-    fetchCbpPlanList() {
-        // let data = JSON.parse(localStorage.getItem('cbpData')|| '')
-        // if(!data) {
-        //   this.http.get(API_END_POINTS.FETCH_CPB_PLANS).pipe(catchError(this.handleError), map(
-        //     (data: any) => {
-        //       const courseData = this.mapData(data.result)
-        //       return courseData
-        //     }
-        //   )
-        //   )
-        // } else {
-        //   return this.getData('cbpData')
-        // }
-        if (this.checkStorageData('cbpService', 'cbpData')) {
+    translateLabel(label, type, subtype) {
+        if (label) {
             /** @type {?} */
-            const result = this.http.get(API_END_POINTS$1.FETCH_CPB_PLANS).pipe(catchError(this.handleError), map((/**
-             * @param {?} data
+            let nlabel = label;
+            nlabel = nlabel && nlabel.toLowerCase();
+            /** @type {?} */
+            const sl = nlabel.split(' ');
+            sl.forEach((/**
+             * @param {?} w
+             * @param {?} index
              * @return {?}
              */
-            (data) => __awaiter(this, void 0, void 0, function* () {
-                return yield this.mapData(data.result);
-            }))));
-            this.setTime('cbpService');
-            return result;
+            (w, index) => {
+                if (index !== 0) {
+                    sl[index] = w[0].toUpperCase() + w.slice(1);
+                }
+            }));
+            nlabel = sl.join('');
+            nlabel = nlabel.replace(/\s/g, '');
+            if (subtype) {
+                // tslint:disable-next-line: prefer-template
+                /** @type {?} */
+                const translationKey = type + '.' + nlabel + subtype;
+                return this.translate.instant(translationKey);
+            }
+            // tslint:disable-next-line: prefer-template
+            /** @type {?} */
+            const translationKeyn = type + '.' + nlabel;
+            return this.translate.instant(translationKeyn);
         }
-        return this.getData('cbpData');
+        return label;
     }
     /**
-     * @param {?} data
+     * @param {?} label
+     * @param {?} type
+     * @param {?} subtype
      * @return {?}
      */
-    mapData(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            /** @type {?} */
-            const contentNew = [];
-            /** @type {?} */
-            const todayDate = dayjs().format('YYYY-MM-DD');
-            /** @type {?} */
-            const enrollList = JSON.parse(localStorage.getItem('enrollmentMapData') || '{}');
-            if (data && data.count) {
-                data.content.forEach((/**
-                 * @param {?} c
-                 * @return {?}
-                 */
-                (c) => {
-                    c.contentList.forEach((/**
-                     * @param {?} childData
-                     * @return {?}
-                     */
-                    (childData) => {
-                        /** @type {?} */
-                        const childEnrollData = enrollList[childData.identifier];
-                        /** @type {?} */
-                        const endDate = dayjs(c.endDate).format('YYYY-MM-DD');
-                        /** @type {?} */
-                        const daysCount = dayjs(endDate).diff(todayDate, 'day');
-                        childData['planDuration'] = daysCount < 0 ? NsCardContent.ACBPConst.OVERDUE : daysCount > 29
-                            ? NsCardContent.ACBPConst.SUCCESS : NsCardContent.ACBPConst.UPCOMING;
-                        childData['endDate'] = c.endDate;
-                        childData['parentId'] = c.id;
-                        childData['planType'] = 'cbPlan';
-                        if (childData.status !== NsCardContent.IGOTConst.RETIRED) {
-                            contentNew.push(childData);
-                        }
-                        else {
-                            if (childEnrollData && childEnrollData.status === 2) {
-                                contentNew.push(childData);
-                            }
-                        }
-                        /** @type {?} */
-                        const competencyArea = [];
-                        /** @type {?} */
-                        const competencyTheme = [];
-                        /** @type {?} */
-                        const competencyThemeType = [];
-                        /** @type {?} */
-                        const competencySubTheme = [];
-                        /** @type {?} */
-                        const competencyAreaId = [];
-                        /** @type {?} */
-                        const competencyThemeId = [];
-                        /** @type {?} */
-                        const competencySubThemeId = [];
-                        childData['contentStatus'] = 0;
-                        if (childEnrollData) {
-                            childData['contentStatus'] = childEnrollData.status;
-                        }
-                        if (childData.competencies_v5) {
-                            childData.competencies_v5.forEach((/**
-                             * @param {?} element
-                             * @return {?}
-                             */
-                            (element) => {
-                                if (!competencyArea.includes(element.competencyArea)) {
-                                    competencyArea.push(element.competencyArea);
-                                    competencyAreaId.push(element.competencyAreaId);
-                                }
-                                if (!competencyTheme.includes(element.competencyTheme)) {
-                                    competencyTheme.push(element.competencyTheme);
-                                    competencyThemeId.push(element.competencyThemeId);
-                                }
-                                if (!competencyThemeType.includes(element.competencyThemeType)) {
-                                    competencyThemeType.push(element.competencyThemeType);
-                                }
-                                if (!competencySubTheme.includes(element.competencySubTheme)) {
-                                    competencySubTheme.push(element.competencySubTheme);
-                                    competencySubThemeId.push(element.competencySubThemeId);
-                                }
-                            }));
-                        }
-                        childData['competencyArea'] = competencyArea;
-                        childData['competencyTheme'] = competencyTheme;
-                        childData['competencyThemeType'] = competencyThemeType;
-                        childData['competencySubTheme'] = competencySubTheme;
-                        childData['competencyAreaId'] = competencyAreaId;
-                        childData['competencyThemeId'] = competencyThemeId;
-                        childData['competencySubThemeId'] = competencySubThemeId;
-                    }));
-                }));
-                if (contentNew.length > 1) {
-                    /** @type {?} */
-                    const sortedData = contentNew.sort((/**
-                     * @param {?} a
-                     * @param {?} b
-                     * @return {?}
-                     */
-                    (a, b) => {
-                        /** @type {?} */
-                        const firstDate = new Date(a.endDate);
-                        /** @type {?} */
-                        const secondDate = new Date(b.endDate);
-                        return secondDate > firstDate ? 1 : -1;
-                    }));
-                    /** @type {?} */
-                    const uniqueUsersByID = uniqBy(sortedData, 'identifier');
-                    /** @type {?} */
-                    const sortedByEndDate = orderBy(uniqueUsersByID, ['endDate'], ['asc']);
-                    /** @type {?} */
-                    const sortedByStatus = orderBy(sortedByEndDate, ['contentStatus'], ['asc']);
-                    localStorage.setItem('cbpData', JSON.stringify(sortedByStatus));
-                    return sortedByStatus;
-                }
-                localStorage.setItem('cbpData', JSON.stringify(contentNew));
-                return contentNew;
+    translateActualLabel(label, type, subtype) {
+        /** @type {?} */
+        let nlabel = label;
+        /** @type {?} */
+        const sl = nlabel.split(' ');
+        sl.forEach((/**
+         * @param {?} w
+         * @param {?} index
+         * @return {?}
+         */
+        (w, index) => {
+            if (index !== 0) {
+                sl[index] = w[0].toUpperCase() + w.slice(1);
             }
-            localStorage.setItem('cbpData', JSON.stringify([]));
-            return [];
-        });
+        }));
+        nlabel = sl.join('');
+        nlabel = nlabel.replace(/\s/g, '');
+        if (subtype) {
+            // tslint:disable-next-line: prefer-template
+            /** @type {?} */
+            const translationKey = type + '.' + nlabel + subtype;
+            return this.translate.instant(translationKey);
+        }
+        // tslint:disable-next-line: prefer-template
+        /** @type {?} */
+        const translationKeyn = type + '.' + nlabel;
+        return this.translate.instant(translationKeyn);
     }
     /**
-     * @param {?} courseData
+     * @param {?} data
      * @return {?}
      */
-    mapEnrollmentData(courseData) {
-        /** @type {?} */
-        const enrollData = {};
-        if (courseData && courseData.courses.length) {
-            courseData.courses.forEach((/**
-             * @param {?} data
-             * @return {?}
-             */
-            (data) => {
-                enrollData[data.collectionId] = data;
-            }));
-        }
-        localStorage.removeItem('enrollmentMapData');
-        localStorage.setItem('enrollmentMapData', JSON.stringify(enrollData));
+    editProfileDetailsAPI(data) {
+        return this.http.post(this.editProfileDetails, data);
     }
     /**
-     * @param {?} enrollmentData
-     * @param {?} enrolledCourseCount
+     * @param {?} state
+     * @param {?} lang
+     * @param {?} userid
      * @return {?}
      */
-    storeUserEnrollmentInfo(enrollmentData, enrolledCourseCount) {
-        /** @type {?} */
-        const userData = {
-            enrolledCourseCount,
-            userCourseEnrolmentInfo: enrollmentData,
-        };
-        localStorage.removeItem('userEnrollmentCount');
-        localStorage.setItem('userEnrollmentCount', JSON.stringify(userData));
+    updatelanguageSelected(state, lang, userid) {
+        this.languageSelected.next(state);
+        this.translate.use(lang);
+        this.selectedLang = lang;
+        if (userid) {
+            /** @type {?} */
+            const reqUpdates = {
+                request: {
+                    userId: userid,
+                    profileDetails: {
+                        additionalProperties: {
+                            webPortalLang: this.selectedLang,
+                        },
+                    },
+                },
+            };
+            this.editProfileDetailsAPI(reqUpdates).subscribe();
+        }
     }
 }
-WidgetUserService.decorators = [
+MultilingualTranslationsService.decorators = [
     { type: Injectable, args: [{
                 providedIn: 'root',
             },] }
 ];
 /** @nocollapse */
-WidgetUserService.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: ['environment',] }] },
-    { type: HttpClient }
+MultilingualTranslationsService.ctorParameters = () => [
+    { type: TranslateService },
+    { type: HttpClient },
+    { type: ConfigurationsService }
 ];
-/** @nocollapse */ WidgetUserService.ngInjectableDef = ɵɵdefineInjectable({ factory: function WidgetUserService_Factory() { return new WidgetUserService(ɵɵinject("environment"), ɵɵinject(HttpClient)); }, token: WidgetUserService, providedIn: "root" });
+/** @nocollapse */ MultilingualTranslationsService.ngInjectableDef = ɵɵdefineInjectable({ factory: function MultilingualTranslationsService_Factory() { return new MultilingualTranslationsService(ɵɵinject(TranslateService), ɵɵinject(HttpClient), ɵɵinject(ConfigurationsService)); }, token: MultilingualTranslationsService, providedIn: "root" });
 if (false) {
     /** @type {?} */
-    WidgetUserService.prototype.environment;
+    MultilingualTranslationsService.prototype.selectedLang;
+    /** @type {?} */
+    MultilingualTranslationsService.prototype.languageSelected;
+    /** @type {?} */
+    MultilingualTranslationsService.prototype.languageSelectedObservable;
+    /** @type {?} */
+    MultilingualTranslationsService.prototype.editProfileDetails;
+    /**
+     * @type {?}
+     * @private
+     */
+    MultilingualTranslationsService.prototype.translate;
     /**
      * @type {?}
      * @private
      */
-    WidgetUserService.prototype.http;
+    MultilingualTranslationsService.prototype.http;
+    /**
+     * @type {?}
+     * @private
+     */
+    MultilingualTranslationsService.prototype.configSvc;
 }
 
 /**
@@ -3749,9 +3842,6 @@ class ContentStripWithTabsLibComponent extends WidgetBaseComponent {
         this.fetchAllPlaylistSearch(strip, calculateParentStatus);
         this.fetchPlaylistReadData(strip, calculateParentStatus);
         this.fetchCiosContentData(strip, calculateParentStatus);
-        // this.enrollInterval = setInterval(() => {
-        //   this.fetchAllCbpPlans(strip, calculateParentStatus)
-        // },                                1000)
     }
     /**
      * @param {?} strip
@@ -4010,13 +4100,41 @@ class ContentStripWithTabsLibComponent extends WidgetBaseComponent {
                             // console.log('calling  after-- ')
                             if (response.results.result.content) {
                                 if (strip.key === 'scheduledAssessment') {
-                                    this.enrollInterval = setInterval((/**
+                                    /** @type {?} */
+                                    let result = response.results.result.content.map((/**
+                                     * @param {?} a
+                                     * @return {?}
+                                     */
+                                    a => a.identifier));
+                                    /** @type {?} */
+                                    const responseData = yield this.userSvc.fetchEnrollmentDataByContentId(this.configSvc.userProfile.userId, result.join(',')).toPromise().then((/**
+                                     * @param {?} res
+                                     * @return {?}
+                                     */
+                                    (res) => __awaiter(this, void 0, void 0, function* () {
+                                        /** @type {?} */
+                                        const enrollData = {};
+                                        if (res && res.courses && res.courses.length) {
+                                            res.courses.forEach((/**
+                                             * @param {?} data
+                                             * @return {?}
+                                             */
+                                            (data) => {
+                                                enrollData[data.collectionId] = data;
+                                            }));
+                                            return enrollData;
+                                        }
+                                        else {
+                                            return {};
+                                        }
+                                    }))).catch((/**
+                                     * @param {?} _err
                                      * @return {?}
                                      */
-                                    () => {
-                                        this.checkInvitOnlyAssessments(response.results.result.content, strip, calculateParentStatus, response.viewMoreUrl);
-                                        // tslint:disable-next-line
-                                    }), 1000);
+                                    (_err) => {
+                                        return {};
+                                    }));
+                                    this.checkInvitOnlyAssessments(response.results.result.content, strip, calculateParentStatus, response.viewMoreUrl, responseData);
                                 }
                                 else {
                                     this.processStrip(strip, this.transformContentsToWidgets(response.results.result.content, strip), 'done', calculateParentStatus, response.viewMoreUrl);
@@ -4046,11 +4164,12 @@ class ContentStripWithTabsLibComponent extends WidgetBaseComponent {
      * @param {?} strip
      * @param {?} calculateParentStatus
      * @param {?} viewMoreUrl
+     * @param {?} enrollmentData
      * @return {?}
      */
-    checkInvitOnlyAssessments(content, strip, calculateParentStatus, viewMoreUrl) {
-        if (localStorage.getItem('enrollmentMapData')) {
-            this.enrollmentMapData = JSON.parse(localStorage.getItem('enrollmentMapData') || '{}');
+    checkInvitOnlyAssessments(content, strip, calculateParentStatus, viewMoreUrl, enrollmentData) {
+        if (Object.keys(enrollmentData).length) {
+            enrollmentData = enrollmentData;
             /** @type {?} */
             let filteredArray = [];
             /** @type {?} */
@@ -4060,10 +4179,10 @@ class ContentStripWithTabsLibComponent extends WidgetBaseComponent {
              * @return {?}
              */
             (data) => {
-                if (this.enrollmentMapData[data.identifier]) {
-                    if (this.enrollmentMapData[data.identifier].status !== 2 && this.enrollmentMapData[data.identifier].batch) {
+                if (enrollmentData[data.identifier]) {
+                    if (enrollmentData[data.identifier].status !== 2 && enrollmentData[data.identifier].batch) {
                         /** @type {?} */
-                        const enrollData = this.enrollmentMapData[data.identifier].batch;
+                        const enrollData = enrollmentData[data.identifier].batch;
                         /** @type {?} */
                         let endDate = new Date(enrollData.endDate).getTime()
                         // let endDate:any = '2024-07-7T00:00:00.000Z'
@@ -4072,8 +4191,8 @@ class ContentStripWithTabsLibComponent extends WidgetBaseComponent {
                         /** @type {?} */
                         let timeDuration = endDate - now;
                         if (timeDuration > 0) {
-                            data['batch'] = this.enrollmentMapData[data.identifier].batch;
-                            data['completionPercentage'] = this.enrollmentMapData[data.identifier].completionPercentage;
+                            data['batch'] = enrollmentData[data.identifier].batch;
+                            data['completionPercentage'] = enrollmentData[data.identifier].completionPercentage;
                             filteredArray.push(data);
                         }
                     }
@@ -4092,7 +4211,6 @@ class ContentStripWithTabsLibComponent extends WidgetBaseComponent {
                 return dateA - dateB;
             }));
             this.processStrip(strip, this.transformContentsToWidgets(filteredArray, strip), 'done', calculateParentStatus, viewMoreUrl);
-            clearInterval(this.enrollInterval);
         }
     }
     /**
@@ -4705,7 +4823,9 @@ class ContentStripWithTabsLibComponent extends WidgetBaseComponent {
                 /** @type {?} */
                 let tabResults = [];
                 /** @type {?} */
-                const response = yield this.userSvc.fetchCbpPlanList().toPromise();
+                let userId = this.configSvc.userProfile.userId;
+                /** @type {?} */
+                const response = yield this.userSvc.fetchCbpPlanList(userId).toPromise();
                 if (response) {
                     courses = response;
                     if (strip.tabs && strip.tabs.length) {
@@ -4716,33 +4836,6 @@ class ContentStripWithTabsLibComponent extends WidgetBaseComponent {
                         this.processStrip(strip, this.transformContentsToWidgets(courses, strip), 'done', calculateParentStatus, 'viewMoreUrl');
                     }
                 }
-                // this.userSvc.fetchCbpPlanList().subscribe( async  (res: any) => {
-                //   if (res) {
-                //     console.log(res,'===============================>')
-                //     courses = res
-                //     if (strip.tabs && strip.tabs.length) {
-                //       tabResults = this.splitCbpTabsData(courses, strip)
-                //       await this.processStrip(
-                //         strip,
-                //         this.transformContentsToWidgets(courses, strip),
-                //         'done',
-                //         calculateParentStatus,
-                //         '',
-                //         tabResults
-                //       )
-                //     } else {
-                //       this.processStrip(
-                //         strip,
-                //         this.transformContentsToWidgets(courses, strip),
-                //         'done',
-                //         calculateParentStatus,
-                //         'viewMoreUrl',
-                //       )
-                //     }
-                //   }
-                // },                                        (_err: any) => {
-                // })
-                clearInterval(this.enrollInterval);
             }
         });
     }
@@ -5708,13 +5801,13 @@ ContentStripWithTabsLibComponent.decorators = [
 /** @nocollapse */
 ContentStripWithTabsLibComponent.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: ['environment',] }] },
-    { type: WidgetContentService },
+    { type: WidgetContentLibService },
     { type: LoggerService },
     { type: EventService },
     { type: ConfigurationsService$1 },
     { type: UtilityService },
     { type: Router },
-    { type: WidgetUserService },
+    { type: WidgetUserServiceLib },
     { type: TranslateService },
     { type: MultilingualTranslationsService }
 ];
@@ -5776,11 +5869,7 @@ if (false) {
     /** @type {?} */
     ContentStripWithTabsLibComponent.prototype.defaultMaxWidgets;
     /** @type {?} */
-    ContentStripWithTabsLibComponent.prototype.enrollInterval;
-    /** @type {?} */
     ContentStripWithTabsLibComponent.prototype.todaysEvents;
-    /** @type {?} */
-    ContentStripWithTabsLibComponent.prototype.enrollmentMapData;
     /**
      * @type {?}
      * @private
@@ -7702,12 +7791,12 @@ CommonStripComponent.decorators = [
 /** @nocollapse */
 CommonStripComponent.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: ['environment',] }] },
-    { type: WidgetContentService },
+    { type: WidgetContentLibService },
     { type: LoggerService },
     { type: EventService },
     { type: ConfigurationsService$1 },
     { type: UtilityService },
-    { type: WidgetUserService },
+    { type: WidgetUserServiceLib },
     { type: TranslateService },
     { type: MultilingualTranslationsService },
     { type: CommonMethodsService }
@@ -8807,13 +8896,6 @@ class CardsComponent extends WidgetBaseComponent {
         () => {
             this.getCbPlanData();
         }), 1000);
-        this.enrollInterval = setInterval((/**
-         * @return {?}
-         */
-        () => {
-            this.getEnrollmentData();
-            // tslint:disable-next-line
-        }), 1000);
     }
     /**
      * @return {?}
@@ -8876,15 +8958,6 @@ class CardsComponent extends WidgetBaseComponent {
             clearInterval(this.cbPlanInterval);
         }
     }
-    /**
-     * @return {?}
-     */
-    getEnrollmentData() {
-        if (localStorage.getItem('enrollmentMapData')) {
-            this.enrollmentMapData = JSON.parse(localStorage.getItem('enrollmentMapData') || '{}');
-            clearInterval(this.enrollInterval);
-        }
-    }
     /**
      * @param {?} data
      * @return {?}
@@ -8896,14 +8969,14 @@ class CardsComponent extends WidgetBaseComponent {
 CardsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'sb-uic-cards',
-                template: "<div class=\"widget-card-content-new\">\n    <ng-container *ngIf=\"widgetData && (((widgetData?.deletedMode || 'none') === 'hide' && !!!isLiveOrMarkForDeletion)\n    ? false\n    : !((widgetData?.intranetMode || 'none') === 'hide' && !!showIntranetContent))\"\n      [ngSwitch]=\"( (widgetData && widgetData?.cardSubType) || 'cardPortraitLib')\">\n      <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"cardPortraitLib\"></ng-container>\n      <ng-container *ngSwitchCase=\"'user-card'\" [ngTemplateOutlet]=\"cardUser\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-portrait-lib-skeleton'\" [ngTemplateOutlet]=\"cardPortraitLibSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-portrait-lib'\" [ngTemplateOutlet]=\"cardPortraitLib\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-landscape-lib-skeleton'\" [ngTemplateOutlet]=\"cardLandscapeLibSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-landscape-lib'\" [ngTemplateOutlet]=\"cardLandscapeLib\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-wide-lib-skeleton'\" [ngTemplateOutlet]=\"cardWideLibSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-wide-lib'\" [ngTemplateOutlet]=\"cardWideLib\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-wide-v2'\" [ngTemplateOutlet]=\"cardWideV2\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-wide-v2-skeleton'\" [ngTemplateOutlet]=\"cardWideV2Skeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-mdo-lib'\" [ngTemplateOutlet]=\"cardMdo\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-mdo-home-lib'\" [ngTemplateOutlet]=\"cardMdoHome\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-mdo-home-lib-skeleton'\" [ngTemplateOutlet]=\"cardMdoHomeSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-mdo-lib-skeleton'\" [ngTemplateOutlet]=\"cardMdoSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-scheduled-assessment'\" [ngTemplateOutlet]=\"cardScheduledAssessment\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-scheduled-assessment-skeleton'\" [ngTemplateOutlet]=\"cardScheduledAssessmentSkelton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-karma-program-lib'\" [ngTemplateOutlet]=\"cardKarmaProgram\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-karma-program-lib-skeleton'\" [ngTemplateOutlet]=\"cardKarmaProgramSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-progress-portrait-lib'\" [ngTemplateOutlet]=\"cardProgressLib\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-progress-portrait-lib-skeleton'\" [ngTemplateOutlet]=\"cardProgressLibSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-karma-program-lib-v2'\" [ngTemplateOutlet]=\"cardKarmaProgramV2\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-karma-program-lib-v2-skeleton'\" [ngTemplateOutlet]=\"cardKarmaProgramV2\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-providers-lib'\" [ngTemplateOutlet]=\"cardProvider\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-providers-lib-skeleton'\" [ngTemplateOutlet]=\"cardProviderSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-portrait-ext-lib-skeleton'\" [ngTemplateOutlet]=\"cardPortraitExtLibSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-portrait-ext-lib'\" [ngTemplateOutlet]=\"cardPortraitExtLib\"></ng-container>\n\n    </ng-container>\n</div>\n\n<ng-template #cardPortraitLibSkeleton>\n  <sb-uic-card-portrait [widgetData]=\"widgetData\" [isCardLoading]=\"true\"></sb-uic-card-portrait>\n</ng-template>\n<ng-template #cardPortraitLib>\n  <sb-uic-card-portrait \n  [cbPlanMapData]=\"cbPlanMapData\"\n  (contentData)=\"getRedirectUrlData($event)\" [widgetData]=\"widgetData\" [isCardLoading]=\"false\"></sb-uic-card-portrait>\n</ng-template>\n<ng-template #cardLandscapeLibSkeleton>\n  <sb-uic-card-landscape [widgetData]=\"widgetData\" \n  [cbPlanMapData]=\"cbPlanMapData\" [isCardLoading]=\"true\"></sb-uic-card-landscape>\n</ng-template>\n<ng-template #cardLandscapeLib>\n  <sb-uic-card-landscape\n    (contentData)=\"getRedirectUrlData($event)\"\n    (triggerTelemetry)=\"raiseCardClick($event)\"\n    [widgetData]=\"widgetData\"\n    [cbPlanMapData]=\"cbPlanMapData\"\n    [isCardLoading]=\"false\">\n  </sb-uic-card-landscape>\n</ng-template>\n\n<ng-template #cardWideLib>\n  <sb-uic-card-wide (contentData)=\"getRedirectUrlData($event)\"  [widgetData]=\"widgetData\"></sb-uic-card-wide>\n</ng-template>\n<ng-template #cardWideLibSkeleton>\n  <sb-uic-card-wide [widgetData]=\"widgetData\"></sb-uic-card-wide>\n</ng-template>\n\n<ng-template #cardWideV2Skeleton>\n  <sb-uic-card-wide-v2 [widgetData]=\"widgetData\" [isCardLoading]=\"true\" ></sb-uic-card-wide-v2>\n</ng-template>\n<ng-template #cardWideV2>\n  <sb-uic-card-wide-v2\n    (contentData)=\"getRedirectUrlData($event)\"\n    (triggerTelemetry)=\"raiseCardClick($event)\"\n    [cbPlanMapData]=\"cbPlanMapData\"\n    [isCardLoading]=\"false\"\n    [widgetData]=\"widgetData\">\n  </sb-uic-card-wide-v2>\n</ng-template>\n\n<ng-template #cardUser>\n  <sb-uic-card-user [widgetData]=\"widgetData\"></sb-uic-card-user>\n</ng-template>\n<ng-template #cardMdoHome>\n  <sb-uic-card-mdo-channel-v1 [isCardLoading]=\"false\" [widgetData]=\"widgetData\"></sb-uic-card-mdo-channel-v1>\n</ng-template>\n<ng-template #cardMdoHomeSkeleton>\n  <sb-uic-card-mdo-channel-v1 [isCardLoading]=\"true\" [widgetData]=\"widgetData\"></sb-uic-card-mdo-channel-v1>\n</ng-template>\n<ng-template #cardMdo>\n  <sb-uic-card-mdo-channel [isCardLoading]=\"true\"  [widgetData]=\"widgetData\"></sb-uic-card-mdo-channel>\n</ng-template>\n<ng-template #cardMdoSkeleton>\n  <sb-uic-card-mdo-channel [isCardLoading]=\"true\"  [widgetData]=\"widgetData\"></sb-uic-card-mdo-channel>\n</ng-template>\n<ng-template #cardKarmaProgramSkeleton>\n  <sb-uic-card-karma-programs [randomColorApply]=\"true\" \n  [isCardLoading]=\"true\" [widgetData]=\"widgetData\"></sb-uic-card-karma-programs>\n</ng-template>\n<ng-template #cardKarmaProgram>\n  <sb-uic-card-karma-programs [randomColorApply]=\"true\" \n  [isCardLoading]=\"false\" [widgetData]=\"widgetData\"></sb-uic-card-karma-programs>\n</ng-template>\n<ng-template #cardScheduledAssessmentSkelton>\n  <sb-uic-card-assessment [widgetData]=\"widgetData\" [isCardLoading]=\"true\"></sb-uic-card-assessment>\n</ng-template>\n<ng-template #cardScheduledAssessment>\n  <sb-uic-card-assessment [widgetData]=\"widgetData\" (contentData)=\"getRedirectUrlData($event)\" [isCardLoading]=\"false\" [enrollmentMapData]=\"enrollmentMapData\"></sb-uic-card-assessment>\n</ng-template>\n<ng-template #cardProgressLibSkeleton>\n  <sb-uic-card-progress-portrait-lib \n  [isCardLoading]=\"true\" [widgetData]=\"widgetData\"></sb-uic-card-progress-portrait-lib>\n</ng-template>\n<ng-template #cardProgressLib>\n  <sb-uic-card-progress-portrait-lib \n  [isCardLoading]=\"false\" (contentData)=\"getRedirectUrlData($event)\" [widgetData]=\"widgetData\"></sb-uic-card-progress-portrait-lib>\n</ng-template>\n<ng-template #cardKarmaProgramV2>\n  <!-- <sb-uic-card-karma-programs-v2 [widgetData]=\"widgetData\"><sb-uic-card-karma-programs-v2> -->\n</ng-template>\n<ng-template #cardProvider>\n  <sb-uic-provider-card  [isCardLoading]=\"false\" [widgetData]=\"widgetData\"></sb-uic-provider-card>\n</ng-template>\n<ng-template #cardProviderSkeleton>\n  <sb-uic-provider-card  [isCardLoading]=\"true\" [widgetData]=\"widgetData\"></sb-uic-provider-card>\n</ng-template>\n\n<!-- cios card -->\n<ng-template #cardPortraitExtLibSkeleton>\n  <sb-uic-card-portrait-ext [widgetData]=\"widgetData\" [isCardLoading]=\"true\"></sb-uic-card-portrait-ext>\n</ng-template>\n<ng-template #cardPortraitExtLib>\n  <sb-uic-card-portrait-ext \n  [cbPlanMapData]=\"cbPlanMapData\"\n  (contentData)=\"getRedirectUrlData($event)\" [widgetData]=\"widgetData\" [isCardLoading]=\"false\"></sb-uic-card-portrait-ext>\n</ng-template>\n",
+                template: "<div class=\"widget-card-content-new\">\n    <ng-container *ngIf=\"widgetData && (((widgetData?.deletedMode || 'none') === 'hide' && !!!isLiveOrMarkForDeletion)\n    ? false\n    : !((widgetData?.intranetMode || 'none') === 'hide' && !!showIntranetContent))\"\n      [ngSwitch]=\"( (widgetData && widgetData?.cardSubType) || 'cardPortraitLib')\">\n      <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"cardPortraitLib\"></ng-container>\n      <ng-container *ngSwitchCase=\"'user-card'\" [ngTemplateOutlet]=\"cardUser\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-portrait-lib-skeleton'\" [ngTemplateOutlet]=\"cardPortraitLibSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-portrait-lib'\" [ngTemplateOutlet]=\"cardPortraitLib\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-landscape-lib-skeleton'\" [ngTemplateOutlet]=\"cardLandscapeLibSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-landscape-lib'\" [ngTemplateOutlet]=\"cardLandscapeLib\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-wide-lib-skeleton'\" [ngTemplateOutlet]=\"cardWideLibSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-wide-lib'\" [ngTemplateOutlet]=\"cardWideLib\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-wide-v2'\" [ngTemplateOutlet]=\"cardWideV2\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-wide-v2-skeleton'\" [ngTemplateOutlet]=\"cardWideV2Skeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-mdo-lib'\" [ngTemplateOutlet]=\"cardMdo\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-mdo-home-lib'\" [ngTemplateOutlet]=\"cardMdoHome\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-mdo-home-lib-skeleton'\" [ngTemplateOutlet]=\"cardMdoHomeSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-mdo-lib-skeleton'\" [ngTemplateOutlet]=\"cardMdoSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-scheduled-assessment'\" [ngTemplateOutlet]=\"cardScheduledAssessment\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-scheduled-assessment-skeleton'\" [ngTemplateOutlet]=\"cardScheduledAssessmentSkelton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-karma-program-lib'\" [ngTemplateOutlet]=\"cardKarmaProgram\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-karma-program-lib-skeleton'\" [ngTemplateOutlet]=\"cardKarmaProgramSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-progress-portrait-lib'\" [ngTemplateOutlet]=\"cardProgressLib\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-progress-portrait-lib-skeleton'\" [ngTemplateOutlet]=\"cardProgressLibSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-karma-program-lib-v2'\" [ngTemplateOutlet]=\"cardKarmaProgramV2\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-karma-program-lib-v2-skeleton'\" [ngTemplateOutlet]=\"cardKarmaProgramV2\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-providers-lib'\" [ngTemplateOutlet]=\"cardProvider\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-providers-lib-skeleton'\" [ngTemplateOutlet]=\"cardProviderSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-portrait-ext-lib-skeleton'\" [ngTemplateOutlet]=\"cardPortraitExtLibSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-portrait-ext-lib'\" [ngTemplateOutlet]=\"cardPortraitExtLib\"></ng-container>\n\n    </ng-container>\n</div>\n\n<ng-template #cardPortraitLibSkeleton>\n  <sb-uic-card-portrait [widgetData]=\"widgetData\" [isCardLoading]=\"true\"></sb-uic-card-portrait>\n</ng-template>\n<ng-template #cardPortraitLib>\n  <sb-uic-card-portrait \n  [cbPlanMapData]=\"cbPlanMapData\"\n  (contentData)=\"getRedirectUrlData($event)\" [widgetData]=\"widgetData\" [isCardLoading]=\"false\"></sb-uic-card-portrait>\n</ng-template>\n<ng-template #cardLandscapeLibSkeleton>\n  <sb-uic-card-landscape [widgetData]=\"widgetData\" \n  [cbPlanMapData]=\"cbPlanMapData\" [isCardLoading]=\"true\"></sb-uic-card-landscape>\n</ng-template>\n<ng-template #cardLandscapeLib>\n  <sb-uic-card-landscape\n    (contentData)=\"getRedirectUrlData($event)\"\n    (triggerTelemetry)=\"raiseCardClick($event)\"\n    [widgetData]=\"widgetData\"\n    [cbPlanMapData]=\"cbPlanMapData\"\n    [isCardLoading]=\"false\">\n  </sb-uic-card-landscape>\n</ng-template>\n\n<ng-template #cardWideLib>\n  <sb-uic-card-wide (contentData)=\"getRedirectUrlData($event)\"  [widgetData]=\"widgetData\"></sb-uic-card-wide>\n</ng-template>\n<ng-template #cardWideLibSkeleton>\n  <sb-uic-card-wide [widgetData]=\"widgetData\"></sb-uic-card-wide>\n</ng-template>\n\n<ng-template #cardWideV2Skeleton>\n  <sb-uic-card-wide-v2 [widgetData]=\"widgetData\" [isCardLoading]=\"true\" ></sb-uic-card-wide-v2>\n</ng-template>\n<ng-template #cardWideV2>\n  <sb-uic-card-wide-v2\n    (contentData)=\"getRedirectUrlData($event)\"\n    (triggerTelemetry)=\"raiseCardClick($event)\"\n    [cbPlanMapData]=\"cbPlanMapData\"\n    [isCardLoading]=\"false\"\n    [widgetData]=\"widgetData\">\n  </sb-uic-card-wide-v2>\n</ng-template>\n\n<ng-template #cardUser>\n  <sb-uic-card-user [widgetData]=\"widgetData\"></sb-uic-card-user>\n</ng-template>\n<ng-template #cardMdoHome>\n  <sb-uic-card-mdo-channel-v1 [isCardLoading]=\"false\" [widgetData]=\"widgetData\"></sb-uic-card-mdo-channel-v1>\n</ng-template>\n<ng-template #cardMdoHomeSkeleton>\n  <sb-uic-card-mdo-channel-v1 [isCardLoading]=\"true\" [widgetData]=\"widgetData\"></sb-uic-card-mdo-channel-v1>\n</ng-template>\n<ng-template #cardMdo>\n  <sb-uic-card-mdo-channel [isCardLoading]=\"true\"  [widgetData]=\"widgetData\"></sb-uic-card-mdo-channel>\n</ng-template>\n<ng-template #cardMdoSkeleton>\n  <sb-uic-card-mdo-channel [isCardLoading]=\"true\"  [widgetData]=\"widgetData\"></sb-uic-card-mdo-channel>\n</ng-template>\n<ng-template #cardKarmaProgramSkeleton>\n  <sb-uic-card-karma-programs [randomColorApply]=\"true\" \n  [isCardLoading]=\"true\" [widgetData]=\"widgetData\"></sb-uic-card-karma-programs>\n</ng-template>\n<ng-template #cardKarmaProgram>\n  <sb-uic-card-karma-programs [randomColorApply]=\"true\" \n  [isCardLoading]=\"false\" [widgetData]=\"widgetData\"></sb-uic-card-karma-programs>\n</ng-template>\n<ng-template #cardScheduledAssessmentSkelton>\n  <sb-uic-card-assessment [widgetData]=\"widgetData\" [isCardLoading]=\"true\"></sb-uic-card-assessment>\n</ng-template>\n<ng-template #cardScheduledAssessment>\n  <sb-uic-card-assessment [widgetData]=\"widgetData\" (contentData)=\"getRedirectUrlData($event)\" [isCardLoading]=\"false\" ></sb-uic-card-assessment>\n</ng-template>\n<ng-template #cardProgressLibSkeleton>\n  <sb-uic-card-progress-portrait-lib \n  [isCardLoading]=\"true\" [widgetData]=\"widgetData\"></sb-uic-card-progress-portrait-lib>\n</ng-template>\n<ng-template #cardProgressLib>\n  <sb-uic-card-progress-portrait-lib \n  [isCardLoading]=\"false\" (contentData)=\"getRedirectUrlData($event)\" [widgetData]=\"widgetData\"></sb-uic-card-progress-portrait-lib>\n</ng-template>\n<ng-template #cardKarmaProgramV2>\n  <!-- <sb-uic-card-karma-programs-v2 [widgetData]=\"widgetData\"><sb-uic-card-karma-programs-v2> -->\n</ng-template>\n<ng-template #cardProvider>\n  <sb-uic-provider-card  [isCardLoading]=\"false\" [widgetData]=\"widgetData\"></sb-uic-provider-card>\n</ng-template>\n<ng-template #cardProviderSkeleton>\n  <sb-uic-provider-card  [isCardLoading]=\"true\" [widgetData]=\"widgetData\"></sb-uic-provider-card>\n</ng-template>\n\n<!-- cios card -->\n<ng-template #cardPortraitExtLibSkeleton>\n  <sb-uic-card-portrait-ext [widgetData]=\"widgetData\" [isCardLoading]=\"true\"></sb-uic-card-portrait-ext>\n</ng-template>\n<ng-template #cardPortraitExtLib>\n  <sb-uic-card-portrait-ext \n  [cbPlanMapData]=\"cbPlanMapData\"\n  (contentData)=\"getRedirectUrlData($event)\" [widgetData]=\"widgetData\" [isCardLoading]=\"false\"></sb-uic-card-portrait-ext>\n</ng-template>\n",
                 styles: [""]
             }] }
 ];
 /** @nocollapse */
 CardsComponent.ctorParameters = () => [
     { type: UtilityService },
-    { type: WidgetContentService },
+    { type: WidgetContentLibService },
     { type: Router }
 ];
 CardsComponent.propDecorators = {
@@ -8921,10 +8994,6 @@ if (false) {
     CardsComponent.prototype.cbPlanMapData;
     /** @type {?} */
     CardsComponent.prototype.cbPlanInterval;
-    /** @type {?} */
-    CardsComponent.prototype.enrollInterval;
-    /** @type {?} */
-    CardsComponent.prototype.enrollmentMapData;
     /**
      * @type {?}
      * @private
@@ -9061,7 +9130,7 @@ CardPortraitComponent.ctorParameters = () => [
     { type: TranslateService },
     { type: MultilingualTranslationsService },
     { type: ConfigurationsService$1 },
-    { type: WidgetContentService }
+    { type: WidgetContentLibService }
 ];
 CardPortraitComponent.propDecorators = {
     widgetData: [{ type: Input }],
@@ -10080,7 +10149,7 @@ CardMDOChannelComponent.ctorParameters = () => [
     { type: TranslateService },
     { type: MultilingualTranslationsService$1 },
     { type: ConfigurationsService$1 },
-    { type: WidgetContentService },
+    { type: WidgetContentLibService },
     { type: Router }
 ];
 CardMDOChannelComponent.propDecorators = {
@@ -10413,7 +10482,7 @@ CardKarmaProgramsComponent.ctorParameters = () => [
     { type: TranslateService },
     { type: MultilingualTranslationsService$1 },
     { type: ConfigurationsService$1 },
-    { type: WidgetContentService },
+    { type: WidgetContentLibService },
     { type: Router }
 ];
 CardKarmaProgramsComponent.propDecorators = {
@@ -10809,7 +10878,7 @@ CardPortraitExtComponent.ctorParameters = () => [
     { type: TranslateService },
     { type: MultilingualTranslationsService },
     { type: ConfigurationsService$1 },
-    { type: WidgetContentService }
+    { type: WidgetContentLibService }
 ];
 CardPortraitExtComponent.propDecorators = {
     widgetData: [{ type: Input }],
@@ -10984,11 +11053,10 @@ CardAssessmentComponent.decorators = [
 /** @nocollapse */
 CardAssessmentComponent.ctorParameters = () => [
     { type: ConfigurationsService$1 },
-    { type: WidgetContentService }
+    { type: WidgetContentLibService }
 ];
 CardAssessmentComponent.propDecorators = {
     widgetData: [{ type: Input }],
-    enrollmentMapData: [{ type: Input }],
     contentData: [{ type: Output }],
     isCardLoading: [{ type: Input }]
 };
@@ -10996,8 +11064,6 @@ if (false) {
     /** @type {?} */
     CardAssessmentComponent.prototype.widgetData;
     /** @type {?} */
-    CardAssessmentComponent.prototype.enrollmentMapData;
-    /** @type {?} */
     CardAssessmentComponent.prototype.contentData;
     /** @type {?} */
     CardAssessmentComponent.prototype.isCardLoading;
@@ -11484,7 +11550,7 @@ CardProgressPortraitLibComponent.ctorParameters = () => [
     { type: EventService },
     { type: MultilingualTranslationsService },
     { type: ConfigurationsService$1 },
-    { type: WidgetContentService },
+    { type: WidgetContentLibService },
     { type: CertificateService },
     { type: MatDialog }
 ];
@@ -11804,7 +11870,7 @@ CardMdoChannelV1Component.ctorParameters = () => [
     { type: TranslateService },
     { type: MultilingualTranslationsService$1 },
     { type: ConfigurationsService$1 },
-    { type: WidgetContentService },
+    { type: WidgetContentLibService },
     { type: Router }
 ];
 CardMdoChannelV1Component.propDecorators = {
@@ -13435,20 +13501,20 @@ class ContentStripFacetFilterComponent extends WidgetBaseComponent {
 ContentStripFacetFilterComponent.decorators = [
     { type: Component, args: [{
                 selector: 'sb-uic-content-strip-facet-filter',
-                template: "<ng-container *ngIf=\"!contentAvailable; else otherTemplate\"></ng-container>\n<ng-template #otherTemplate>\n  <!-- <div *ngIf=\"showParentLoader\" class=\"text-center my-2\">\n    <mat-spinner class=\"inline-block\"></mat-spinner>\n  </div> -->\n  <ng-container *ngIf=\"showParentError\" [sbUiResolverWidget]=\"widgetData.errorWidget\"></ng-container>\n  <ng-container *ngIf=\"showParentNoData\" [sbUiResolverWidget]=\"widgetData.noDataWidget\"></ng-container>\n  <ng-container *ngFor=\"let key of stripsKeyOrder; let i = index; trackBy: identify\">\n    <ng-container *ngIf=\"isStripShowing(stripsResultDataMap[key])\">\n      <a name=\"{{stripsResultDataMap[key]?.stripTitle}}\" [class]=\"key\">\n        <div *ngIf=\"stripsResultDataMap && (getLength(stripsResultDataMap[key]) ||\n                    stripsResultDataMap[key]?.showOnNoData ||\n                    stripsResultDataMap[key]?.showOnLoader ||\n                    stripsResultDataMap[key]?.showOnError)\n                  \" [ngClass]=\"\n                    !widgetData?.isChannelStrip ? 'xs:px-8 sx:px-10ss' : i > 0 ? 'mt-12' : ''\n                  \" [id]=\"key\" [ngClass]=\"!widgetData?.isChannelStrip ? margin-bottom-custom : margin-bottom-xs\">\n          <div [ngClass]=\"{ pad: stripsResultDataMap[key]?.stripBackground }\"\n            [ngStyle]=\"{ 'background-color': stripsResultDataMap[key]?.stripBackground }\">\n            <div class=\"flex flex-col pl-4 pr-4 md:pr-0 md:pl-0 \" [ngClass]=\"\n                        !widgetData?.isChannelStrip\n                          ? ''\n                          : stripsResultDataMap[key]?.stripTitle\n                          ? 'mb-8'\n                          : ''\n                      \">\n              <div class=\"flex flex-1 items-center\">\n                <p class=\"mat-subheading-1 margin-remove inline-block \" *ngIf=\"stripsResultDataMap[key]?.stripTitle\">\n                  <span class=\"capitalize\" *ngIf=\"stripsResultDataMap[key]?.disableTranslate\">\n                    {{stripsResultDataMap[key]?.stripTitle}}\n                  </span>\n                  <span *ngIf=\"!stripsResultDataMap[key]?.disableTranslate\">\n                    {{ translateLabels(stripsResultDataMap[key]?.stripTitle, 'home') }}\n                  </span>\n                </p>\n\n                <button *ngIf=\"stripsResultDataMap[key]?.stripInfo?.icon\" type=\"button\" mat-icon-button\n                  (click)=\"toggleInfo(stripsResultDataMap[key])\" i18n-matTooltip matTooltip=\"info\"\n                  class=\"margin-left-xs\">\n                  <mat-icon>{{ stripsResultDataMap[key]?.stripInfo?.icon.icon }}</mat-icon>\n                </button>\n                <a *ngIf=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n                  [routerLink]=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n                  [queryParams]=\"stripsResultDataMap[key]?.stripTitleLink?.link?.queryParams\">\n                  <mat-icon class=\"ws-mat-primary-primary-text ws-mat-default-text\" [color]=\"'accent'\">{{\n                    stripsResultDataMap[key]?.stripTitleLink?.icon }}</mat-icon>\n                </a>\n                <span class=\"spacer\"></span>\n                <!-- viewAll start-->\n                <div *ngIf=\"checkCondition(widgetData , stripsResultDataMap[key])\" class=\"block md:hidden\">\n                  <div \n                    class=\"ml-4 pl-2 view-more ws-mat-default-text  \">\n                    <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer\" \n                      (click)=\"raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )\">\n                      <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home')  || 'See all'}}</span>\n                      <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n                    </a>\n                  </div>\n                </div>\n                <!-- viewAll end-->\n              </div>\n              <button mat-icon-button (click)=\"setHiddenForStrip(key)\" *ngIf=\"stripsResultDataMap[key]?.canHideStrip\">\n                <mat-icon>close</mat-icon>\n              </button>\n              <mat-icon class=\"cursor-pointer\" *ngIf=\"stripsResultDataMap[key]?.mode === 'accordion' && isMobile\"\n                (click)=\"showAccordionData = !showAccordionData\">{{ showAccordionData ? 'expand_less' : 'expand_more' }}\n              </mat-icon>\n            </div>\n\n            <div class=\"mb-4\" *ngIf=\"checkVisible(stripsResultDataMap[key])\">\n              <ng-container [sbUiResolverWidget]=\"getdata(stripsResultDataMap[key])\">\n              </ng-container>\n            </div>\n            <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnNoData\"\n              [sbUiResolverWidget]=\"stripsResultDataMap[key]?.noDataWidget\"></ng-container>\n            <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnError\"\n              [sbUiResolverWidget]=\"stripsResultDataMap[key]?.errorWidget\"></ng-container>\n            <!-- IF no errors then proceed to show tabs or non tabs strip -->\n            <ng-container *ngIf=\"!stripsResultDataMap[key]?.showOnNoData && !stripsResultDataMap[key]?.showOnError\">\n              <ng-container *ngIf=\"stripsResultDataMap[key].tabs && stripsResultDataMap[key].tabs.length\">\n                <mat-tab-group animationDuration=\"0ms\" [selectedIndex]=\"getSelectedIndex(stripsResultDataMap[key], key)\"\n                class=\"mat-tab-labels w-full strips-tabgroup\" dynamicHeight\n                  (selectedTabChange)=\"tabClicked($event, 0, stripsResultDataMap[key], key)\">\n                  <mat-tab label=\"{{tab?.label}}\" *ngFor=\"let tab of stripsResultDataMap[key].tabs; let last = last;let tabIndex = index\">\n                    <ng-template mat-tab-label>\n                      <span><span *ngIf=\"!tab?.disableTranslate\">{{ translateLabels(tab?.label, 'home') }}</span>\n                      <span *ngIf=\"tab?.disableTranslate\">{{tab?.label}}</span> &nbsp;</span>\n                      <span *ngIf=\"tab?.showTabDataCount && tab?.widgets?.length\">({{tab?.widgets?.length}})</span>\n                    </ng-template>\n\n                    <div class=\"wfull\" *ngIf=\"tab?.pillsData && tab?.pillsData?.length\">\n                      <div class=\"flex justify-between item-center flex-wrap gap-4\">\n                        <div class=\"\">\n                          <ng-container *ngFor=\"let facet of tab?.facets\">\n                            <form [formGroup]=\"facetForm\">\n                            <div class=\"facets-select\">\n                              <select formControlName=\"org\" (change)=\"getorgData($event,  stripsResultDataMap[key], tabIndex)\">\n                                <option value=\"0\" selected disabled>Choose by organisation</option>\n                                <option value=\"{{d.name}}\" *ngFor=\"let d of facet.values\" >{{d.name}}</option>\n                              </select>\n                            </div>\n                          </form>\n                          </ng-container>\n                        </div>\n                        <div>\n                          <ng-container >\n                            <mat-chip-list  class=\"content-pill-data\" aria-label=\"Fish selection\">\n                                <ng-container *ngFor=\"let pill of tab?.pillsData;let p = index\">\n                                    <mat-chip [selected]=\"pill?.selected\" (click)=\"pillClicked($event, stripsResultDataMap[key], key, p, tabIndex)\">\n                                      <span class=\"pill-name\">{{pill?.label}}</span></mat-chip>\n                                </ng-container>\n                            </mat-chip-list>\n                          </ng-container>\n                        </div>\n                         <!-- viewAll start-->\n                          <div *ngIf=\"!stripsResultDataMap[key]?.hideViewMoreUrl && checkCondition(widgetData , stripsResultDataMap[key])\" class=\" hidden md:block\">\n                            <div  class=\"ml-4 pl-2 view-more ws-mat-default-text\">\n                              <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer\" \n                                (click)=\"raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )\">\n                                <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home')  || 'See all'}}</span>\n                                <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n                              </a>\n                            </div>\n                          </div>\n                            \n                          <!-- viewAll end-->\n                      </div>\n                      <div *ngIf=\"stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader ||\n                      !tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus\"\n                      class=\"text-center my-2\">\n                            <sb-uic-horizontal-scroller-v2 [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [id]=\"key+'-scroller'\"\n                                    [loadStatus]=\"'fetching'\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n                                <ng-container *ngFor=\"let widget of stripsResultDataMap[key]?.loaderWidgets; trackBy: tracker\">\n                                <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n                              </ng-container>\n                            </sb-uic-horizontal-scroller-v2>\n                      </div>\n                     <ng-container *ngIf=\"tab?.pillsData && tab?.pillsData.length && tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]\">\n                      <div *ngIf=\"((tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus && tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus === 'done') &&\n                      (!tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets || !tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length))\">\n                      <ng-container *ngIf=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.value === 'inprogress'; else msgTemp\">\n                        <div class=\"w-full flex flex-col items-center justify-center\">\n                          <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.svg\">\n                          <div class=\"mat-subheading-1 text-center info-content\">{{ 'contentstripmultiple.getReadyForLearningAdventure' | translate }} -\n                            <a class=\"click-here\" [routerLink]=\"'/page/learn'\">{{ 'contentstripmultiple.clickHere' | translate }}</a> {{ 'contentstripmultiple.toEnrollNextCourse' | translate }}</div>\n                        </div>\n                      </ng-container>\n                      <ng-template #msgTemp>\n                        <div class=\"w-full flex flex-col items-center justify-center\">\n                          <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.png\">\n                          <div class=\"mat-subheading-1 text-center\">{{ translateLabels(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.nodataMsg, 'home') }}</div>\n                        </div>\n                      </ng-template>\n                      </div>\n                     </ng-container>\n                      <ng-container *ngIf=\"(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus === 'done' || tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length)\">\n                        <ng-container  *ngIf=\"!tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.tabLoading\">\n                          <sb-uic-horizontal-scroller-v2 [id]=\"key+'-scroller'\" [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [widgetsLength]=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length\"\n                            [loadStatus]=\"'done'\" [defaultMaxWidgets]=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.maxWidgets ||\n                            stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n                            <ng-container *ngFor=\"let widget of tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets| slice:0:(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.maxWidgets ||\n                            stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker\">\n                                <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n                            </ng-container>\n                          </sb-uic-horizontal-scroller-v2>\n                        </ng-container>\n                      </ng-container>\n                    </div>\n                  </mat-tab>\n                </mat-tab-group>\n              </ng-container>\n            </ng-container>\n          </div>\n        </div>\n      </a>\n\n    </ng-container>\n  </ng-container>\n</ng-template>",
-                styles: ["@charset \"UTF-8\";.facets-select{position:relative;display:inline-block;width:250px}.facets-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:25px;padding:10px 30px 10px 10px;font-size:16px;font-family:Arial,sans-serif;width:100%;height:100%;cursor:pointer}.facets-select:after{content:\"\u25BC\";position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none;font-size:14px;color:#555}::ng-deep mat-chip-list.content-pill-data .mat-chip-selected{background-color:#1b4ca1!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-selected .pill-name{color:#fff!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip{cursor:pointer!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background:#1b4ca1!important;color:#fff!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip.mat-standard-chip{background:#fff!important;border:1px solid rgba(0,0,0,.0784313725)!important}"]
+                template: "<ng-container *ngIf=\"!contentAvailable; else otherTemplate\"></ng-container>\n<ng-template #otherTemplate>\n  <!-- <div *ngIf=\"showParentLoader\" class=\"text-center my-2\">\n    <mat-spinner class=\"inline-block\"></mat-spinner>\n  </div> -->\n  <ng-container *ngIf=\"showParentError\" [sbUiResolverWidget]=\"widgetData.errorWidget\"></ng-container>\n  <ng-container *ngIf=\"showParentNoData\" [sbUiResolverWidget]=\"widgetData.noDataWidget\"></ng-container>\n  <ng-container *ngFor=\"let key of stripsKeyOrder; let i = index; trackBy: identify\">\n    <ng-container *ngIf=\"isStripShowing(stripsResultDataMap[key])\">\n      <a name=\"{{stripsResultDataMap[key]?.stripTitle}}\" [class]=\"key\">\n        <div *ngIf=\"stripsResultDataMap && (getLength(stripsResultDataMap[key]) ||\n                    stripsResultDataMap[key]?.showOnNoData ||\n                    stripsResultDataMap[key]?.showOnLoader ||\n                    stripsResultDataMap[key]?.showOnError)\n                  \" [ngClass]=\"\n                    !widgetData?.isChannelStrip ? 'xs:px-8 sx:px-10ss' : i > 0 ? 'mt-12' : ''\n                  \" [id]=\"key\" [ngClass]=\"!widgetData?.isChannelStrip ? margin-bottom-custom : margin-bottom-xs\">\n          <div [ngClass]=\"{ pad: stripsResultDataMap[key]?.stripBackground }\"\n            [ngStyle]=\"{ 'background-color': stripsResultDataMap[key]?.stripBackground }\">\n            <div class=\"flex flex-col pl-4 pr-4 md:pr-0 md:pl-0 \" [ngClass]=\"\n                        !widgetData?.isChannelStrip\n                          ? ''\n                          : stripsResultDataMap[key]?.stripTitle\n                          ? 'mb-8'\n                          : ''\n                      \">\n              <div class=\"flex flex-1 items-center\">\n                <p class=\"mat-subheading-1 margin-remove inline-block \" *ngIf=\"stripsResultDataMap[key]?.stripTitle\">\n                  <span class=\"capitalize\" *ngIf=\"stripsResultDataMap[key]?.disableTranslate\">\n                    {{stripsResultDataMap[key]?.stripTitle}}\n                  </span>\n                  <span *ngIf=\"!stripsResultDataMap[key]?.disableTranslate\">\n                    {{ translateLabels(stripsResultDataMap[key]?.stripTitle, 'home') }}\n                  </span>\n                </p>\n\n                <button *ngIf=\"stripsResultDataMap[key]?.stripInfo?.icon\" type=\"button\" mat-icon-button\n                  (click)=\"toggleInfo(stripsResultDataMap[key])\" i18n-matTooltip matTooltip=\"info\"\n                  class=\"margin-left-xs\">\n                  <mat-icon>{{ stripsResultDataMap[key]?.stripInfo?.icon.icon }}</mat-icon>\n                </button>\n                <a *ngIf=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n                  [routerLink]=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n                  [queryParams]=\"stripsResultDataMap[key]?.stripTitleLink?.link?.queryParams\">\n                  <mat-icon class=\"ws-mat-primary-primary-text ws-mat-default-text\" [color]=\"'accent'\">{{\n                    stripsResultDataMap[key]?.stripTitleLink?.icon }}</mat-icon>\n                </a>\n                <span class=\"spacer\"></span>\n                <!-- viewAll start-->\n                <div *ngIf=\"checkCondition(widgetData , stripsResultDataMap[key])\" class=\"block md:hidden\">\n                  <div \n                    class=\"ml-4 pl-2 view-more ws-mat-default-text  \">\n                    <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer\" \n                      (click)=\"raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )\">\n                      <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home')  || 'See all'}}</span>\n                      <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n                    </a>\n                  </div>\n                </div>\n                <!-- viewAll end-->\n              </div>\n              <button mat-icon-button (click)=\"setHiddenForStrip(key)\" *ngIf=\"stripsResultDataMap[key]?.canHideStrip\">\n                <mat-icon>close</mat-icon>\n              </button>\n              <mat-icon class=\"cursor-pointer\" *ngIf=\"stripsResultDataMap[key]?.mode === 'accordion' && isMobile\"\n                (click)=\"showAccordionData = !showAccordionData\">{{ showAccordionData ? 'expand_less' : 'expand_more' }}\n              </mat-icon>\n            </div>\n\n            <div class=\"mb-4\" *ngIf=\"checkVisible(stripsResultDataMap[key])\">\n              <ng-container [sbUiResolverWidget]=\"getdata(stripsResultDataMap[key])\">\n              </ng-container>\n            </div>\n            <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnNoData\"\n              [sbUiResolverWidget]=\"stripsResultDataMap[key]?.noDataWidget\"></ng-container>\n            <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnError\"\n              [sbUiResolverWidget]=\"stripsResultDataMap[key]?.errorWidget\"></ng-container>\n            <!-- IF no errors then proceed to show tabs or non tabs strip -->\n            <ng-container *ngIf=\"!stripsResultDataMap[key]?.showOnNoData && !stripsResultDataMap[key]?.showOnError\">\n              <ng-container *ngIf=\"stripsResultDataMap[key].tabs && stripsResultDataMap[key].tabs.length\">\n                <mat-tab-group animationDuration=\"0ms\" [selectedIndex]=\"getSelectedIndex(stripsResultDataMap[key], key)\"\n                class=\"mat-tab-labels w-full strips-tabgroup\" dynamicHeight\n                  (selectedTabChange)=\"tabClicked($event, 0, stripsResultDataMap[key], key)\">\n                  <mat-tab label=\"{{tab?.label}}\" *ngFor=\"let tab of stripsResultDataMap[key].tabs; let last = last;let tabIndex = index\">\n                    <ng-template mat-tab-label>\n                      <span><span *ngIf=\"!tab?.disableTranslate\">{{ translateLabels(tab?.label, 'home') }}</span>\n                      <span class=\"tab-highlight\" *ngIf=\"tab?.disableTranslate\">{{tab?.label}}</span> &nbsp;</span>\n                      <span *ngIf=\"tab?.showTabDataCount && tab?.widgets?.length\">({{tab?.widgets?.length}})</span>\n                    </ng-template>\n\n                    <div class=\"wfull\" *ngIf=\"tab?.pillsData && tab?.pillsData?.length\">\n                      <div class=\"flex justify-between item-center flex-wrap gap-4\">\n                        <div class=\"\">\n                          <ng-container *ngFor=\"let facet of tab?.facets\">\n                            <form [formGroup]=\"facetForm\">\n                            <div class=\"facets-select\">\n                              <select formControlName=\"org\" (change)=\"getorgData($event,  stripsResultDataMap[key], tabIndex)\">\n                                <option value=\"0\" selected disabled>Choose by organisation</option>\n                                <option value=\"{{d.name}}\" *ngFor=\"let d of facet.values\" >{{d.name}}</option>\n                              </select>\n                            </div>\n                          </form>\n                          </ng-container>\n                        </div>\n                        <div>\n                          <ng-container >\n                            <mat-chip-list  class=\"content-pill-data\" aria-label=\"Fish selection\">\n                                <ng-container *ngFor=\"let pill of tab?.pillsData;let p = index\">\n                                    <mat-chip [selected]=\"pill?.selected\" (click)=\"pillClicked($event, stripsResultDataMap[key], key, p, tabIndex)\">\n                                      <span class=\"pill-name\">{{pill?.label}}</span></mat-chip>\n                                </ng-container>\n                            </mat-chip-list>\n                          </ng-container>\n                        </div>\n                         <!-- viewAll start-->\n                          <div *ngIf=\"!stripsResultDataMap[key]?.hideViewMoreUrl && checkCondition(widgetData , stripsResultDataMap[key])\" class=\" hidden md:block\">\n                            <div  class=\"ml-4 pl-2 view-more ws-mat-default-text\">\n                              <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer\" \n                                (click)=\"raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )\">\n                                <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home')  || 'See all'}}</span>\n                                <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n                              </a>\n                            </div>\n                          </div>\n                            \n                          <!-- viewAll end-->\n                      </div>\n                      <div *ngIf=\"stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader ||\n                      !tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus\"\n                      class=\"text-center my-2\">\n                            <sb-uic-horizontal-scroller-v2 [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [id]=\"key+'-scroller'\"\n                                    [loadStatus]=\"'fetching'\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n                                <ng-container *ngFor=\"let widget of stripsResultDataMap[key]?.loaderWidgets; trackBy: tracker\">\n                                <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n                              </ng-container>\n                            </sb-uic-horizontal-scroller-v2>\n                      </div>\n                     <ng-container *ngIf=\"tab?.pillsData && tab?.pillsData.length && tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]\">\n                      <div *ngIf=\"((tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus && tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus === 'done') &&\n                      (!tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets || !tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length))\">\n                      <ng-container *ngIf=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.value === 'inprogress'; else msgTemp\">\n                        <div class=\"w-full flex flex-col items-center justify-center\">\n                          <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.svg\">\n                          <div class=\"mat-subheading-1 text-center info-content\">{{ 'contentstripmultiple.getReadyForLearningAdventure' | translate }} -\n                            <a class=\"click-here\" [routerLink]=\"'/page/learn'\">{{ 'contentstripmultiple.clickHere' | translate }}</a> {{ 'contentstripmultiple.toEnrollNextCourse' | translate }}</div>\n                        </div>\n                      </ng-container>\n                      <ng-template #msgTemp>\n                        <div class=\"w-full flex flex-col items-center justify-center\">\n                          <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.png\">\n                          <div class=\"mat-subheading-1 text-center\">{{ translateLabels(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.nodataMsg, 'home') }}</div>\n                        </div>\n                      </ng-template>\n                      </div>\n                     </ng-container>\n                      <ng-container *ngIf=\"(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus === 'done' || tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length)\">\n                        <ng-container  *ngIf=\"!tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.tabLoading\">\n                          <sb-uic-horizontal-scroller-v2 [id]=\"key+'-scroller'\" [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [widgetsLength]=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length\"\n                            [loadStatus]=\"'done'\" [defaultMaxWidgets]=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.maxWidgets ||\n                            stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n                            <ng-container *ngFor=\"let widget of tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets| slice:0:(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.maxWidgets ||\n                            stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker\">\n                                <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n                            </ng-container>\n                          </sb-uic-horizontal-scroller-v2>\n                        </ng-container>\n                      </ng-container>\n                    </div>\n                  </mat-tab>\n                </mat-tab-group>\n              </ng-container>\n            </ng-container>\n          </div>\n        </div>\n      </a>\n\n    </ng-container>\n  </ng-container>\n</ng-template>",
+                styles: ["@charset \"UTF-8\";.facets-select{position:relative;display:inline-block;width:250px}.facets-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:25px;padding:10px 30px 10px 10px;font-size:16px;font-family:Arial,sans-serif;width:100%;height:100%;cursor:pointer}.facets-select:after{content:\"\u25BC\";position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none;font-size:14px;color:#555}.tab-highlight{color:#1b4ca1!important;font-weight:700}::ng-deep mat-chip-list.content-pill-data .mat-chip-selected{background-color:#1b4ca1!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-selected .pill-name{color:#fff!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip{cursor:pointer!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background:#1b4ca1!important;color:#fff!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip.mat-standard-chip{background:#fff!important;border:1px solid rgba(0,0,0,.0784313725)!important}"]
             }] }
 ];
 /** @nocollapse */
 ContentStripFacetFilterComponent.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: ['environment',] }] },
-    { type: WidgetContentService },
+    { type: WidgetContentLibService },
     { type: LoggerService },
     { type: EventService },
     { type: ConfigurationsService$1 },
     { type: UtilityService },
     { type: Router },
-    { type: WidgetUserService },
+    { type: WidgetUserServiceLib },
     { type: TranslateService },
     { type: MultilingualTranslationsService },
     { type: FormBuilder }
@@ -13515,8 +13581,6 @@ if (false) {
     /** @type {?} */
     ContentStripFacetFilterComponent.prototype.todaysEvents;
     /** @type {?} */
-    ContentStripFacetFilterComponent.prototype.enrollmentMapData;
-    /** @type {?} */
     ContentStripFacetFilterComponent.prototype.facetForm;
     /**
      * @type {?}
@@ -14828,7 +14892,9 @@ class ContentStripWithTabsPillsComponent extends WidgetBaseComponent {
                 /** @type {?} */
                 let tabResults = [];
                 /** @type {?} */
-                const response = yield this.userSvc.fetchCbpPlanList().toPromise();
+                let userId = this.configSvc.userProfile.userId;
+                /** @type {?} */
+                const response = yield this.userSvc.fetchCbpPlanList(userId).toPromise();
                 if (response) {
                     courses = response;
                     if (strip.tabs && strip.tabs.length) {
@@ -15048,13 +15114,13 @@ ContentStripWithTabsPillsComponent.decorators = [
 /** @nocollapse */
 ContentStripWithTabsPillsComponent.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: ['environment',] }] },
-    { type: WidgetContentService },
+    { type: WidgetContentLibService },
     { type: LoggerService },
     { type: EventService },
     { type: ConfigurationsService$1 },
     { type: UtilityService },
     { type: Router },
-    { type: WidgetUserService },
+    { type: WidgetUserServiceLib },
     { type: TranslateService },
     { type: MultilingualTranslationsService }
 ];
@@ -15119,8 +15185,6 @@ if (false) {
     ContentStripWithTabsPillsComponent.prototype.enrollInterval;
     /** @type {?} */
     ContentStripWithTabsPillsComponent.prototype.todaysEvents;
-    /** @type {?} */
-    ContentStripWithTabsPillsComponent.prototype.enrollmentMapData;
     /**
      * @type {?}
      * @private
@@ -15843,7 +15907,7 @@ CompetencyPassbookComponent.decorators = [
 /** @nocollapse */
 CompetencyPassbookComponent.ctorParameters = () => [
     { type: ConfigurationsService$1 },
-    { type: WidgetContentService },
+    { type: WidgetContentLibService },
     { type: CompetencyPassbookService },
     { type: Router },
     { type: undefined, decorators: [{ type: Inject, args: ['environment',] }] }
@@ -16330,7 +16394,7 @@ CompetencyPassbookMdoComponent.decorators = [
 /** @nocollapse */
 CompetencyPassbookMdoComponent.ctorParameters = () => [
     { type: ConfigurationsService$1 },
-    { type: WidgetContentService },
+    { type: WidgetContentLibService },
     { type: CompetencyPassbookMdoService },
     { type: Router },
     { type: undefined, decorators: [{ type: Inject, args: ['environment',] }] }
@@ -17942,7 +18006,7 @@ class MdoLeaderboardComponent {
                  * @param {?} user
                  * @return {?}
                  */
-                user => (Object.assign({}, user, { children: [], selected: false }))));
+                user => (Object.assign({}, user, { children: [], selected: false })))).slice(0, 5);
             }
         }), (/**
          * @param {?} error
@@ -17969,7 +18033,7 @@ class MdoLeaderboardComponent {
          * @param {?} user
          * @return {?}
          */
-        user => (Object.assign({}, user, { children: [], selected: false }))));
+        user => (Object.assign({}, user, { children: [], selected: false })))).slice(0, 5);
         /** @type {?} */
         let nameStr = '';
         switch (name) {
@@ -18030,7 +18094,7 @@ class MdoLeaderboardComponent {
              * @param {?} user
              * @return {?}
              */
-            user => (Object.assign({}, user, { children: [] }))));
+            user => (Object.assign({}, user, { children: [] })))).slice(0, 5);
         }
         else {
             this.filteredData = this.result.mdoLeaderBoard
@@ -18043,7 +18107,7 @@ class MdoLeaderboardComponent {
              * @param {?} user
              * @return {?}
              */
-            user => (Object.assign({}, user, { children: [] }))));
+            user => (Object.assign({}, user, { children: [] })))).slice(0, 5);
         }
     }
     /**
@@ -18056,7 +18120,7 @@ class MdoLeaderboardComponent {
 MdoLeaderboardComponent.decorators = [
     { type: Component, args: [{
                 selector: 'sb-uic-mdo-leaderboard',
-                template: "<div class=\"mdo-leaderboard-container\">\n    <div class=\"flex l-title gap-2 items-center justify-between px-4 md:px-0 py-4 md:py-0\">\n        <div class=\"flex gap-2\">\n            {{object?.title}} <div><img [src]=\"object?.infoIcon\" alt=\"\" i18n-matTooltip [matTooltip]=\"object?.infoText\"></div>\n        </div>\n        <div class=\"block md:hidden\">\n            <mat-icon (click)=\"toggleWeekHightlits()\">expand_more</mat-icon>\n        </div>\n    </div>\n    <div class=\"flex item-center justify-center\" *ngIf=\"expand\">\n        <div class=\"flex fl-div\">\n            <div class=\"pointer\">\n                <span class=\"dot-dot\"></span>\n            </div>\n        </div>\n    </div>\n    <div class=\"l-content\" *ngIf=\"expand\">\n        <div class=\"horizontal-scroll-container\">\n            <div class=\"scroll-content\">\n                <span class=\"tab-title\"  [ngClass]=\"{'active' : currentTab === 'XL' }\" (click)=\"getTabData('XL')\">Greater than 50K</span>\n                <span class=\"tab-title\"  [ngClass]=\"{'active' : currentTab === 'L' }\" (click)=\"getTabData('L')\">10K-50K</span>\n                <span class=\"tab-title\"  [ngClass]=\"{'active' : currentTab === 'M' }\" (click)=\"getTabData('M')\">1K-10K</span>\n                <span class=\"tab-title\"  [ngClass]=\"{'active' : currentTab === 'S' }\" (click)=\"getTabData('S')\">500-1K</span>\n                <span class=\"tab-title\"  [ngClass]=\"{'active' : currentTab === 'XS' }\" (click)=\"getTabData('XS')\">Less than 500</span>\n            </div>\n        </div>\n        <div class=\"relative search-wrapper margin-top-m mb-5\">\n            <mat-icon matPrefix class=\"flex absolute items-center justify-center mr-2 icon-search\">search\n            </mat-icon>\n            <input type=\"search\" name=\"searchKey\" class=\"search-field\" i18-aria-label\n                aria-label=\"Search\" i18n-placeholder=\"search\"  [(ngModel)]=\"searchTerm\"\n                placeholder=\"Search your MDO\" (keyup)=\"handleSearchQuery($event)\" />\n        </div>\n        <div class=\"l-tab-data\">\n            <div *ngFor=\"let user of filteredData\">\n                <div class=\"flex flex-row item mb-5 gap-3 {{user.row_num === 1 ? 'relative' : ''}}\" >\n                    <div><img class=\"crown absolute\" src=\"assets/images/national-learning/rank-crown.svg\" *ngIf=\"user.row_num === 1\"/></div>\n                    <div class=\"{{getRank(user.row_num)}}\">{{user.row_num}}</div>\n                    <div class=\"w-full\">\n                        <div class=\"flex flex-between gap-2\">\n                            <div>\n                                <div class=\"rank-name\">{{user.org_name}}</div>\n                                <div class=\"rank-points flex mt-1 gap-1\">\n                                    <img class=\"nlw-kb\" src=\"assets/icons/home/karma-badge.svg\"/>\n                                    <div class=\"points\">{{user.total_points || 0 }} points</div>\n                                </div>\n                            </div>\n                            <div class=\"rank-crown\" *ngIf=\"[1,2,3].includes(user.row_num)\">\n                                <img class=\"nlw-animation\" [src]=\"getMedal(user.row_num)\"/>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"no-data px-1\" *ngIf=\"filteredData?.length === 0\">\n                No data found!\n            </div>\n        </div>\n    </div>\n</div>\n",
+                template: "<div class=\"mdo-leaderboard-container\">\n    <div class=\"flex l-title gap-2 items-center justify-between px-4 md:px-0 py-4 md:py-0\">\n        <div class=\"flex gap-2\">\n            {{object?.title}} <div><img [src]=\"object?.infoIcon\" alt=\"\" i18n-matTooltip [matTooltip]=\"object?.infoText\"></div>\n        </div>\n        <div class=\"block md:hidden\">\n            <mat-icon (click)=\"toggleWeekHightlits()\">expand_more</mat-icon>\n        </div>\n    </div>\n    <div class=\"flex item-center justify-center\" *ngIf=\"expand\">\n        <div class=\"flex fl-div\">\n            <div class=\"pointer\">\n                <span class=\"dot-dot\"></span>\n            </div>\n        </div>\n    </div>\n    <div class=\"l-content\" *ngIf=\"expand\">\n        <div class=\"horizontal-scroll-container\">\n            <div class=\"scroll-content\">\n                <span class=\"tab-title\"  [ngClass]=\"{'active' : currentTab === 'XL' }\" (click)=\"getTabData('XL')\">Greater than 50K</span>\n                <span class=\"tab-title\"  [ngClass]=\"{'active' : currentTab === 'L' }\" (click)=\"getTabData('L')\">10K-50K</span>\n                <span class=\"tab-title\"  [ngClass]=\"{'active' : currentTab === 'M' }\" (click)=\"getTabData('M')\">1K-10K</span>\n                <span class=\"tab-title\"  [ngClass]=\"{'active' : currentTab === 'S' }\" (click)=\"getTabData('S')\">500-1K</span>\n                <span class=\"tab-title\"  [ngClass]=\"{'active' : currentTab === 'XS' }\" (click)=\"getTabData('XS')\">Less than 500</span>\n            </div>\n        </div>\n        <div class=\"relative search-wrapper margin-top-m mb-5\">\n            <mat-icon matPrefix class=\"flex absolute items-center justify-center mr-2 icon-search\">search\n            </mat-icon>\n            <input type=\"search\" name=\"searchKey\" class=\"search-field\" i18-aria-label\n                aria-label=\"Search\" i18n-placeholder=\"search\"  [(ngModel)]=\"searchTerm\"\n                placeholder=\"Search your MDO\" (keyup)=\"handleSearchQuery($event)\" />\n        </div>\n        <div class=\"l-tab-data\">\n            <div *ngFor=\"let user of filteredData; let i = index\">\n                <div class=\"flex flex-row item mb-{{filteredData.length - 1 === i ? 0 : 5}} gap-3 {{user.row_num === 1 ? 'relative' : ''}}\" >\n                    <div><img class=\"crown absolute\" src=\"assets/images/national-learning/rank-crown.svg\" *ngIf=\"user.row_num === 1\"/></div>\n                    <div class=\"{{getRank(user.row_num)}}\">{{user.row_num}}</div>\n                    <div class=\"w-full\">\n                        <div class=\"flex flex-between gap-2\">\n                            <div>\n                                <div class=\"rank-name\">{{user.org_name}}</div>\n                                <div class=\"rank-points flex mt-1 gap-1\">\n                                    <img class=\"nlw-kb\" src=\"assets/icons/home/karma-badge.svg\"/>\n                                    <div class=\"points\">{{user.total_points || 0 }} points</div>\n                                </div>\n                            </div>\n                            <div class=\"rank-crown\" *ngIf=\"[1,2,3].includes(user.row_num)\">\n                                <img class=\"nlw-animation\" [src]=\"getMedal(user.row_num)\"/>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"no-data px-1\" *ngIf=\"filteredData?.length === 0\">\n                No data found!\n            </div>\n        </div>\n    </div>\n</div>\n",
                 styles: [".l-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.l-content{background-color:#e9eef6;border-radius:16px;padding:16px}.horizontal-scroll-container{overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;height:32px}.horizontal-scroll-container::-webkit-scrollbar{display:none}.scroll-content{display:inline-block}.tab-title{font-family:Lato;font-size:14px;line-height:16.8px;text-align:left;cursor:pointer;padding:0 15px 8px;border-bottom:2px solid #c3c3c3}.active{font-weight:700;border-bottom:2px solid #1b4ca1}.search-field{height:34px;padding:0 16px 0 40px;border-radius:52px;background:#fff;border:2px solid rgba(0,0,0,.0784313725);width:100%}.icon-search{top:10px;left:15px;height:15px;width:17px}.item{border-radius:12px;background-color:#fff;padding:16px;align-items:flex-start}.rank1{background:#ffca28;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank2{background:#1b4ca1;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;color:#fff}.rank3{background:#ff8228;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank0{font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;border:1px solid #c3c3c3}.rank-name{font-family:Montserrat;line-height:1.5em;font-size:16px;font-weight:600;text-align:left;align-items:center;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2}.rank-points{align-items:center}.nlw-kb{height:24px;width:24px}.points{font-family:Lato;font-size:14px;font-weight:600;line-height:16.8px;text-align:right}.crown{left:10px;top:0;width:36px;height:36px}.l-tab-data{height:520px;overflow:auto;padding-bottom:16px}.l-tab-data::-webkit-scrollbar{display:none}.pointer{margin-bottom:-59px;border-radius:41px;background:#c3c3c3;border:35px solid #e9eef6}.dot-dot{width:7px;display:flex;height:7px;background:#c3c3c3;margin-top:-25px;border-radius:10px}@media screen and (min-width:320px) and (max-width:769px){.mdo-leaderboard-container{background-color:#d1dbec}}"]
             }] }
 ];
@@ -18364,7 +18428,6 @@ class UserProgressComponent {
      * @return {?}
      */
     getUserProgress() {
-        debugger;
         this.insightSvc.fetchUserProgress().subscribe((/**
          * @param {?} res
          * @return {?}
@@ -18579,5 +18642,5 @@ NationalLearningModule.decorators = [
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { AnnouncementsModule, CalenderModule, CardsModule, CbpPlanModule, CommonMethodsService, CommonStripModule, CompetencyPassbookMdoModule, CompetencyPassbookModule, ConsumptionComponent, ConsumptionModule, ConsumptionService, ContentProgressModule, ContentStripFacetFilterModule, ContentStripWithTabsLibModule, ContentStripWithTabsPillsModule, DataPointsModule, DialogComponentsModule, EventsModule, HighlightsOfWeekModule, HttpLoaderFactory, HttpLoaderFactory1, KeyHighlightsModule, MDOChannelModule, MdoLeaderboardModule, MyHammerConfig, NationalLearningModule, ProvidersModule, ROOT_WIDGET_CONFIG, SlidersLibModule, SpeakersModule, TopLearnersModule, UserContentRatingLibModule, UserProgressModule, WIDGET_REGISTERED_LIB_MODULES, WIDGET_REGISTRATION_LIB_CONFIG, WidgetContentService, ContentStripWithTabsLibComponent as ɵa, WidgetUserService as ɵb, CardResourceComponent as ɵba, CardsComponent as ɵbb, CardPortraitComponent as ɵbc, CardUserComponent as ɵbd, CardLandscapeComponent as ɵbe, CardWideComponent as ɵbf, CardMDOChannelComponent as ɵbg, CardWideV2Component as ɵbh, CardKarmaProgramsComponent as ɵbi, CardKarmaProgramsV2Component as ɵbj, ProviderCardComponent as ɵbk, CardPortraitExtComponent as ɵbl, CardAssessmentComponent as ɵbm, CardProgressPortraitLibComponent as ɵbn, CertificateService as ɵbo, CardMdoChannelV1Component as ɵbp, PipePublicURLModule as ɵbq, PipePublicURL as ɵbr, ObjectToArrayPipeModule as ɵbs, ObjectToArrayPipe as ɵbt, DisplayContentTypeLibModule as ɵbu, DisplayContentTypeLibComponent as ɵbv, DefaultThumbnailModule as ɵbw, DefaultThumbnailDirective as ɵbx, PipeDurationTransformModule as ɵby, PipeDurationTransformPipe as ɵbz, MultilingualTranslationsService as ɵc, ContentProgressComponent as ɵca, CertificateDialogComponent as ɵcb, AvatarPhotoLibModule as ɵcc, AvatarPhotoLibComponent as ɵcd, ContentStripFacetFilterComponent as ɵce, ContentStripWithTabsPillsComponent as ɵcf, CompetencyPassbookComponent as ɵcg, CompetencyPassbookService as ɵch, PillsModule as ɵci, PillsComponent as ɵcj, CompetencyPassbookMdoComponent as ɵck, CompetencyPassbookMdoService as ɵcl, UserContentRatingLibComponent as ɵcm, RatingService as ɵcn, UserContentRatingLibService as ɵco, MdoChannelV1Component as ɵcp, MdoChannelV2Component as ɵcq, ProvidersV2Component as ɵcr, NationalLearningComponent as ɵcs, KeyHighlightsComponent as ɵct, EventsComponent as ɵcu, EventCardComponent as ɵcv, MdoLeaderboardComponent as ɵcw, HighlightsOfWeekComponent as ɵcx, SpeakersComponent as ɵcy, UserProgressComponent as ɵcz, ConfigurationsService as ɵd, HorizontalScrollerV2Module as ɵe, HorizontalScrollerV2Component as ɵf, SlidersLibComponent as ɵg, NavigationModule as ɵh, NavigationDirective as ɵi, ImageResponsiveModule as ɵj, ImageResponsiveDirective as ɵk, DataPointsComponent as ɵl, InsiteDataService as ɵm, SkeletonLoaderLibModule as ɵn, SkeletonLoaderLibComponent as ɵo, CalenderComponent as ɵp, CalenderDayComponent as ɵq, CommonStripComponent as ɵr, AnnouncementsComponent as ɵs, TopLearnersComponent as ɵt, CbpPlanComponent as ɵu, ScrollableItemDirective as ɵv, ScrollableItemModule as ɵw, MyHammerConfig$1 as ɵx, SlidersNgContentLibModule as ɵy, SlidersNgContentLibComponent as ɵz };
+export { AnnouncementsModule, CalenderModule, CardsModule, CbpPlanModule, CommonMethodsService, CommonStripModule, CompetencyPassbookMdoModule, CompetencyPassbookModule, ConsumptionComponent, ConsumptionModule, ConsumptionService, ContentProgressModule, ContentStripFacetFilterModule, ContentStripWithTabsLibModule, ContentStripWithTabsPillsModule, DataPointsModule, DialogComponentsModule, EventsModule, HighlightsOfWeekModule, HttpLoaderFactory, HttpLoaderFactory1, KeyHighlightsModule, MDOChannelModule, MdoLeaderboardModule, MyHammerConfig, NationalLearningModule, ProvidersModule, ROOT_WIDGET_CONFIG, SlidersLibModule, SpeakersModule, TopLearnersModule, UserContentRatingLibModule, UserProgressModule, WIDGET_REGISTERED_LIB_MODULES, WIDGET_REGISTRATION_LIB_CONFIG, WidgetContentLibService, WidgetUserServiceLib, ContentStripWithTabsLibComponent as ɵa, MultilingualTranslationsService as ɵb, CardsComponent as ɵba, CardPortraitComponent as ɵbb, CardUserComponent as ɵbc, CardLandscapeComponent as ɵbd, CardWideComponent as ɵbe, CardMDOChannelComponent as ɵbf, CardWideV2Component as ɵbg, CardKarmaProgramsComponent as ɵbh, CardKarmaProgramsV2Component as ɵbi, ProviderCardComponent as ɵbj, CardPortraitExtComponent as ɵbk, CardAssessmentComponent as ɵbl, CardProgressPortraitLibComponent as ɵbm, CertificateService as ɵbn, CardMdoChannelV1Component as ɵbo, PipePublicURLModule as ɵbp, PipePublicURL as ɵbq, ObjectToArrayPipeModule as ɵbr, ObjectToArrayPipe as ɵbs, DisplayContentTypeLibModule as ɵbt, DisplayContentTypeLibComponent as ɵbu, DefaultThumbnailModule as ɵbv, DefaultThumbnailDirective as ɵbw, PipeDurationTransformModule as ɵbx, PipeDurationTransformPipe as ɵby, ContentProgressComponent as ɵbz, ConfigurationsService as ɵc, CertificateDialogComponent as ɵca, AvatarPhotoLibModule as ɵcb, AvatarPhotoLibComponent as ɵcc, ContentStripFacetFilterComponent as ɵcd, ContentStripWithTabsPillsComponent as ɵce, CompetencyPassbookComponent as ɵcf, CompetencyPassbookService as ɵcg, PillsModule as ɵch, PillsComponent as ɵci, CompetencyPassbookMdoComponent as ɵcj, CompetencyPassbookMdoService as ɵck, UserContentRatingLibComponent as ɵcl, RatingService as ɵcm, UserContentRatingLibService as ɵcn, MdoChannelV1Component as ɵco, MdoChannelV2Component as ɵcp, ProvidersV2Component as ɵcq, NationalLearningComponent as ɵcr, KeyHighlightsComponent as ɵcs, EventsComponent as ɵct, EventCardComponent as ɵcu, MdoLeaderboardComponent as ɵcv, HighlightsOfWeekComponent as ɵcw, SpeakersComponent as ɵcx, UserProgressComponent as ɵcy, HorizontalScrollerV2Module as ɵd, HorizontalScrollerV2Component as ɵe, SlidersLibComponent as ɵf, NavigationModule as ɵg, NavigationDirective as ɵh, ImageResponsiveModule as ɵi, ImageResponsiveDirective as ɵj, DataPointsComponent as ɵk, InsiteDataService as ɵl, SkeletonLoaderLibModule as ɵm, SkeletonLoaderLibComponent as ɵn, CalenderComponent as ɵo, CalenderDayComponent as ɵp, CommonStripComponent as ɵq, AnnouncementsComponent as ɵr, TopLearnersComponent as ɵs, CbpPlanComponent as ɵt, ScrollableItemDirective as ɵu, ScrollableItemModule as ɵv, MyHammerConfig$1 as ɵw, SlidersNgContentLibModule as ɵx, SlidersNgContentLibComponent as ɵy, CardResourceComponent as ɵz };
 //# sourceMappingURL=sunbird-cb-consumption.js.map