@sunbird-cb/consumption 0.0.90 → 0.0.92

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;
 }
 
 /**
@@ -2586,696 +3219,156 @@ class MultilingualTranslationsService {
         nlabel = 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 {?} 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));
-            }
+            /** @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 {?}
      */
-    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
+     */
+    MultilingualTranslationsService.prototype.http;
     /**
      * @type {?}
      * @private
      */
-    WidgetUserService.prototype.http;
+    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,9 @@ class ContentStripWithTabsLibComponent extends WidgetBaseComponent {
                 return dateA - dateB;
             }));
             this.processStrip(strip, this.transformContentsToWidgets(filteredArray, strip), 'done', calculateParentStatus, viewMoreUrl);
-            clearInterval(this.enrollInterval);
+        }
+        else {
+            this.processStrip(strip, [], 'done', calculateParentStatus, viewMoreUrl);
         }
     }
     /**
@@ -4705,7 +4826,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 +4839,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 +5804,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 +5872,7 @@ if (false) {
     /** @type {?} */
     ContentStripWithTabsLibComponent.prototype.defaultMaxWidgets;
     /** @type {?} */
-    ContentStripWithTabsLibComponent.prototype.enrollInterval;
-    /** @type {?} */
     ContentStripWithTabsLibComponent.prototype.todaysEvents;
-    /** @type {?} */
-    ContentStripWithTabsLibComponent.prototype.enrollmentMapData;
     /**
      * @type {?}
      * @private
@@ -7702,12 +7794,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 +8899,6 @@ class CardsComponent extends WidgetBaseComponent {
         () => {
             this.getCbPlanData();
         }), 1000);
-        this.enrollInterval = setInterval((/**
-         * @return {?}
-         */
-        () => {
-            this.getEnrollmentData();
-            // tslint:disable-next-line
-        }), 1000);
     }
     /**
      * @return {?}
@@ -8876,15 +8961,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 +8972,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 +8997,6 @@ if (false) {
     CardsComponent.prototype.cbPlanMapData;
     /** @type {?} */
     CardsComponent.prototype.cbPlanInterval;
-    /** @type {?} */
-    CardsComponent.prototype.enrollInterval;
-    /** @type {?} */
-    CardsComponent.prototype.enrollmentMapData;
     /**
      * @type {?}
      * @private
@@ -9061,7 +9133,7 @@ CardPortraitComponent.ctorParameters = () => [
     { type: TranslateService },
     { type: MultilingualTranslationsService },
     { type: ConfigurationsService$1 },
-    { type: WidgetContentService }
+    { type: WidgetContentLibService }
 ];
 CardPortraitComponent.propDecorators = {
     widgetData: [{ type: Input }],
@@ -10080,7 +10152,7 @@ CardMDOChannelComponent.ctorParameters = () => [
     { type: TranslateService },
     { type: MultilingualTranslationsService$1 },
     { type: ConfigurationsService$1 },
-    { type: WidgetContentService },
+    { type: WidgetContentLibService },
     { type: Router }
 ];
 CardMDOChannelComponent.propDecorators = {
@@ -10413,7 +10485,7 @@ CardKarmaProgramsComponent.ctorParameters = () => [
     { type: TranslateService },
     { type: MultilingualTranslationsService$1 },
     { type: ConfigurationsService$1 },
-    { type: WidgetContentService },
+    { type: WidgetContentLibService },
     { type: Router }
 ];
 CardKarmaProgramsComponent.propDecorators = {
@@ -10809,7 +10881,7 @@ CardPortraitExtComponent.ctorParameters = () => [
     { type: TranslateService },
     { type: MultilingualTranslationsService },
     { type: ConfigurationsService$1 },
-    { type: WidgetContentService }
+    { type: WidgetContentLibService }
 ];
 CardPortraitExtComponent.propDecorators = {
     widgetData: [{ type: Input }],
@@ -10984,11 +11056,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 +11067,6 @@ if (false) {
     /** @type {?} */
     CardAssessmentComponent.prototype.widgetData;
     /** @type {?} */
-    CardAssessmentComponent.prototype.enrollmentMapData;
-    /** @type {?} */
     CardAssessmentComponent.prototype.contentData;
     /** @type {?} */
     CardAssessmentComponent.prototype.isCardLoading;
@@ -11484,7 +11553,7 @@ CardProgressPortraitLibComponent.ctorParameters = () => [
     { type: EventService },
     { type: MultilingualTranslationsService },
     { type: ConfigurationsService$1 },
-    { type: WidgetContentService },
+    { type: WidgetContentLibService },
     { type: CertificateService },
     { type: MatDialog }
 ];
@@ -11804,7 +11873,7 @@ CardMdoChannelV1Component.ctorParameters = () => [
     { type: TranslateService },
     { type: MultilingualTranslationsService$1 },
     { type: ConfigurationsService$1 },
-    { type: WidgetContentService },
+    { type: WidgetContentLibService },
     { type: Router }
 ];
 CardMdoChannelV1Component.propDecorators = {
@@ -13441,13 +13510,13 @@ ContentStripFacetFilterComponent.decorators = [
 /** @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 }
@@ -13514,8 +13583,6 @@ if (false) {
     /** @type {?} */
     ContentStripFacetFilterComponent.prototype.todaysEvents;
     /** @type {?} */
-    ContentStripFacetFilterComponent.prototype.enrollmentMapData;
-    /** @type {?} */
     ContentStripFacetFilterComponent.prototype.facetForm;
     /**
      * @type {?}
@@ -14827,7 +14894,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) {
@@ -14862,6 +14931,9 @@ class ContentStripWithTabsPillsComponent extends WidgetBaseComponent {
                         this.processStrip(strip, this.transformContentsToWidgets(courses, strip), 'done', calculateParentStatus, 'viewMoreUrl');
                     }
                 }
+                else {
+                    this.processStrip(strip, this.transformContentsToWidgets(courses, strip), 'done', calculateParentStatus, '', tabResults);
+                }
                 clearInterval(this.enrollInterval);
             }
         });
@@ -15047,13 +15119,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 }
 ];
@@ -15118,8 +15190,6 @@ if (false) {
     ContentStripWithTabsPillsComponent.prototype.enrollInterval;
     /** @type {?} */
     ContentStripWithTabsPillsComponent.prototype.todaysEvents;
-    /** @type {?} */
-    ContentStripWithTabsPillsComponent.prototype.enrollmentMapData;
     /**
      * @type {?}
      * @private
@@ -15842,7 +15912,7 @@ CompetencyPassbookComponent.decorators = [
 /** @nocollapse */
 CompetencyPassbookComponent.ctorParameters = () => [
     { type: ConfigurationsService$1 },
-    { type: WidgetContentService },
+    { type: WidgetContentLibService },
     { type: CompetencyPassbookService },
     { type: Router },
     { type: undefined, decorators: [{ type: Inject, args: ['environment',] }] }
@@ -16329,7 +16399,7 @@ CompetencyPassbookMdoComponent.decorators = [
 /** @nocollapse */
 CompetencyPassbookMdoComponent.ctorParameters = () => [
     { type: ConfigurationsService$1 },
-    { type: WidgetContentService },
+    { type: WidgetContentLibService },
     { type: CompetencyPassbookMdoService },
     { type: Router },
     { type: undefined, decorators: [{ type: Inject, args: ['environment',] }] }
@@ -17008,7 +17078,7 @@ class MdoChannelV2Component {
 MdoChannelV2Component.decorators = [
     { type: Component, args: [{
                 selector: 'sb-uic-mdo-channel-v2',
-                template: "<ws-widget-btn-page-back [widgetData]=\"{ url: 'home', titles: titles }\">\n</ws-widget-btn-page-back>\n\n<div class=\"container-fluid\" id=\"section-micro-sites\">\n    <div class=\"flex flex-col flex-1\">\n        <ng-container *ngIf=\"sectionList?.length\">\n            <ng-container *ngFor=\"let section of sectionList\">\n                <ng-container *ngIf=\"section?.enabled\">\n                    <section id=\"{{section?.key}}\" class=\"w-full grid grid-cols-12 gap-4\" [ngClass]=\"{'container': section.wrapperClass}\">\n                        <ng-container *ngFor=\"let column of section.column\">\n                            <div id=\"{{column?.key}}\" class=\"col-span-{{column.colspan || 12}} \">\n                                <ng-container *ngIf=\"column?.enabled\" [ngSwitch]=\"column?.key\">\n                                    <ng-container *ngSwitchCase=\"'topSection'\" [ngTemplateOutlet]=\"topSection\"\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n                                    <ng-container *ngSwitchCase=\"'topLearners'\" [ngTemplateOutlet]=\"topLearners\"\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n                                    <ng-container *ngSwitchCase=\"'mainContent'\" [ngTemplateOutlet]=\"mainContent\"\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n                                </ng-container>\n                            </div>\n                        </ng-container>\n                    </section>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n\n<ng-template #topSection let-data=\"data\">\n    <!-- top section desktop layout -->\n    <div class=\"hidden md:block\">\n        <div class=\"web-banner-background\">\n            <div class=\"flex  items-center justify-center\">\n                <div class=\"container\">\n                    <div class=\"flex sticky-logo-square\" [style.width]=\"stripWidth\">\n                    </div>\n                    <div class=\"grid grid-cols-12 gap-4 padding-top-xxxl mb-10\">\n                        <div class=\"col-span-12 md:col-span-6\">\n                            <div class=\"flex-1 flex flex-col mr-4 ws-mat-black-text\">\n                                <div class=\"\">\n                                    <div class=\"flex items-center logo-square \">\n                                        <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.logo\">\n                                    </div>\n                                    <h1  class=\" txt-ellipsis-2 break-words pt-10\"\n                                        [style.color]=\"data.titleColor\">{{data.title || channnelName}}</h1>\n                                    <p class=\"mat-body-1\" [style.color]=\"data.descriptionColor\">\n                                        {{data?.description | slice:0:descriptionMaxLength}}\n                                        <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n                                    </p>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"col-span-12 md:col-span-6\">\n                            <div class=\"slider slider-box\" *ngIf=\"data.sliderData && data.sliderData.sliders\">\n                                <sb-uic-sliders [widgetData]=\"data.sliderData.sliders\" [styleData]=\"data.sliderData.styleData\" ></sb-uic-sliders>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        \n    </div>\n    <!-- top section m-site layout -->\n    <div class=\"block md:hidden\">\n        <div class=\"col-span-12\">\n            <div class=\"slider slider-box\" *ngIf=\"data.sliderData && data.sliderData.sliders\">\n                <sb-uic-sliders [widgetData]=\"data.sliderData.sliders\" [styleData]=\"data.sliderData.styleData\" ></sb-uic-sliders>\n            </div>\n        </div>\n        <div class=\"container px-4 flex flex-col mob-container\">\n            <div class=\"mr-4 logo-box-container\">\n                <div class=\"flex logo-box-square top mr-4\">\n                    <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.logo\">\n                </div>\n            </div>\n            <div class=\"w-full md:w-9/12 flex-1 flex flex-col\">\n                <h1 class=\" txt-ellipsis-2 break-words\">{{data?.title || channnelName}}</h1>\n                <p class=\"mat-body-2\">\n                    {{data?.description | slice:0:descriptionMaxLength}}\n                    <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n                </p>\n            </div>\n        </div>\n    </div>\n    <div class=\"flex items-center justify-center\">\n        <div class=\"container metrics-section\" >\n            <div class=\"hidden md:block\">\n                <div class=\"metrics\"\n                    [ngStyle]=\"{'background': data?.metrics?.background}\">\n                    <sb-uic-data-points\n                        [providerId]=\"orgId\"\n                        [fetchDataFromApi]=\"true\"\n                        [objectData]=\"data?.metrics?.data\"\n                        [layoutType]=\"'singleFlexeRow'\"\n                        [pageLayout]=\"'mdo'\">\n                    </sb-uic-data-points>\n                </div>\n            </div>\n            <div class=\"block md:hidden  pt-14 px-4\">\n                <div class=\"mob-metrics mob-metrics-sec\">\n                    <sb-uic-data-points\n                        [providerId]=\"orgId\"\n                        [fetchDataFromApi]=\"true\"\n                        [objectData]=\"data?.metrics?.data\"\n                        [layoutType]=\"'singleRow'\"\n                        [pageLayout]=\"'mdo'\">\n                    </sb-uic-data-points>\n                </div>\n                \n            </div>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #mainContent let-data=\"data\">\n    <div class=\"flex items-center justify-center\" [ngStyle]=\"{'background': data.background}\">\n        <div class=\"container\">\n            <div class=\"block md:hidden col-span-12 padding-left-m padding-right-m padding-top-m padding-bottom-m\">\n                <sb-uic-cbp-plan\n                    [layoutType]=\"'web'\"\n                    [mobileHeight]=\"false\"\n                    [fetchDataFromApi]=\"true\"\n                    [channelId]=\"orgId\"\n                    [objectData]=\"data?.cbpPlanSection?.data\">\n                </sb-uic-cbp-plan>\n            </div>\n            <div class=\"block md:hidden col-span-12 mt-6\">\n                <sb-uic-announcements\n                    [layoutType]=\"'mobile'\"\n                    (openDialog)=\"triggerOpenDialog($event)\"\n                    [objectData]=\"data?.announcementSection?.data\"\n                    [fetchDataFromApi]=\"false\"\n                    [channelId]=\"orgId\">\n                </sb-uic-announcements>\n                <div class=\"announcements-container\" *ngIf=\"showModal\">\n                    <div class=\"cursor-pointer close-share-dialog\">\n                        <mat-icon (click)=\"onClose()\" class=\"close-icon\">close</mat-icon>\n                    </div>\n                    <div class=\"share-modal px-3 pt-8\">\n                        <sb-uic-announcements\n                            [layoutType]=\"'web'\"\n                            (openDialog)=\"triggerOpenDialog($event)\"\n                            [objectData]=\"data?.announcementSection?.data\"\n                            [mobileHeight]=\"true\"\n                            [fetchDataFromApi]=\"true\"\n                            [channelId]=\"orgId\">\n                        </sb-uic-announcements>\n                    </div>\n                </div>\n            </div>\n            <div class=\"grid grid-cols-12 gap-4 padding-top-m mb-6\">\n                <div class=\"col-span-12 md:col-span-{{data.tabSection.colspan}}\">\n                    <!-- Tabs Section -->\n                    <mat-tab-group animationDuration=\"0ms\" class=\"mat-tab-labels mytabs w-full \"\n                        [selectedIndex]=\"selectedIndex\" (selectedTabChange)=\"selectedIndex = $event.index; tabClicked($event)\">\n                        <mat-tab label=\"Content\" >\n                            <ng-template mat-tab-label i18n>\n                                Learn\n                            </ng-template>\n                            <ng-container *ngIf=\"data.tabSection.contentTab.length === contentTabEmptyResponseCount\">\n                                <div class=\"flex justify-center w-full\">\n                                    <div class=\"margin-xl text-center\" >\n                                        <img src=\"/assets/common/error-pages/empty_search.svg\" wsUtilsImageResponsive alt=\"No results\"\n                                            class=\"margin-top-l margin-bottom-s\">\n                                        <h2 class=\"mat-h2\" i18n=\"search route no result\">{{'learnsearch.noResults' | translate}}</h2>\n                                    </div>\n                                </div>\n                            </ng-container>\n                            <div class=\"padding-top-l \">\n                                <ng-container [ngTemplateOutlet]=\"columnSectionDisplay\"\n                                    [ngTemplateOutletContext]=\"{data: data.tabSection.contentTab}\"></ng-container>\n                            </div>\n                        </mat-tab>\n                        <mat-tab label=\"Core Areas\">\n                            <ng-template mat-tab-label i18n>\n                                Competency\n                            </ng-template>\n                            <div>\n                                <ng-container [ngTemplateOutlet]=\"columnSectionDisplay\"\n                                    [ngTemplateOutletContext]=\"{data: data.tabSection.coreAreasTab}\"></ng-container>\n                            </div>\n                        </mat-tab>\n                    </mat-tab-group>\n                </div>\n                <div class=\"col-span-12 md:col-span-4\">\n                    <div class=\"hidden md:block padding-top-xl padding-bottom-m\"\n                        *ngIf=\"data?.cbpPlanSection?.data\">\n                        <div class=\"pt-4\">\n                            <sb-uic-cbp-plan\n                                [layoutType]=\"'web'\"\n                                [mobileHeight]=\"false\"\n                                [fetchDataFromApi]=\"true\"\n                                [channelId]=\"orgId\"\n                                [objectData]=\"data?.cbpPlanSection?.data\">\n                            </sb-uic-cbp-plan>\n                        </div>                    \n                    </div>\n                    <div class=\"hidden md:block\" \n                    *ngIf=\"data?.announcementSection?.data\">\n                    <div class=\"pt-4\">\n                        <sb-uic-announcements\n                            [layoutType]=\"'web'\"\n                            [mobileHeight]=\"false\"\n                            [fetchDataFromApi]=\"true\"\n                            [channelId]=\"orgId\"\n                            [objectData]=\"data?.announcementSection?.data\">\n                        </sb-uic-announcements>\n                    </div>                    \n                </div>\n                </div>               \n            </div>\n        </div>\n    </div>\n</ng-template>\n<!-- \n<ng-template #announcement let-data=\"data\">\n    <div class=\"flex  items-center justify-center\" [ngStyle]=\"{'background': data.background}\">\n        <div class=\"w-full\">\n            Announcement Section -->\n            <!-- <h1>Announcement</h1>\n        </div>\n    </div>\n</ng-template> -->\n\n\n<ng-template #columnSectionDisplay  let-data=\"data\">\n    <ng-container *ngIf=\"data?.length\">\n        <ng-container *ngFor=\"let section of data\">\n            <ng-container *ngIf=\"section?.enabled\">\n                <section id=\"{{section?.key}}\" class=\"w-full grid grid-cols-12 gap-4\" [ngClass]=\"{'container': section.wrapperClass}\">\n                    <ng-container *ngFor=\"let column of section.column\">\n                        <div id=\"{{column?.key}}\" class=\"col-span-{{column.colspan || 12}} \">\n                            <ng-container *ngIf=\"column?.enabled\" [ngSwitch]=\"column?.key\">\n                                <ng-container *ngSwitchCase=\"'competency'\" [ngTemplateOutlet]=\"competency\"\n                                [ngTemplateOutletContext]=\"{competency: column}\"></ng-container>\n                                <ng-container *ngSwitchCase=\"'contentRecommendedProgramStrip'\" [ngTemplateOutlet]=\"contentStripTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }\"></ng-container>\n                                <ng-container *ngSwitchCase=\"'contentRecommendedCoursesStrip'\" [ngTemplateOutlet]=\"contentStripTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }\"></ng-container>\n                                <ng-container *ngSwitchCase=\"'contentFeaturedStrip'\" [ngTemplateOutlet]=\"contentStripTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }\"></ng-container>\n                                <ng-container *ngSwitchCase=\"'contentcertificationsOfWeekStrip'\" [ngTemplateOutlet]=\"contentStripTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }\"></ng-container>\n                            </ng-container>\n                        </div>\n                    </ng-container>\n                </section>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</ng-template>\n\n\n<!-- Start Competencies -->\n<ng-template #competency let-competency=\"competency\">\n    <div class=\"padding-top-l padding-bottom-l relative\"  [style.background]=\"competency?.background\" *ngIf=\"!hideCompetencyBlock;else noData\">\n        <div class=\"w-full container-balanced\">\n            <p class=\"mat-body-1 pl-5 pr-4 md:pl-0 md:pr-0\">This section shows the list of top competencies users in this MDO are learning, based on the courses they've completed and enrolled in.</p>\n            <div class=\"pl-4 pr-4 md:pl-0 md:pr-0\">\n                <sb-uic-competency-passbook-mdo\n                    [dynamicColor]=\"'#999999'\"\n                    [dynamicAlignPills]=\"'start'\"\n                    [cardDisplayCount]=\"2\"\n                    (emptyResponse)=\"hideCompetency($event)\"\n                    (temeletryResponse)=\"raiseCompetencyTelemetry($event)\"\n                    [objectData]=\"competency\"\n                    [providerId]=\"orgId\"\n                    >\n                </sb-uic-competency-passbook-mdo>\n            </div>\n        </div>\n        <!-- <img class=\"absolute comp-back-img\" src=\"assets/icons/microsite/competency.svg\" alt=\"\"> -->\n    </div>\n</ng-template>\n<!-- End Competencies -->\n{{contentTabEmptyResponseCount}}hiiii\n<ng-template #contentStripTemplate let-data=\"data\">\n    <ng-container *ngIf=\"!data?.contentStrip?.hideSection\">\n        <div class=\"flex mb-8\">\n            <div class=\"w-full\">\n                <sb-uic-content-strip-with-tabs\n                    [emitViewAll]=\"true\"\n                    (viewAllResponse)=\"showAllContent($event, data)\"\n                    (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n                    (emptyResponse)=\"hideContentStrip($event, data)\"\n                    [providerId]=\"orgId\"\n                    [widgetData]=\"data?.contentStrip\"\n                    [channnelName]=\"channnelName\"\n                    >\n                </sb-uic-content-strip-with-tabs>\n            </div>\n        </div>\n    </ng-container>\n</ng-template>\n\n<ng-template #noData>\n        <div class=\"flex justify-center w-full\">\n            <div class=\"margin-xl text-center\" >\n                <img src=\"/assets/common/error-pages/empty_search.svg\" wsUtilsImageResponsive alt=\"No results\"\n                    class=\"margin-top-l margin-bottom-s\">\n                <h2 class=\"mat-h2\" i18n=\"search route no result\">{{'learnsearch.noResults' | translate}}</h2>\n            </div>\n        </div>\n</ng-template>\n\n<ng-template #topLearners let-data=\"data\">\n    <div class=\"flex items-center justify-center\">\n        <div class=\"container top-learners margin-bottom-l margin-top-l\">\n            <sb-uic-top-learners\n                [objectData]=\"data\"\n                [channnelName]=\"channnelName\"\n                [channelId]=\"orgId\">\n            </sb-uic-top-learners>\n        </div>\n    </div>\n</ng-template>",
+                template: "<ws-widget-btn-page-back [widgetData]=\"{ url: 'home', titles: titles }\">\n</ws-widget-btn-page-back>\n\n<div class=\"container-fluid\" id=\"section-micro-sites\">\n    <div class=\"flex flex-col flex-1\">\n        <ng-container *ngIf=\"sectionList?.length\">\n            <ng-container *ngFor=\"let section of sectionList\">\n                <ng-container *ngIf=\"section?.enabled\">\n                    <section id=\"{{section?.key}}\" class=\"w-full grid grid-cols-12 gap-4\" [ngClass]=\"{'container': section.wrapperClass}\">\n                        <ng-container *ngFor=\"let column of section.column\">\n                            <div id=\"{{column?.key}}\" class=\"col-span-{{column.colspan || 12}} \">\n                                <ng-container *ngIf=\"column?.enabled\" [ngSwitch]=\"column?.key\">\n                                    <ng-container *ngSwitchCase=\"'topSection'\" [ngTemplateOutlet]=\"topSection\"\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n                                    <ng-container *ngSwitchCase=\"'topLearners'\" [ngTemplateOutlet]=\"topLearners\"\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n                                    <ng-container *ngSwitchCase=\"'mainContent'\" [ngTemplateOutlet]=\"mainContent\"\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n                                </ng-container>\n                            </div>\n                        </ng-container>\n                    </section>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n\n<ng-template #topSection let-data=\"data\">\n    <!-- top section desktop layout -->\n    <div class=\"hidden md:block\">\n        <div class=\"web-banner-background\">\n            <div class=\"flex  items-center justify-center\">\n                <div class=\"container\">\n                    <div class=\"flex sticky-logo-square\" [style.width]=\"stripWidth\">\n                    </div>\n                    <div class=\"grid grid-cols-12 gap-4 padding-top-xxxl mb-10\">\n                        <div class=\"col-span-12 md:col-span-6\">\n                            <div class=\"flex-1 flex flex-col mr-4 ws-mat-black-text\">\n                                <div class=\"\">\n                                    <div class=\"flex items-center logo-square \">\n                                        <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.logo\">\n                                    </div>\n                                    <h1  class=\" txt-ellipsis-2 break-words pt-10\"\n                                        [style.color]=\"data.titleColor\">{{data.title || channnelName}}</h1>\n                                    <p class=\"mat-body-1\" [style.color]=\"data.descriptionColor\">\n                                        {{data?.description | slice:0:descriptionMaxLength}}\n                                        <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n                                    </p>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"col-span-12 md:col-span-6\">\n                            <div class=\"slider slider-box\" *ngIf=\"data.sliderData && data.sliderData.sliders\">\n                                <sb-uic-sliders [widgetData]=\"data.sliderData.sliders\" [styleData]=\"data.sliderData.styleData\" ></sb-uic-sliders>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        \n    </div>\n    <!-- top section m-site layout -->\n    <div class=\"block md:hidden\">\n        <div class=\"col-span-12\">\n            <div class=\"slider slider-box\" *ngIf=\"data.sliderData && data.sliderData.sliders\">\n                <sb-uic-sliders [widgetData]=\"data.sliderData.sliders\" [styleData]=\"data.sliderData.styleData\" ></sb-uic-sliders>\n            </div>\n        </div>\n        <div class=\"container px-4 flex flex-col mob-container\">\n            <div class=\"mr-4 logo-box-container\">\n                <div class=\"flex logo-box-square top mr-4\">\n                    <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.logo\">\n                </div>\n            </div>\n            <div class=\"w-full md:w-9/12 flex-1 flex flex-col\">\n                <h1 class=\" txt-ellipsis-2 break-words\">{{data?.title || channnelName}}</h1>\n                <p class=\"mat-body-2\">\n                    {{data?.description | slice:0:descriptionMaxLength}}\n                    <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n                </p>\n            </div>\n        </div>\n    </div>\n    <div class=\"flex items-center justify-center\">\n        <div class=\"container metrics-section\" >\n            <div class=\"hidden md:block\">\n                <div class=\"metrics\"\n                    [ngStyle]=\"{'background': data?.metrics?.background}\">\n                    <sb-uic-data-points\n                        [providerId]=\"orgId\"\n                        [fetchDataFromApi]=\"true\"\n                        [objectData]=\"data?.metrics?.data\"\n                        [layoutType]=\"'singleFlexeRow'\"\n                        [pageLayout]=\"'mdo'\">\n                    </sb-uic-data-points>\n                </div>\n            </div>\n            <div class=\"block md:hidden  pt-14 px-4\">\n                <div class=\"mob-metrics mob-metrics-sec\">\n                    <sb-uic-data-points\n                        [providerId]=\"orgId\"\n                        [fetchDataFromApi]=\"true\"\n                        [objectData]=\"data?.metrics?.data\"\n                        [layoutType]=\"'singleRow'\"\n                        [pageLayout]=\"'mdo'\">\n                    </sb-uic-data-points>\n                </div>\n                \n            </div>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #mainContent let-data=\"data\">\n    <div class=\"flex items-center justify-center\" [ngStyle]=\"{'background': data.background}\">\n        <div class=\"container\">\n            <div class=\"block md:hidden col-span-12 padding-left-m padding-right-m padding-top-m padding-bottom-m\">\n                <sb-uic-cbp-plan\n                    [layoutType]=\"'web'\"\n                    [mobileHeight]=\"false\"\n                    [fetchDataFromApi]=\"true\"\n                    [channelId]=\"orgId\"\n                    [objectData]=\"data?.cbpPlanSection?.data\">\n                </sb-uic-cbp-plan>\n            </div>\n            <div class=\"block md:hidden col-span-12 mt-6\">\n                <sb-uic-announcements\n                    [layoutType]=\"'mobile'\"\n                    (openDialog)=\"triggerOpenDialog($event)\"\n                    [objectData]=\"data?.announcementSection?.data\"\n                    [fetchDataFromApi]=\"false\"\n                    [channelId]=\"orgId\">\n                </sb-uic-announcements>\n                <div class=\"announcements-container\" *ngIf=\"showModal\">\n                    <div class=\"cursor-pointer close-share-dialog\">\n                        <mat-icon (click)=\"onClose()\" class=\"close-icon\">close</mat-icon>\n                    </div>\n                    <div class=\"share-modal px-3 pt-8\">\n                        <sb-uic-announcements\n                            [layoutType]=\"'web'\"\n                            (openDialog)=\"triggerOpenDialog($event)\"\n                            [objectData]=\"data?.announcementSection?.data\"\n                            [mobileHeight]=\"true\"\n                            [fetchDataFromApi]=\"true\"\n                            [channelId]=\"orgId\">\n                        </sb-uic-announcements>\n                    </div>\n                </div>\n            </div>\n            <div class=\"grid grid-cols-12 gap-4 padding-top-m mb-6\">\n                <div class=\"col-span-12 md:col-span-{{data.tabSection.colspan}}\">\n                    <!-- Tabs Section -->\n                    <mat-tab-group animationDuration=\"0ms\" class=\"mat-tab-labels mytabs w-full \"\n                        [selectedIndex]=\"selectedIndex\" (selectedTabChange)=\"selectedIndex = $event.index; tabClicked($event)\">\n                        <mat-tab label=\"Content\" >\n                            <ng-template mat-tab-label i18n>\n                                Learn\n                            </ng-template>\n                            <ng-container *ngIf=\"data.tabSection.contentTab.length === contentTabEmptyResponseCount\">\n                                <div class=\"flex justify-center w-full\">\n                                    <div class=\"margin-xl text-center\" >\n                                        <img src=\"/assets/common/error-pages/empty_search.svg\" wsUtilsImageResponsive alt=\"No results\"\n                                            class=\"margin-top-l margin-bottom-s\">\n                                        <h2 class=\"mat-h2\" i18n=\"search route no result\">{{'learnsearch.noResults' | translate}}</h2>\n                                    </div>\n                                </div>\n                            </ng-container>\n                            <div class=\"padding-top-l \">\n                                <ng-container [ngTemplateOutlet]=\"columnSectionDisplay\"\n                                    [ngTemplateOutletContext]=\"{data: data.tabSection.contentTab}\"></ng-container>\n                            </div>\n                        </mat-tab>\n                        <mat-tab label=\"Core Areas\">\n                            <ng-template mat-tab-label i18n>\n                                Competency\n                            </ng-template>\n                            <div>\n                                <ng-container [ngTemplateOutlet]=\"columnSectionDisplay\"\n                                    [ngTemplateOutletContext]=\"{data: data.tabSection.coreAreasTab}\"></ng-container>\n                            </div>\n                        </mat-tab>\n                    </mat-tab-group>\n                </div>\n                <div class=\"col-span-12 md:col-span-4\">\n                    <div class=\"hidden md:block padding-top-xl padding-bottom-m\"\n                        *ngIf=\"data?.cbpPlanSection?.data\">\n                        <div class=\"pt-4\">\n                            <sb-uic-cbp-plan\n                                [layoutType]=\"'web'\"\n                                [mobileHeight]=\"false\"\n                                [fetchDataFromApi]=\"true\"\n                                [channelId]=\"orgId\"\n                                [objectData]=\"data?.cbpPlanSection?.data\">\n                            </sb-uic-cbp-plan>\n                        </div>                    \n                    </div>\n                    <div class=\"hidden md:block\" \n                    *ngIf=\"data?.announcementSection?.data\">\n                    <div class=\"pt-4\">\n                        <sb-uic-announcements\n                            [layoutType]=\"'web'\"\n                            [mobileHeight]=\"false\"\n                            [fetchDataFromApi]=\"true\"\n                            [channelId]=\"orgId\"\n                            [objectData]=\"data?.announcementSection?.data\">\n                        </sb-uic-announcements>\n                    </div>                    \n                </div>\n                </div>               \n            </div>\n        </div>\n    </div>\n</ng-template>\n<!-- \n<ng-template #announcement let-data=\"data\">\n    <div class=\"flex  items-center justify-center\" [ngStyle]=\"{'background': data.background}\">\n        <div class=\"w-full\">\n            Announcement Section -->\n            <!-- <h1>Announcement</h1>\n        </div>\n    </div>\n</ng-template> -->\n\n\n<ng-template #columnSectionDisplay  let-data=\"data\">\n    <ng-container *ngIf=\"data?.length\">\n        <ng-container *ngFor=\"let section of data\">\n            <ng-container *ngIf=\"section?.enabled\">\n                <section id=\"{{section?.key}}\" class=\"w-full grid grid-cols-12 gap-4\" [ngClass]=\"{'container': section.wrapperClass}\">\n                    <ng-container *ngFor=\"let column of section.column\">\n                        <div id=\"{{column?.key}}\" class=\"col-span-{{column.colspan || 12}} \">\n                            <ng-container *ngIf=\"column?.enabled\" [ngSwitch]=\"column?.key\">\n                                <ng-container *ngSwitchCase=\"'competency'\" [ngTemplateOutlet]=\"competency\"\n                                [ngTemplateOutletContext]=\"{competency: column}\"></ng-container>\n                                <ng-container *ngSwitchCase=\"'contentRecommendedProgramStrip'\" [ngTemplateOutlet]=\"contentStripTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }\"></ng-container>\n                                <ng-container *ngSwitchCase=\"'contentRecommendedCoursesStrip'\" [ngTemplateOutlet]=\"contentStripTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }\"></ng-container>\n                                <ng-container *ngSwitchCase=\"'contentFeaturedStrip'\" [ngTemplateOutlet]=\"contentStripTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }\"></ng-container>\n                                <ng-container *ngSwitchCase=\"'contentcertificationsOfWeekStrip'\" [ngTemplateOutlet]=\"contentStripTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }\"></ng-container>\n                            </ng-container>\n                        </div>\n                    </ng-container>\n                </section>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</ng-template>\n\n\n<!-- Start Competencies -->\n<ng-template #competency let-competency=\"competency\">\n    <div class=\"padding-top-l padding-bottom-l relative\"  [style.background]=\"competency?.background\" *ngIf=\"!hideCompetencyBlock;else noData\">\n        <div class=\"w-full container-balanced\">\n            <p class=\"mat-body-1 pl-5 pr-4 md:pl-0 md:pr-0\">This section shows the list of top competencies users in this MDO are learning, based on the courses they've completed and enrolled in.</p>\n            <div class=\"pl-4 pr-4 md:pl-0 md:pr-0\">\n                <sb-uic-competency-passbook-mdo\n                    [dynamicColor]=\"'#999999'\"\n                    [dynamicAlignPills]=\"'start'\"\n                    [cardDisplayCount]=\"2\"\n                    (emptyResponse)=\"hideCompetency($event)\"\n                    (temeletryResponse)=\"raiseCompetencyTelemetry($event)\"\n                    [objectData]=\"competency\"\n                    [providerId]=\"orgId\"\n                    >\n                </sb-uic-competency-passbook-mdo>\n            </div>\n        </div>\n        <!-- <img class=\"absolute comp-back-img\" src=\"assets/icons/microsite/competency.svg\" alt=\"\"> -->\n    </div>\n</ng-template>\n<!-- End Competencies -->\n<ng-template #contentStripTemplate let-data=\"data\">\n    <ng-container *ngIf=\"!data?.contentStrip?.hideSection\">\n        <div class=\"flex mb-8\">\n            <div class=\"w-full\">\n                <sb-uic-content-strip-with-tabs\n                    [emitViewAll]=\"true\"\n                    (viewAllResponse)=\"showAllContent($event, data)\"\n                    (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n                    (emptyResponse)=\"hideContentStrip($event, data)\"\n                    [providerId]=\"orgId\"\n                    [widgetData]=\"data?.contentStrip\"\n                    [channnelName]=\"channnelName\"\n                    >\n                </sb-uic-content-strip-with-tabs>\n            </div>\n        </div>\n    </ng-container>\n</ng-template>\n\n<ng-template #noData>\n        <div class=\"flex justify-center w-full\">\n            <div class=\"margin-xl text-center\" >\n                <img src=\"/assets/common/error-pages/empty_search.svg\" wsUtilsImageResponsive alt=\"No results\"\n                    class=\"margin-top-l margin-bottom-s\">\n                <h2 class=\"mat-h2\" i18n=\"search route no result\">{{'learnsearch.noResults' | translate}}</h2>\n            </div>\n        </div>\n</ng-template>\n\n<ng-template #topLearners let-data=\"data\">\n    <div class=\"flex items-center justify-center\">\n        <div class=\"container top-learners margin-bottom-l margin-top-l\">\n            <sb-uic-top-learners\n                [objectData]=\"data\"\n                [channnelName]=\"channnelName\"\n                [channelId]=\"orgId\">\n            </sb-uic-top-learners>\n        </div>\n    </div>\n</ng-template>",
                 styles: [".container-balanced{max-width:1202px;margin-left:auto!important;margin-right:auto!important}.container{max-width:1200px}.padding-top-xxxl{padding-top:47px}.banner-container{align-items:center;background:#eee;padding:16px;gap:2.5rem;justify-content:center}.web-banner-background{background-image:url(/assets/icons/microsite/MDO-channel-banner.png);background-size:cover;min-height:464px}.mob-container{background-image:url(/assets/icons/microsite/MDOChannel_RightGraphic.svg);background-position:right;background-repeat:no-repeat}.sticky-logo-square{position:absolute;top:215px;justify-content:end;border-bottom-right-radius:12px;border-top-right-radius:12px;background:#fff;display:flex;padding:10px;justify-content:end;height:53px;left:0}.logo-square{width:112px;max-height:73px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.logo-box-container{width:157px;position:relative;height:64px}.logo-box-square{height:99px;width:157px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px 0 rgba(0,0,0,.06)}.logo-box-square .logo-img{max-width:122px}.logo-box-square.top{position:absolute;top:-54px}.logo-img{-o-object-fit:contain;object-fit:contain;max-height:52px;height:96px;z-index:10}.metrics{border:3px solid #fff;border-radius:10px;align-items:center}.mob-metrics{overflow:auto}.metrics-section{margin-top:-30px}.empty-div{height:15px}.mob-metrics-sec{padding-top:1rem}.announcements-container{position:fixed;height:calc(100vh - 67px);background:rgba(19,19,19,.6392156863);width:100vw;top:0;left:0;z-index:1000}.close-announcements-dialog{position:absolute;right:30px;top:30px}.close-icon{color:#fff;border-radius:15px;float:right;position:absolute;top:15px;right:15px}@media screen and (max-width:768px){::ng-deep.recommendedProgram .mat-tab-header{padding-left:20px}::ng-deep.featuredCourses .mat-tab-header{padding-left:20px}.metrics-section{margin-top:0}.top-learners{padding-left:30px}}::ng-deep .mytabs .mat-tab-label.mat-tab-label-active.cdk-keyboard-focused:not(.mat-tab-disabled),::ng-deep .mytabs .mat-tab-label.mat-tab-label-active:not(.mat-tab-disabled){font-weight:700;color:#000;opacity:1}"]
             }] }
 ];
@@ -18371,7 +18441,6 @@ class UserProgressComponent {
      * @return {?}
      */
     getUserProgress() {
-        debugger;
         this.insightSvc.fetchUserProgress().subscribe((/**
          * @param {?} res
          * @return {?}
@@ -18586,5 +18655,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