@sunbird-cb/consumption 0.0.87 → 0.0.89

package/fesm5/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 { __assign, __awaiter, __generator, __extends, __values, __spread, __read } 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';
@@ -1474,691 +1474,1363 @@ 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;
+    }
+    var EContentStatus;
+    (function (EContentStatus) {
+        EContentStatus["LIVE"] = "Live";
+        EContentStatus["EXPIRED"] = "Expired";
+        EContentStatus["DELETED"] = "Deleted";
+        EContentStatus["MARK_FOR_DELETION"] = "MarkedForDeletion";
+    })(EContentStatus = NsCardContent.EContentStatus || (NsCardContent.EContentStatus = {}));
+    var ACBPConst;
+    (function (ACBPConst) {
+        ACBPConst["UPCOMING"] = "upcoming";
+        ACBPConst["ALL"] = "All";
+        ACBPConst["OVERDUE"] = "overdue";
+        ACBPConst["SUCCESS"] = "success";
+    })(ACBPConst = NsCardContent.ACBPConst || (NsCardContent.ACBPConst = {}));
+    var 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 {?} */
-var moment = moment$4;
-// tslint:enable
-// TODO: move this in some common place
+var dayjs = dayjs_
+// import { environment } from 'src/environments/environment'
+;
 /** @type {?} */
 var PROTECTED_SLAG_V8 = '/apis/protected/v8';
 var ɵ0 = /**
- * @param {?} type
- * @param {?} id
+ * @param {?} userId
  * @return {?}
  */
-function (type, id) {
-    return PROTECTED_SLAG_V8 + "/content/collection/" + type + "/" + id;
+function (userId) {
+    return PROTECTED_SLAG_V8 + "/user/group/fetchUserGroup?userId=" + userId;
 }, ɵ1 = /**
- * @param {?} contentId
+ * @param {?} userId
  * @return {?}
  */
-function (contentId) { return PROTECTED_SLAG_V8 + "/user/progress/" + contentId; }, ɵ2 = /**
- * @param {?} certId
+function (userId) {
+    // tslint:disable-next-line: max-line-length
+    return "/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 {?}
  */
-function (certId) { return PROTECTED_SLAG_V8 + "/cohorts/course/batch/cert/download/" + certId; }, ɵ3 = /**
- * @param {?} contentId
+function (userId) {
+    // tslint:disable-next-line: max-line-length
+    return "/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 {?}
  */
-function (contentId) { return "/apis/proxies/v8/action/content/v3/read/" + contentId; };
+function (userId, orgdetails, licenseDetails, fields, batchDetails) {
+    // tslint:disable-next-line: max-line-length
+    return "apis/proxies/v8/learner/course/v2/user/enrollment/list/" + userId + "?orgdetails=" + orgdetails + "&licenseDetails=" + licenseDetails + "&fields=" + fields + ",courseCategory," + NsCardContent.IGOTConst.COMPETENCIES + "&batchDetails=" + batchDetails;
+};
 /** @type {?} */
 var 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),
 };
-var WidgetContentService = /** @class */ (function () {
-    function WidgetContentService(http, configSvc) {
+var WidgetUserServiceLib = /** @class */ (function () {
+    function WidgetUserServiceLib(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 {?}
      */
-    WidgetContentService.prototype.changeTelemetryData = /**
-     * @param {?} message
+    WidgetUserServiceLib.prototype.handleError = /**
+     * @param {?} error
      * @return {?}
      */
-    function (message) {
-        this.telemetryData.next(message);
+    function (error) {
+        /** @type {?} */
+        var errorMessage = '';
+        if (error.error instanceof ErrorEvent) {
+            errorMessage = "Error: " + error.error.message;
+        }
+        return throwError(errorMessage);
     };
     /**
-     * @param {?} primaryCategory
+     * @param {?} userId
      * @return {?}
      */
-    WidgetContentService.prototype.isResource = /**
-     * @param {?} primaryCategory
+    WidgetUserServiceLib.prototype.fetchUserGroupDetails = /**
+     * @param {?} userId
      * @return {?}
      */
-    function (primaryCategory) {
-        if (primaryCategory) {
-            /** @type {?} */
-            var 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;
+    function (userId) {
+        return this.http
+            .get(API_END_POINTS.FETCH_USER_GROUPS(userId))
+            .pipe(catchError(this.handleError));
     };
+    // tslint:disable-next-line: max-line-length
+    // tslint:disable-next-line: max-line-length
     /**
-     * @param {?} identifier
+     * @param {?} userId
+     * @param {?=} queryParams
      * @return {?}
      */
-    WidgetContentService.prototype.fetchMarkAsCompleteMeta = /**
-     * @param {?} identifier
+    WidgetUserServiceLib.prototype.fetchUserBatchList = 
+    // tslint:disable-next-line: max-line-length
+    /**
+     * @param {?} userId
+     * @param {?=} queryParams
      * @return {?}
      */
-    function (identifier) {
-        // tslint:disable-next-line
+    function (userId, queryParams) {
+        var _this = this;
         /** @type {?} */
-        var 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();
+        var 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 {?} */
+        var headers = new HttpHeaders({
+            'Cache-Control': 'no-cache, no-store, must-revalidate, post-check=0, pre-check=0',
+            Pragma: 'no-cache',
+            Expires: '0',
+        });
+        /** @type {?} */
+        var result = this.http.get(path, { headers: headers }).pipe(catchError(this.handleError), map((/**
+         * @param {?} data
+         * @return {?}
+         */
+        function (data) {
+            /** @type {?} */
+            var coursesData = [];
+            if (data && data.result && data.result.courses) {
+                data.result.courses.forEach((/**
+                 * @param {?} content
+                 * @return {?}
+                 */
+                function (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
+    // tslint:disable-next-line: max-line-length
     /**
-     * @param {?} data
-     * @return {?}
-     */
-    WidgetContentService.prototype.updateTocConfig = /**
-     * @param {?} data
+     * @param {?} userId
+     * @param {?=} queryParams
      * @return {?}
      */
-    function (data) {
-        this.tocConfigData.next(data);
-    };
+    WidgetUserServiceLib.prototype.fetchProfileUserBatchList = 
+    // tslint:disable-next-line: max-line-length
     /**
-     * @param {?} contentId
-     * @param {?=} hierarchyType
-     * @param {?=} _additionalFields
-     * @param {?=} primaryCategory
-     * @return {?}
-     */
-    WidgetContentService.prototype.fetchContent = /**
-     * @param {?} contentId
-     * @param {?=} hierarchyType
-     * @param {?=} _additionalFields
-     * @param {?=} primaryCategory
+     * @param {?} userId
+     * @param {?=} queryParams
      * @return {?}
      */
-    function (contentId, hierarchyType, _additionalFields, primaryCategory) {
-        if (hierarchyType === void 0) { hierarchyType = 'detail'; }
-        if (_additionalFields === void 0) { _additionalFields = []; }
-        // const url = `${API_END_POINTS.CONTENT}/${contentId}?hierarchyType=${hierarchyType}`
+    function (userId, queryParams) {
         /** @type {?} */
-        var url = '';
+        var 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 {?} */
-        var 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 {?} */
-                var 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;
-                }
-            }
-        }
-        // return this.http
-        //   .post<NsContent.IContent>(url, { additionalFields })
-        //   .pipe(retry(1))
+        var 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(url)
-            .pipe(shareReplay(1));
-        // if (apiData && apiData.result) {
-        //   return apiData.result.content
-        // }
+            .get(path, { headers: headers })
+            .pipe(catchError(this.handleError), map((/**
+         * @param {?} data
+         * @return {?}
+         */
+        function (data) { return data.result; })));
     };
     /**
-     * @param {?} contentId
+     * @param {?} key
+     * @param {?} dataKey
      * @return {?}
      */
-    WidgetContentService.prototype.fetchAuthoringContent = /**
-     * @param {?} contentId
+    WidgetUserServiceLib.prototype.checkStorageData = /**
+     * @param {?} key
+     * @param {?} dataKey
      * @return {?}
      */
-    function (contentId) {
-        /** @type {?} */
-        var forcreator = window.location.href.includes('editMode=true');
+    function (key, dataKey) {
         /** @type {?} */
-        var url = '';
-        if (forcreator) {
-            url = "apis/proxies/v8/action/content/v3/hierarchy/" + contentId + "?mode=edit";
-        }
-        else {
-            url = API_END_POINTS.AUTHORING_CONTENT + "/" + contentId + "?hierarchyType=detail";
+        var checkTime = localStorage.getItem('timeCheck');
+        if (checkTime) {
+            /** @type {?} */
+            var parsedData = JSON.parse(checkTime);
+            if (parsedData[key]) {
+                /** @type {?} */
+                var date = dayjs();
+                /** @type {?} */
+                var diffMin = date.diff(parsedData[key], 'minute');
+                /** @type {?} */
+                var timeCheck = this.environment.apiCache || 0;
+                if (diffMin >= timeCheck) {
+                    return true;
+                }
+                return localStorage.getItem(dataKey) ? false : true;
+            }
+            return true;
         }
-        return this.http.get(url).pipe(shareReplay(1), (/**
-         * @param {?} r
-         * @return {?}
-         */
-        function (r) { return r; }));
+        return true;
     };
     /**
-     * @param {?} ids
+     * @param {?} key
      * @return {?}
      */
-    WidgetContentService.prototype.fetchMultipleContent = /**
-     * @param {?} ids
+    WidgetUserServiceLib.prototype.getData = /**
+     * @param {?} key
      * @return {?}
      */
-    function (ids) {
-        return this.http.get(API_END_POINTS.MULTIPLE_CONTENT + "/" + ids.join(','));
+    function (key) {
+        return Observable.of(JSON.parse(localStorage.getItem(key) || '{}'));
     };
     /**
-     * @param {?} type
-     * @param {?} id
-     * @param {?=} pageNumber
-     * @param {?=} pageSize
+     * @param {?} key
      * @return {?}
      */
-    WidgetContentService.prototype.fetchCollectionHierarchy = /**
-     * @param {?} type
-     * @param {?} id
-     * @param {?=} pageNumber
-     * @param {?=} pageSize
+    WidgetUserServiceLib.prototype.getSavedData = /**
+     * @param {?} key
      * @return {?}
      */
-    function (type, id, pageNumber, pageSize) {
-        if (pageNumber === void 0) { pageNumber = 0; }
-        if (pageSize === void 0) { pageSize = 1; }
-        return this.http.get(API_END_POINTS.COLLECTION_HIERARCHY(type, id) + "?pageNumber=" + pageNumber + "&pageSize=" + pageSize);
+    function (key) {
+        return JSON.parse(localStorage.getItem(key) || '');
     };
     /**
+     * @param {?} key
      * @return {?}
      */
-    WidgetContentService.prototype.fetchBlendedCourse = /**
+    WidgetUserServiceLib.prototype.setTime = /**
+     * @param {?} key
      * @return {?}
      */
-    function () {
+    function (key) {
+        /** @type {?} */
+        var checkTime = localStorage.getItem('timeCheck');
+        if (checkTime) {
+            /** @type {?} */
+            var parsedData = JSON.parse(checkTime);
+            parsedData[key] = new Date().getTime();
+            localStorage.setItem('timeCheck', JSON.stringify(parsedData));
+        }
+        else {
+            /** @type {?} */
+            var data = {};
+            data[key] = new Date().getTime();
+            localStorage.setItem('timeCheck', JSON.stringify(data));
+        }
     };
     /**
-     * @param {?} req
+     * @param {?} key
      * @return {?}
      */
-    WidgetContentService.prototype.fetchCourseBatches = /**
-     * @param {?} req
+    WidgetUserServiceLib.prototype.resetTime = /**
+     * @param {?} key
      * @return {?}
      */
-    function (req) {
-        return this.http
-            .post(API_END_POINTS.COURSE_BATCH_LIST, req)
-            .pipe(retry(1), map((/**
-         * @param {?} data
-         * @return {?}
-         */
-        function (data) { return data.result.response; })));
+    function (key) {
+        /** @type {?} */
+        var checkTime = localStorage.getItem('timeCheck');
+        if (checkTime) {
+            /** @type {?} */
+            var parsedData = JSON.parse(checkTime);
+            if (parsedData[key]) {
+                delete parsedData[key];
+                localStorage.setItem('timeCheck', JSON.stringify(parsedData));
+            }
+        }
     };
-    // fetch individual batch
-    // fetch individual batch
     /**
-     * @param {?} batchId
+     * @param {?} userId
      * @return {?}
      */
-    WidgetContentService.prototype.fetchCourseBatch = 
-    // fetch individual batch
-    /**
-     * @param {?} batchId
+    WidgetUserServiceLib.prototype.fetchCbpPlanList = /**
+     * @param {?} userId
      * @return {?}
      */
-    function (batchId) {
-        return this.http.get(API_END_POINTS.COURSE_BATCH + "/" + batchId);
+    function (userId) {
+        var _this = this;
+        if (this.checkStorageData('cbpService', 'cbpData')) {
+            /** @type {?} */
+            var result = this.http.get(API_END_POINTS.FETCH_CPB_PLANS).pipe(catchError(this.handleError), map((/**
+             * @param {?} data
+             * @return {?}
+             */
+            function (data) { return __awaiter(_this, void 0, void 0, function () {
+                var cbpData, cbpDoIds, cbpContentData, responseData;
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!(data.result && data.result.content && data.result.content.length)) return [3 /*break*/, 3];
+                            cbpData = this.getCbpFormatedData(data.result.content);
+                            cbpDoIds = cbpData.contentIds.join(',');
+                            cbpContentData = cbpData.cbpContentData || [];
+                            return [4 /*yield*/, this.fetchEnrollmentDataByContentId(userId, cbpDoIds).toPromise().then((/**
+                                 * @param {?} res
+                                 * @return {?}
+                                 */
+                                function (res) { return __awaiter(_this, void 0, void 0, function () {
+                                    var enrollData;
+                                    return __generator(this, function (_a) {
+                                        enrollData = {};
+                                        if (res && res.courses && res.courses.length) {
+                                            res.courses.forEach((/**
+                                             * @param {?} data
+                                             * @return {?}
+                                             */
+                                            function (data) {
+                                                enrollData[data.collectionId] = data;
+                                            }));
+                                            return [2 /*return*/, enrollData];
+                                        }
+                                        else {
+                                            return [2 /*return*/, {}];
+                                        }
+                                        return [2 /*return*/];
+                                    });
+                                }); })).catch((/**
+                                 * @param {?} _err
+                                 * @return {?}
+                                 */
+                                function (_err) {
+                                    return {};
+                                }))];
+                        case 1:
+                            responseData = _a.sent();
+                            return [4 /*yield*/, this.mapCbpData(cbpContentData, responseData)];
+                        case 2: return [2 /*return*/, _a.sent()];
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            }); })));
+            this.setTime('cbpService');
+            return result;
+        }
+        return this.getData('cbpData');
     };
     /**
-     * @param {?} identifier
+     * @param {?} enrollmentData
+     * @param {?} enrolledCourseCount
      * @return {?}
      */
-    WidgetContentService.prototype.autoAssignBatchApi = /**
-     * @param {?} identifier
+    WidgetUserServiceLib.prototype.storeUserEnrollmentInfo = /**
+     * @param {?} enrollmentData
+     * @param {?} enrolledCourseCount
      * @return {?}
      */
-    function (identifier) {
-        return this.http.get("" + API_END_POINTS.AUTO_ASSIGN_BATCH + identifier)
-            .pipe(retry(1), map((/**
-         * @param {?} data
-         * @return {?}
-         */
-        function (data) { return data.result.response; })));
+    function (enrollmentData, enrolledCourseCount) {
+        /** @type {?} */
+        var userData = {
+            enrolledCourseCount: enrolledCourseCount,
+            userCourseEnrolmentInfo: enrollmentData,
+        };
+        localStorage.removeItem('userEnrollmentCount');
+        localStorage.setItem('userEnrollmentCount', JSON.stringify(userData));
     };
     /**
-     * @param {?} request
-     * @param {?} programType
+     * @param {?} userId
+     * @param {?} contentdata
      * @return {?}
      */
-    WidgetContentService.prototype.autoAssignCuratedBatchApi = /**
-     * @param {?} request
-     * @param {?} programType
+    WidgetUserServiceLib.prototype.fetchEnrollmentDataByContentId = /**
+     * @param {?} userId
+     * @param {?} contentdata
      * @return {?}
      */
-    function (request, programType) {
+    function (userId, contentdata) {
         /** @type {?} */
-        var 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((/**
+        var path = API_END_POINTS.FETCH_USER_ENROLLMENT_LIST(userId);
+        path = path + "&courseIds=" + contentdata + "&cache=false'";
+        /** @type {?} */
+        var 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: headers })
+            .pipe(catchError(this.handleError), map((/**
          * @param {?} data
          * @return {?}
          */
-        function (data) { return data.result.response; })));
-    };
-    /**
-     * @param {?} req
-     * @return {?}
-     */
-    WidgetContentService.prototype.enrollUserToBatch = /**
-     * @param {?} req
-     * @return {?}
-     */
-    function (req) {
-        return this.http
-            .post(API_END_POINTS.ENROLL_BATCH, req)
-            .toPromise();
+        function (data) { return data.result; })));
     };
     /**
-     * @param {?} req
-     * @param {?} type
+     * @param {?} cbpContent
      * @return {?}
      */
-    WidgetContentService.prototype.enrollAndUnenrollUserToBatchWF = /**
-     * @param {?} req
-     * @param {?} type
+    WidgetUserServiceLib.prototype.getCbpFormatedData = /**
+     * @param {?} cbpContent
      * @return {?}
      */
-    function (req, type) {
+    function (cbpContent) {
         /** @type {?} */
-        var url = type === 'WITHDRAW' ? API_END_POINTS.WITHDRAW_BATCH_WF : API_END_POINTS.ENROLL_BATCH_WF;
-        return this.http
-            .post(url, req)
-            .toPromise();
+        var cbpContentData = [];
+        /** @type {?} */
+        var contentIds = [];
+        /** @type {?} */
+        var todayDate = dayjs().format('YYYY-MM-DD');
+        cbpContent.forEach((/**
+         * @param {?} c
+         * @return {?}
+         */
+        function (c) {
+            c.contentList.forEach((/**
+             * @param {?} childData
+             * @return {?}
+             */
+            function (childData) {
+                /** @type {?} */
+                var endDate = dayjs(c.endDate).format('YYYY-MM-DD');
+                /** @type {?} */
+                var 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: cbpContentData, contentIds: contentIds };
     };
     /**
-     * @param {?} req
+     * @param {?} cbpContent
+     * @param {?} enrollmentData
      * @return {?}
      */
-    WidgetContentService.prototype.fetchBlendedUserWF = /**
-     * @param {?} req
+    WidgetUserServiceLib.prototype.mapCbpData = /**
+     * @param {?} cbpContent
+     * @param {?} enrollmentData
      * @return {?}
      */
-    function (req) {
-        return this.http
-            .post(API_END_POINTS.BLENDED_USER_WF, req)
-            .toPromise();
+    function (cbpContent, enrollmentData) {
+        return __awaiter(this, void 0, void 0, function () {
+            var cbpFilteredContent, sortedData, uniqueUsersByID, sortedByEndDate, sortedByStatus;
+            return __generator(this, function (_a) {
+                cbpFilteredContent = [];
+                if (cbpContent && cbpContent.length) {
+                    if (Object.keys(enrollmentData).length) {
+                        cbpContent.forEach((/**
+                         * @param {?} cbp
+                         * @return {?}
+                         */
+                        function (cbp) {
+                            /** @type {?} */
+                            var childEnrollData = enrollmentData[cbp.identifier];
+                            /** @type {?} */
+                            var competencyArea = [];
+                            /** @type {?} */
+                            var competencyTheme = [];
+                            /** @type {?} */
+                            var competencyThemeType = [];
+                            /** @type {?} */
+                            var competencySubTheme = [];
+                            /** @type {?} */
+                            var competencyAreaId = [];
+                            /** @type {?} */
+                            var competencyThemeId = [];
+                            /** @type {?} */
+                            var competencySubThemeId = [];
+                            cbp['contentStatus'] = 0;
+                            if (childEnrollData) {
+                                cbp['contentStatus'] = childEnrollData.status;
+                            }
+                            if (cbp.competencies_v5) {
+                                cbp.competencies_v5.forEach((/**
+                                 * @param {?} element
+                                 * @return {?}
+                                 */
+                                function (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) {
+                            sortedData = cbpFilteredContent.sort((/**
+                             * @param {?} a
+                             * @param {?} b
+                             * @return {?}
+                             */
+                            function (a, b) {
+                                /** @type {?} */
+                                var firstDate = new Date(a.endDate);
+                                /** @type {?} */
+                                var secondDate = new Date(b.endDate);
+                                return secondDate > firstDate ? 1 : -1;
+                            }));
+                            uniqueUsersByID = uniqBy(sortedData, 'identifier');
+                            sortedByEndDate = orderBy(uniqueUsersByID, ['endDate'], ['asc']);
+                            sortedByStatus = orderBy(sortedByEndDate, ['contentStatus'], ['asc']);
+                            localStorage.setItem('cbpData', JSON.stringify(sortedByStatus));
+                            return [2 /*return*/, sortedByStatus];
+                        }
+                        localStorage.setItem('cbpData', JSON.stringify(cbpFilteredContent));
+                        return [2 /*return*/, cbpFilteredContent];
+                    }
+                    localStorage.setItem('cbpData', JSON.stringify(cbpContent));
+                    return [2 /*return*/, cbpContent];
+                }
+                localStorage.setItem('cbpData', JSON.stringify([]));
+                return [2 /*return*/, []];
+            });
+        });
     };
     /**
-     * @param {?} req
+     * @param {?} courseData
      * @return {?}
      */
-    WidgetContentService.prototype.fetchBlendedUserCOUNT = /**
-     * @param {?} req
+    WidgetUserServiceLib.prototype.mapEnrollmentData = /**
+     * @param {?} courseData
      * @return {?}
      */
-    function (req) {
-        return this.http
-            .post(API_END_POINTS.BLENDED_USER_COUNT, req)
-            .toPromise();
+    function (courseData) {
+        /** @type {?} */
+        var enrollData = {};
+        if (courseData && courseData.courses.length) {
+            courseData.courses.forEach((/**
+             * @param {?} data
+             * @return {?}
+             */
+            function (data) {
+                enrollData[data.collectionId] = data;
+            }));
+        }
+        return enrollData;
     };
+    WidgetUserServiceLib.decorators = [
+        { type: Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    /** @nocollapse */
+    WidgetUserServiceLib.ctorParameters = function () { return [
+        { 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" });
+    return WidgetUserServiceLib;
+}());
+if (false) {
+    /** @type {?} */
+    WidgetUserServiceLib.prototype.environment;
     /**
-     * @param {?} contentIds
+     * @type {?}
+     * @private
+     */
+    WidgetUserServiceLib.prototype.http;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/** @type {?} */
+var moment = moment$4;
+// tslint:enable
+// TODO: move this in some common place
+/** @type {?} */
+var PROTECTED_SLAG_V8$1 = '/apis/protected/v8';
+var ɵ0$1 = /**
+ * @param {?} type
+ * @param {?} id
+ * @return {?}
+ */
+function (type, id) {
+    return PROTECTED_SLAG_V8$1 + "/content/collection/" + type + "/" + id;
+}, ɵ1$1 = /**
+ * @param {?} contentId
+ * @return {?}
+ */
+function (contentId) { return PROTECTED_SLAG_V8$1 + "/user/progress/" + contentId; }, ɵ2$1 = /**
+ * @param {?} certId
+ * @return {?}
+ */
+function (certId) { return PROTECTED_SLAG_V8$1 + "/cohorts/course/batch/cert/download/" + certId; }, ɵ3$1 = /**
+ * @param {?} contentId
+ * @return {?}
+ */
+function (contentId) { return "/apis/proxies/v8/action/content/v3/read/" + contentId; };
+/** @type {?} */
+var 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',
+};
+var WidgetContentLibService = /** @class */ (function () {
+    function WidgetContentLibService(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 {?} message
      * @return {?}
      */
-    WidgetContentService.prototype.fetchContentLikes = /**
-     * @param {?} contentIds
+    WidgetContentLibService.prototype.changeTelemetryData = /**
+     * @param {?} message
      * @return {?}
      */
-    function (contentIds) {
-        return this.http
-            .post(API_END_POINTS.CONTENT_LIKES, contentIds)
-            .toPromise();
+    function (message) {
+        this.telemetryData.next(message);
     };
     /**
-     * @param {?} contentIds
+     * @param {?} primaryCategory
      * @return {?}
      */
-    WidgetContentService.prototype.fetchContentRatings = /**
-     * @param {?} contentIds
+    WidgetContentLibService.prototype.isResource = /**
+     * @param {?} primaryCategory
      * @return {?}
      */
-    function (contentIds) {
-        if (contentIds) { }
-        // return this.http
-        //   .post(`${API_END_POINTS.CONTENT_RATING}/rating`, contentIds)
-        //   .toPromise()
-        return of().toPromise();
+    function (primaryCategory) {
+        if (primaryCategory) {
+            /** @type {?} */
+            var 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 {?}
      */
-    WidgetContentService.prototype.fetchContentHistory = /**
-     * @param {?} contentId
+    WidgetContentLibService.prototype.fetchMarkAsCompleteMeta = /**
+     * @param {?} identifier
      * @return {?}
      */
-    function (contentId) {
-        return this.http.get(API_END_POINTS.CONTENT_HISTORY + "/" + contentId);
+    function (identifier) {
+        // tslint:disable-next-line
+        /** @type {?} */
+        var 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 {?}
      */
-    WidgetContentService.prototype.fetchContentHistoryV2 = /**
-     * @param {?} req
+    WidgetContentLibService.prototype.updateTocConfig = /**
+     * @param {?} data
      * @return {?}
      */
-    function (req) {
-        var _this = this;
-        req.request.fields = ['progressdetails'];
-        /** @type {?} */
-        var data = this.http.post(API_END_POINTS.CONTENT_HISTORYV2 + "/" + req.request.courseId, req);
-        data.subscribe((/**
-         * @param {?} subscribeData
-         * @return {?}
-         */
-        function (subscribeData) {
-            _this.programChildCourseResumeData.next({ resumeData: subscribeData.result.contentList, courseId: req.request.courseId });
-        }));
-        return data;
+    function (data) {
+        this.tocConfigData.next(data);
     };
     /**
-     * @param {?} id
-     * @param {?=} collectionId
-     * @param {?=} collectionType
+     * @param {?} contentId
+     * @param {?=} hierarchyType
+     * @param {?=} _additionalFields
+     * @param {?=} primaryCategory
      * @return {?}
      */
-    WidgetContentService.prototype.continueLearning = /**
-     * @param {?} id
-     * @param {?=} collectionId
-     * @param {?=} collectionType
+    WidgetContentLibService.prototype.fetchContent = /**
+     * @param {?} contentId
+     * @param {?=} hierarchyType
+     * @param {?=} _additionalFields
+     * @param {?=} primaryCategory
      * @return {?}
      */
-    function (id, collectionId, collectionType) {
-        return __awaiter(this, void 0, void 0, function () {
-            var _this = this;
-            return __generator(this, function (_a) {
-                return [2 /*return*/, new Promise((/**
-                     * @param {?} resolve
-                     * @return {?}
-                     */
-                    function (resolve) { return __awaiter(_this, void 0, void 0, function () {
-                        var reqBody, reqBody;
-                        return __generator(this, function (_a) {
-                            switch (_a.label) {
-                                case 0:
-                                    if (!(collectionType &&
-                                        collectionType.toLowerCase() === 'playlist')) return [3 /*break*/, 2];
-                                    reqBody = {
-                                        contextPathId: collectionId ? collectionId : id,
-                                        resourceId: id,
-                                        data: JSON.stringify({
-                                            timestamp: Date.now(),
-                                            contextFullPath: [collectionId, id],
-                                        }),
-                                        dateAccessed: Date.now(),
-                                        contextType: 'playlist',
-                                    };
-                                    return [4 /*yield*/, this.saveContinueLearning(reqBody).toPromise().catch().finally((/**
-                                         * @return {?}
-                                         */
-                                        function () {
-                                            resolve(true);
-                                        }))];
-                                case 1:
-                                    _a.sent();
-                                    return [3 /*break*/, 4];
-                                case 2:
-                                    reqBody = {
-                                        contextPathId: collectionId ? collectionId : id,
-                                        resourceId: id,
-                                        data: JSON.stringify({ timestamp: Date.now() }),
-                                        dateAccessed: Date.now(),
-                                    };
-                                    return [4 /*yield*/, this.saveContinueLearning(reqBody).toPromise().catch().finally((/**
-                                         * @return {?}
-                                         */
-                                        function () {
-                                            resolve(true);
-                                        }))];
-                                case 3:
-                                    _a.sent();
-                                    _a.label = 4;
-                                case 4: return [2 /*return*/];
-                            }
-                        });
-                    }); }))];
-            });
-        });
+    function (contentId, hierarchyType, _additionalFields, primaryCategory) {
+        if (hierarchyType === void 0) { hierarchyType = 'detail'; }
+        if (_additionalFields === void 0) { _additionalFields = []; }
+        // const url = `${API_END_POINTS.CONTENT}/${contentId}?hierarchyType=${hierarchyType}`
+        /** @type {?} */
+        var url = '';
+        /** @type {?} */
+        var 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 {?} */
+                var 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;
+                }
+            }
+        }
+        // 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 {?}
      */
-    WidgetContentService.prototype.saveContinueLearning = /**
-     * @param {?} content
+    WidgetContentLibService.prototype.fetchAuthoringContent = /**
+     * @param {?} contentId
      * @return {?}
      */
-    function (content) {
-        // const url = API_END_POINTS.USER_CONTINUE_LEARNING
-        // return this.http.post<any>(url, content)
-        if (content) {
+    function (contentId) {
+        /** @type {?} */
+        var forcreator = window.location.href.includes('editMode=true');
+        /** @type {?} */
+        var 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 {?}
+         */
+        function (r) { return r; }));
     };
     /**
-     * @param {?} _contentId
+     * @param {?} ids
      * @return {?}
      */
-    WidgetContentService.prototype.setS3Cookie = /**
-     * @param {?} _contentId
+    WidgetContentLibService.prototype.fetchMultipleContent = /**
+     * @param {?} ids
      * @return {?}
      */
-    function (_contentId) {
-        // return this.http
-        //   .post(API_END_POINTS.SET_S3_COOKIE, { contentId })
-        //   .pipe(catchError(_err => of(true)))
-        return EMPTY;
+    function (ids) {
+        return this.http.get(API_END_POINTS$1.MULTIPLE_CONTENT + "/" + ids.join(','));
+    };
+    /**
+     * @param {?} type
+     * @param {?} id
+     * @param {?=} pageNumber
+     * @param {?=} pageSize
+     * @return {?}
+     */
+    WidgetContentLibService.prototype.fetchCollectionHierarchy = /**
+     * @param {?} type
+     * @param {?} id
+     * @param {?=} pageNumber
+     * @param {?=} pageSize
+     * @return {?}
+     */
+    function (type, id, pageNumber, pageSize) {
+        if (pageNumber === void 0) { pageNumber = 0; }
+        if (pageSize === void 0) { pageSize = 1; }
+        return this.http.get(API_END_POINTS$1.COLLECTION_HIERARCHY(type, id) + "?pageNumber=" + pageNumber + "&pageSize=" + pageSize);
     };
     /**
      * @return {?}
      */
-    WidgetContentService.prototype.setS3ImageCookie = /**
+    WidgetContentLibService.prototype.fetchBlendedCourse = /**
      * @return {?}
      */
     function () {
-        return this.http.post(API_END_POINTS.SET_S3_IMAGE_COOKIE, {}).pipe(catchError((/**
-         * @param {?} _err
+    };
+    /**
+     * @param {?} req
+     * @return {?}
+     */
+    WidgetContentLibService.prototype.fetchCourseBatches = /**
+     * @param {?} req
+     * @return {?}
+     */
+    function (req) {
+        return this.http
+            .post(API_END_POINTS$1.COURSE_BATCH_LIST, req)
+            .pipe(retry(1), map((/**
+         * @param {?} data
          * @return {?}
          */
-        function (_err) { return of(true); })));
+        function (data) { return data.result.response; })));
     };
+    // fetch individual batch
+    // fetch individual batch
     /**
-     * @param {?} url
+     * @param {?} batchId
      * @return {?}
      */
-    WidgetContentService.prototype.fetchManifest = /**
-     * @param {?} url
+    WidgetContentLibService.prototype.fetchCourseBatch = 
+    // fetch individual batch
+    /**
+     * @param {?} batchId
      * @return {?}
      */
-    function (url) {
-        return this.http.post(API_END_POINTS.FETCH_MANIFEST, { url: url });
+    function (batchId) {
+        return this.http.get(API_END_POINTS$1.COURSE_BATCH + "/" + batchId);
     };
     /**
-     * @param {?} url
+     * @param {?} identifier
      * @return {?}
      */
-    WidgetContentService.prototype.fetchWebModuleContent = /**
-     * @param {?} url
+    WidgetContentLibService.prototype.autoAssignBatchApi = /**
+     * @param {?} identifier
      * @return {?}
      */
-    function (url) {
-        return this.http.get(API_END_POINTS.FETCH_WEB_MODULE_FILES + "?url=" + encodeURIComponent(url));
+    function (identifier) {
+        return this.http.get("" + API_END_POINTS$1.AUTO_ASSIGN_BATCH + identifier)
+            .pipe(retry(1), map((/**
+         * @param {?} data
+         * @return {?}
+         */
+        function (data) { return data.result.response; })));
+    };
+    /**
+     * @param {?} request
+     * @param {?} programType
+     * @return {?}
+     */
+    WidgetContentLibService.prototype.autoAssignCuratedBatchApi = /**
+     * @param {?} request
+     * @param {?} programType
+     * @return {?}
+     */
+    function (request, programType) {
+        /** @type {?} */
+        var 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 {?}
+         */
+        function (data) { return data.result.response; })));
     };
     /**
      * @param {?} req
      * @return {?}
      */
-    WidgetContentService.prototype.search = /**
+    WidgetContentLibService.prototype.enrollUserToBatch = /**
      * @param {?} req
      * @return {?}
      */
     function (req) {
-        req.query = req.query || '';
-        return this.http.post(API_END_POINTS.CONTENT_SEARCH_V5, {
-            request: req,
-        });
+        return this.http
+            .post(API_END_POINTS$1.ENROLL_BATCH, req)
+            .toPromise();
     };
     /**
      * @param {?} req
+     * @param {?} type
      * @return {?}
      */
-    WidgetContentService.prototype.searchRegionRecommendation = /**
+    WidgetContentLibService.prototype.enrollAndUnenrollUserToBatchWF = /**
      * @param {?} req
+     * @param {?} type
      * @return {?}
      */
-    function (req) {
-        req.query = req.query || '';
-        req.preLabelValue =
-            (req.preLabelValue || '') +
-                ((this.configSvc.userProfile && this.configSvc.userProfile.country) || '');
-        req.filters = __assign({}, req.filters, { labels: [req.preLabelValue || ''] });
-        return this.http.post(API_END_POINTS.CONTENT_SEARCH_REGION_RECOMMENDATION, { request: req });
+    function (req, type) {
+        /** @type {?} */
+        var 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 {?}
      */
-    WidgetContentService.prototype.searchV6 = /**
+    WidgetContentLibService.prototype.fetchBlendedUserWF = /**
      * @param {?} req
      * @return {?}
      */
     function (req) {
-        /** @type {?} */
-        var apiPath = get(req, 'api.path');
-        req.query = req.query || '';
-        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.BLENDED_USER_WF, req)
+            .toPromise();
     };
     /**
      * @param {?} req
      * @return {?}
      */
-    WidgetContentService.prototype.searchRelatedCBPV6 = /**
+    WidgetContentLibService.prototype.fetchBlendedUserCOUNT = /**
      * @param {?} req
      * @return {?}
      */
     function (req) {
-        return this.http.post(API_END_POINTS.CONTENT_SEARCH_RELATED_CBP_V6, req);
+        return this.http
+            .post(API_END_POINTS$1.BLENDED_USER_COUNT, req)
+            .toPromise();
     };
     /**
-     * @param {?} contentId
+     * @param {?} contentIds
      * @return {?}
      */
-    WidgetContentService.prototype.fetchContentRating = /**
-     * @param {?} contentId
+    WidgetContentLibService.prototype.fetchContentLikes = /**
+     * @param {?} contentIds
      * @return {?}
      */
-    function (contentId) {
-        return this.http.get(API_END_POINTS.CONTENT_RATING + "/" + contentId);
+    function (contentIds) {
+        return this.http
+            .post(API_END_POINTS$1.CONTENT_LIKES, contentIds)
+            .toPromise();
+    };
+    /**
+     * @param {?} contentIds
+     * @return {?}
+     */
+    WidgetContentLibService.prototype.fetchContentRatings = /**
+     * @param {?} contentIds
+     * @return {?}
+     */
+    function (contentIds) {
+        if (contentIds) { }
+        // return this.http
+        //   .post(`${API_END_POINTS.CONTENT_RATING}/rating`, contentIds)
+        //   .toPromise()
+        return of().toPromise();
     };
     /**
      * @param {?} contentId
      * @return {?}
      */
-    WidgetContentService.prototype.deleteContentRating = /**
+    WidgetContentLibService.prototype.fetchContentHistory = /**
      * @param {?} contentId
      * @return {?}
      */
     function (contentId) {
-        return this.http.delete(API_END_POINTS.CONTENT_RATING + "/" + contentId);
+        return this.http.get(API_END_POINTS$1.CONTENT_HISTORY + "/" + contentId);
     };
     /**
-     * @param {?} contentId
-     * @param {?} data
+     * @param {?} req
      * @return {?}
      */
-    WidgetContentService.prototype.addContentRating = /**
-     * @param {?} contentId
-     * @param {?} data
+    WidgetContentLibService.prototype.fetchContentHistoryV2 = /**
+     * @param {?} req
      * @return {?}
      */
-    function (contentId, data) {
-        return this.http.post(API_END_POINTS.CONTENT_RATING + "/" + contentId, data);
+    function (req) {
+        var _this = this;
+        req.request.fields = ['progressdetails'];
+        /** @type {?} */
+        var data = this.http.post(API_END_POINTS$1.CONTENT_HISTORYV2 + "/" + req.request.courseId, req);
+        data.subscribe((/**
+         * @param {?} subscribeData
+         * @return {?}
+         */
+        function (subscribeData) {
+            _this.programChildCourseResumeData.next({ resumeData: subscribeData.result.contentList, courseId: req.request.courseId });
+        }));
+        return data;
     };
     /**
-     * @param {?} content
+     * @param {?} id
+     * @param {?=} collectionId
+     * @param {?=} collectionType
      * @return {?}
      */
-    WidgetContentService.prototype.getFirstChildInHierarchy = /**
-     * @param {?} content
+    WidgetContentLibService.prototype.continueLearning = /**
+     * @param {?} id
+     * @param {?=} collectionId
+     * @param {?=} collectionType
      * @return {?}
      */
-    function (content) {
-        if (!(content.children || []).length) {
-            return content;
+    function (id, collectionId, collectionType) {
+        return __awaiter(this, void 0, void 0, function () {
+            var _this = this;
+            return __generator(this, function (_a) {
+                return [2 /*return*/, new Promise((/**
+                     * @param {?} resolve
+                     * @return {?}
+                     */
+                    function (resolve) { return __awaiter(_this, void 0, void 0, function () {
+                        var reqBody, reqBody;
+                        return __generator(this, function (_a) {
+                            switch (_a.label) {
+                                case 0:
+                                    if (!(collectionType &&
+                                        collectionType.toLowerCase() === 'playlist')) return [3 /*break*/, 2];
+                                    reqBody = {
+                                        contextPathId: collectionId ? collectionId : id,
+                                        resourceId: id,
+                                        data: JSON.stringify({
+                                            timestamp: Date.now(),
+                                            contextFullPath: [collectionId, id],
+                                        }),
+                                        dateAccessed: Date.now(),
+                                        contextType: 'playlist',
+                                    };
+                                    return [4 /*yield*/, this.saveContinueLearning(reqBody).toPromise().catch().finally((/**
+                                         * @return {?}
+                                         */
+                                        function () {
+                                            resolve(true);
+                                        }))];
+                                case 1:
+                                    _a.sent();
+                                    return [3 /*break*/, 4];
+                                case 2:
+                                    reqBody = {
+                                        contextPathId: collectionId ? collectionId : id,
+                                        resourceId: id,
+                                        data: JSON.stringify({ timestamp: Date.now() }),
+                                        dateAccessed: Date.now(),
+                                    };
+                                    return [4 /*yield*/, this.saveContinueLearning(reqBody).toPromise().catch().finally((/**
+                                         * @return {?}
+                                         */
+                                        function () {
+                                            resolve(true);
+                                        }))];
+                                case 3:
+                                    _a.sent();
+                                    _a.label = 4;
+                                case 4: return [2 /*return*/];
+                            }
+                        });
+                    }); }))];
+            });
+        });
+    };
+    /**
+     * @param {?} content
+     * @return {?}
+     */
+    WidgetContentLibService.prototype.saveContinueLearning = /**
+     * @param {?} content
+     * @return {?}
+     */
+    function (content) {
+        // const url = API_END_POINTS.USER_CONTINUE_LEARNING
+        // return this.http.post<any>(url, content)
+        if (content) {
+        }
+        return (/** @type {?} */ (of()));
+    };
+    /**
+     * @param {?} _contentId
+     * @return {?}
+     */
+    WidgetContentLibService.prototype.setS3Cookie = /**
+     * @param {?} _contentId
+     * @return {?}
+     */
+    function (_contentId) {
+        // return this.http
+        //   .post(API_END_POINTS.SET_S3_COOKIE, { contentId })
+        //   .pipe(catchError(_err => of(true)))
+        return EMPTY;
+    };
+    /**
+     * @return {?}
+     */
+    WidgetContentLibService.prototype.setS3ImageCookie = /**
+     * @return {?}
+     */
+    function () {
+        return this.http.post(API_END_POINTS$1.SET_S3_IMAGE_COOKIE, {}).pipe(catchError((/**
+         * @param {?} _err
+         * @return {?}
+         */
+        function (_err) { return of(true); })));
+    };
+    /**
+     * @param {?} url
+     * @return {?}
+     */
+    WidgetContentLibService.prototype.fetchManifest = /**
+     * @param {?} url
+     * @return {?}
+     */
+    function (url) {
+        return this.http.post(API_END_POINTS$1.FETCH_MANIFEST, { url: url });
+    };
+    /**
+     * @param {?} url
+     * @return {?}
+     */
+    WidgetContentLibService.prototype.fetchWebModuleContent = /**
+     * @param {?} url
+     * @return {?}
+     */
+    function (url) {
+        return this.http.get(API_END_POINTS$1.FETCH_WEB_MODULE_FILES + "?url=" + encodeURIComponent(url));
+    };
+    /**
+     * @param {?} req
+     * @return {?}
+     */
+    WidgetContentLibService.prototype.search = /**
+     * @param {?} req
+     * @return {?}
+     */
+    function (req) {
+        req.query = req.query || '';
+        return this.http.post(API_END_POINTS$1.CONTENT_SEARCH_V5, {
+            request: req,
+        });
+    };
+    /**
+     * @param {?} req
+     * @return {?}
+     */
+    WidgetContentLibService.prototype.searchRegionRecommendation = /**
+     * @param {?} req
+     * @return {?}
+     */
+    function (req) {
+        req.query = req.query || '';
+        req.preLabelValue =
+            (req.preLabelValue || '') +
+                ((this.configSvc.userProfile && this.configSvc.userProfile.country) || '');
+        req.filters = __assign({}, req.filters, { labels: [req.preLabelValue || ''] });
+        return this.http.post(API_END_POINTS$1.CONTENT_SEARCH_REGION_RECOMMENDATION, { request: req });
+    };
+    /**
+     * @param {?} req
+     * @return {?}
+     */
+    WidgetContentLibService.prototype.searchV6 = /**
+     * @param {?} req
+     * @return {?}
+     */
+    function (req) {
+        /** @type {?} */
+        var apiPath = get(req, 'api.path');
+        req.query = req.query || '';
+        if (apiPath) {
+            return this.http.get(apiPath);
+        }
+        return this.http.post(API_END_POINTS$1.CONTENT_SEARCH_V6, req);
+    };
+    /**
+     * @param {?} req
+     * @return {?}
+     */
+    WidgetContentLibService.prototype.searchRelatedCBPV6 = /**
+     * @param {?} req
+     * @return {?}
+     */
+    function (req) {
+        return this.http.post(API_END_POINTS$1.CONTENT_SEARCH_RELATED_CBP_V6, req);
+    };
+    /**
+     * @param {?} contentId
+     * @return {?}
+     */
+    WidgetContentLibService.prototype.fetchContentRating = /**
+     * @param {?} contentId
+     * @return {?}
+     */
+    function (contentId) {
+        return this.http.get(API_END_POINTS$1.CONTENT_RATING + "/" + contentId);
+    };
+    /**
+     * @param {?} contentId
+     * @return {?}
+     */
+    WidgetContentLibService.prototype.deleteContentRating = /**
+     * @param {?} contentId
+     * @return {?}
+     */
+    function (contentId) {
+        return this.http.delete(API_END_POINTS$1.CONTENT_RATING + "/" + contentId);
+    };
+    /**
+     * @param {?} contentId
+     * @param {?} data
+     * @return {?}
+     */
+    WidgetContentLibService.prototype.addContentRating = /**
+     * @param {?} contentId
+     * @param {?} data
+     * @return {?}
+     */
+    function (contentId, data) {
+        return this.http.post(API_END_POINTS$1.CONTENT_RATING + "/" + contentId, data);
+    };
+    /**
+     * @param {?} content
+     * @return {?}
+     */
+    WidgetContentLibService.prototype.getFirstChildInHierarchy = /**
+     * @param {?} content
+     * @return {?}
+     */
+    function (content) {
+        if (!(content.children || []).length) {
+            return content;
         }
         if ((content.primaryCategory === NsContent.EPrimaryCategory.PROGRAM &&
             !(content.artifactUrl && content.artifactUrl.length)) ||
@@ -2191,18 +2863,18 @@ var WidgetContentService = /** @class */ (function () {
      * @param {?} source
      * @return {?}
      */
-    WidgetContentService.prototype.getRegistrationStatus = /**
+    WidgetContentLibService.prototype.getRegistrationStatus = /**
      * @param {?} source
      * @return {?}
      */
     function (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
      * @return {?}
      */
-    WidgetContentService.prototype.fetchConfig = /**
+    WidgetContentLibService.prototype.fetchConfig = /**
      * @param {?} url
      * @return {?}
      */
@@ -2213,59 +2885,59 @@ var WidgetContentService = /** @class */ (function () {
      * @param {?} body
      * @return {?}
      */
-    WidgetContentService.prototype.addCertTemplate = /**
+    WidgetContentLibService.prototype.addCertTemplate = /**
      * @param {?} body
      * @return {?}
      */
     function (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 {?}
      */
-    WidgetContentService.prototype.issueCert = /**
+    WidgetContentLibService.prototype.issueCert = /**
      * @param {?} body
      * @return {?}
      */
     function (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 {?}
      */
-    WidgetContentService.prototype.downloadCert = /**
+    WidgetContentLibService.prototype.downloadCert = /**
      * @param {?} certId
      * @return {?}
      */
     function (certId) {
-        return this.http.get("" + API_END_POINTS.CERT_DOWNLOAD(certId));
+        return this.http.get("" + API_END_POINTS$1.CERT_DOWNLOAD(certId));
     };
     /**
      * @param {?} req
      * @return {?}
      */
-    WidgetContentService.prototype.trendingContentSearch = /**
+    WidgetContentLibService.prototype.trendingContentSearch = /**
      * @param {?} req
      * @return {?}
      */
     function (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
      * @param {?} offset
      * @return {?}
      */
-    WidgetContentService.prototype.getKarmaPoitns = /**
+    WidgetContentLibService.prototype.getKarmaPoitns = /**
      * @param {?} limit
      * @param {?} offset
      * @return {?}
      */
     function (limit, offset) {
-        return this.http.post(API_END_POINTS.READ_KARMAPOINTS, { limit: limit, offset: offset }).pipe(catchError((/**
+        return this.http.post(API_END_POINTS$1.READ_KARMAPOINTS, { limit: limit, offset: offset }).pipe(catchError((/**
          * @param {?} _err
          * @return {?}
          */
@@ -2275,7 +2947,7 @@ var WidgetContentService = /** @class */ (function () {
      * @param {?} contentId
      * @return {?}
      */
-    WidgetContentService.prototype.fetchProgramContent = /**
+    WidgetContentLibService.prototype.fetchProgramContent = /**
      * @param {?} contentId
      * @return {?}
      */
@@ -2285,7 +2957,7 @@ var WidgetContentService = /** @class */ (function () {
         /** @type {?} */
         var 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);
@@ -2295,81 +2967,112 @@ var WidgetContentService = /** @class */ (function () {
      * @param {?} request
      * @return {?}
      */
-    WidgetContentService.prototype.getCourseKarmaPoints = /**
+    WidgetContentLibService.prototype.getCourseKarmaPoints = /**
      * @param {?} request
      * @return {?}
      */
     function (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 {?}
      */
-    WidgetContentService.prototype.claimKarmapoints = /**
+    WidgetContentLibService.prototype.claimKarmapoints = /**
      * @param {?} request
      * @return {?}
      */
     function (request) {
-        return this.http.post(API_END_POINTS.CLAIM_KARMAPOINTS, request);
+        return this.http.post(API_END_POINTS$1.CLAIM_KARMAPOINTS, request);
     };
     /**
      * @return {?}
      */
-    WidgetContentService.prototype.userKarmaPoints = /**
+    WidgetContentLibService.prototype.userKarmaPoints = /**
      * @return {?}
      */
     function () {
-        return this.http.post(API_END_POINTS.USER_KARMA_POINTS, {});
+        return this.http.post(API_END_POINTS$1.USER_KARMA_POINTS, {});
     };
     /**
      * @param {?} doId
      * @return {?}
      */
-    WidgetContentService.prototype.getEnrolledData = /**
+    WidgetContentLibService.prototype.getEnrolledData = /**
      * @param {?} doId
      * @return {?}
      */
     function (doId) {
-        /** @type {?} */
-        var enrollmentMapData = JSON.parse(localStorage.getItem('enrollmentMapData') || '{}');
-        /** @type {?} */
-        var enrolledCourseData = enrollmentMapData[doId];
-        return enrolledCourseData;
+        return __awaiter(this, void 0, void 0, function () {
+            var userId, responseData;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        userId = this.configSvc.userProfile.userId;
+                        return [4 /*yield*/, this.userSvc.fetchEnrollmentDataByContentId(userId, doId).toPromise().then((/**
+                             * @param {?} res
+                             * @return {?}
+                             */
+                            function (res) { return __awaiter(_this, void 0, void 0, function () {
+                                return __generator(this, function (_a) {
+                                    if (res && res.courses && res.courses.length) {
+                                        return [2 /*return*/, res.courses];
+                                    }
+                                    else {
+                                        return [2 /*return*/, []];
+                                    }
+                                    return [2 /*return*/];
+                                });
+                            }); })).catch((/**
+                             * @param {?} _err
+                             * @return {?}
+                             */
+                            function (_err) {
+                                return [];
+                            }))];
+                    case 1:
+                        responseData = _a.sent();
+                        return [2 /*return*/, responseData || []];
+                }
+            });
+        });
     };
     /**
      * @param {?} content
      * @return {?}
      */
-    WidgetContentService.prototype.getResourseLink = /**
+    WidgetContentLibService.prototype.getResourseLink = /**
      * @param {?} content
      * @return {?}
      */
     function (content) {
         return __awaiter(this, void 0, void 0, function () {
-            var enrolledCourseData, data, data;
+            var enrolledCourse, enrolledCourseData, data, data;
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0:
-                        enrolledCourseData = this.getEnrolledData(content.identifier);
-                        if (!enrolledCourseData) return [3 /*break*/, 4];
+                    case 0: return [4 /*yield*/, this.getEnrolledData(content.identifier)];
+                    case 1:
+                        enrolledCourse = _a.sent();
+                        if (!(enrolledCourse && enrolledCourse.length)) return [3 /*break*/, 5];
+                        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 ||
                             enrolledCourseData.content.primaryCategory === NsContent.EPrimaryCategory.BLENDED_PROGRAM ||
-                            enrolledCourseData.content.primaryCategory === NsContent.EPrimaryCategory.PROGRAM)) return [3 /*break*/, 2];
+                            enrolledCourseData.content.primaryCategory === NsContent.EPrimaryCategory.PROGRAM)) return [3 /*break*/, 3];
                         if (!this.isBatchInProgress(enrolledCourseData.batch)) {
                             return [2 /*return*/, this.gotoTocPage(content)];
                         }
                         return [4 /*yield*/, this.checkForDataToFormUrl(content, enrolledCourseData)];
-                    case 1:
+                    case 2:
                         data = _a.sent();
                         return [2 /*return*/, data];
-                    case 2: return [4 /*yield*/, this.checkForDataToFormUrl(content, enrolledCourseData)];
-                    case 3:
+                    case 3: return [4 /*yield*/, this.checkForDataToFormUrl(content, enrolledCourseData)];
+                    case 4:
                         data = _a.sent();
                         return [2 /*return*/, data];
-                    case 4: return [2 /*return*/, this.gotoTocPage(content)];
+                    case 5: return [2 /*return*/, this.gotoTocPage(content)];
                 }
             });
         });
@@ -2379,7 +3082,7 @@ var WidgetContentService = /** @class */ (function () {
      * @param {?} enrollData
      * @return {?}
      */
-    WidgetContentService.prototype.checkForDataToFormUrl = /**
+    WidgetContentLibService.prototype.checkForDataToFormUrl = /**
      * @param {?} content
      * @param {?} enrollData
      * @return {?}
@@ -2437,7 +3140,7 @@ var WidgetContentService = /** @class */ (function () {
      * @param {?} mimeType
      * @return {?}
      */
-    WidgetContentService.prototype.getResourseDataWithData = /**
+    WidgetContentLibService.prototype.getResourseDataWithData = /**
      * @param {?} content
      * @param {?} resourseId
      * @param {?} mimeType
@@ -2455,7 +3158,7 @@ var WidgetContentService = /** @class */ (function () {
      * @param {?} content
      * @return {?}
      */
-    WidgetContentService.prototype.gotoTocPage = /**
+    WidgetContentLibService.prototype.gotoTocPage = /**
      * @param {?} content
      * @return {?}
      */
@@ -2474,7 +3177,7 @@ var WidgetContentService = /** @class */ (function () {
      * @param {?} batchData
      * @return {?}
      */
-    WidgetContentService.prototype.isBatchInProgress = /**
+    WidgetContentLibService.prototype.isBatchInProgress = /**
      * @param {?} batchData
      * @return {?}
      */
@@ -2500,7 +3203,7 @@ var WidgetContentService = /** @class */ (function () {
      * @param {?} req
      * @return {?}
      */
-    WidgetContentService.prototype.postApiMethod = /**
+    WidgetContentLibService.prototype.postApiMethod = /**
      * @param {?} apiUrl
      * @param {?} req
      * @return {?}
@@ -2512,7 +3215,7 @@ var WidgetContentService = /** @class */ (function () {
      * @param {?} apiUrl
      * @return {?}
      */
-    WidgetContentService.prototype.getApiMethod = /**
+    WidgetContentLibService.prototype.getApiMethod = /**
      * @param {?} apiUrl
      * @return {?}
      */
@@ -2520,51 +3223,78 @@ var WidgetContentService = /** @class */ (function () {
         // req.query = req.query || '';
         return this.http.get(apiUrl);
     };
-    WidgetContentService.decorators = [
+    /**
+     * @param {?} enrollmentList
+     * @param {?} collectionId
+     * @return {?}
+     */
+    WidgetContentLibService.prototype.getEnrolledDataFromList = /**
+     * @param {?} enrollmentList
+     * @param {?} collectionId
+     * @return {?}
+     */
+    function (enrollmentList, collectionId) {
+        if (enrollmentList && enrollmentList.length) {
+            /** @type {?} */
+            var enrolledData = enrollmentList.filter((/**
+             * @param {?} ele
+             * @return {?}
+             */
+            function (ele) { return ele.collectionId === collectionId; }));
+            return enrolledData.length ? enrolledData[0] : {};
+        }
+    };
+    WidgetContentLibService.decorators = [
         { type: Injectable, args: [{
                     providedIn: 'root',
                 },] }
     ];
     /** @nocollapse */
-    WidgetContentService.ctorParameters = function () { return [
+    WidgetContentLibService.ctorParameters = function () { return [
         { 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" });
-    return WidgetContentService;
+    /** @nocollapse */ WidgetContentLibService.ngInjectableDef = ɵɵdefineInjectable({ factory: function WidgetContentLibService_Factory() { return new WidgetContentLibService(ɵɵinject(HttpClient), ɵɵinject(ConfigurationsService$1), ɵɵinject(WidgetUserServiceLib)); }, token: WidgetContentLibService, providedIn: "root" });
+    return WidgetContentLibService;
 }());
 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;
 }
 
 /**
@@ -2820,859 +3550,253 @@ if (false) {
     ConfigurationsService.prototype.openExploreMenuForMWeb;
 }
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var MultilingualTranslationsService = /** @class */ (function () {
-    function MultilingualTranslationsService(translate, http, configSvc) {
-        this.translate = translate;
-        this.http = http;
-        this.configSvc = configSvc;
-        this.selectedLang = '';
-        // website lang change
-        this.languageSelected = new BehaviorSubject(true);
-        this.languageSelectedObservable = this.languageSelected.asObservable();
-        this.editProfileDetails = '/apis/proxies/v8/user/v1/extPatch';
-        //    this.getLanguage()
-    }
-    /**
-     * @return {?}
-     */
-    MultilingualTranslationsService.prototype.getLanguage = /**
-     * @return {?}
-     */
-    function () {
-        if (this.configSvc.unMappedUser) {
-            if (this.configSvc.unMappedUser.profileDetails &&
-                this.configSvc.unMappedUser.profileDetails.additionalProperties &&
-                this.configSvc.unMappedUser.profileDetails.additionalProperties.webPortalLang) {
-                /** @type {?} */
-                var lang = this.configSvc.unMappedUser.profileDetails.additionalProperties.webPortalLang;
-                this.translate.use(lang);
-                localStorage.setItem('websiteLanguage', lang);
-            }
-            else {
-                if (localStorage.getItem('websiteLanguage')) {
-                    // this.translate.setDefaultLang('en')
-                    /** @type {?} */
-                    var lang = JSON.stringify(localStorage.getItem('websiteLanguage'));
-                    lang = lang.replace(/\"/g, '');
-                    this.translate.use(lang);
-                }
-                else {
-                    this.translate.setDefaultLang('en');
-                    localStorage.setItem('websiteLanguage', 'en');
-                }
-            }
-        }
-        else {
-            if (localStorage.getItem('websiteLanguage')) {
-                // this.translate.setDefaultLang('en')
-                /** @type {?} */
-                var lang = JSON.stringify(localStorage.getItem('websiteLanguage'));
-                lang = lang.replace(/\"/g, '');
-                this.translate.use(lang);
-            }
-        }
-    };
-    /**
-     * @param {?} label
-     * @param {?} type
-     * @param {?} subtype
-     * @return {?}
-     */
-    MultilingualTranslationsService.prototype.translateLabelWithoutspace = /**
-     * @param {?} label
-     * @param {?} type
-     * @param {?} subtype
-     * @return {?}
-     */
-    function (label, type, subtype) {
-        /** @type {?} */
-        var nlabel = label;
-        nlabel = nlabel && nlabel.replace(/\s/g, '');
-        if (subtype) {
-            // tslint:disable-next-line: prefer-template
-            /** @type {?} */
-            var translationKey = type + '.' + nlabel + subtype;
-            return this.translate.instant(translationKey);
-        }
-        // tslint:disable-next-line: prefer-template
-        /** @type {?} */
-        var translationKeyn = type + '.' + nlabel;
-        return this.translate.instant(translationKeyn);
-    };
-    /**
-     * @param {?} label
-     * @param {?} type
-     * @param {?} subtype
-     * @return {?}
-     */
-    MultilingualTranslationsService.prototype.translateLabel = /**
-     * @param {?} label
-     * @param {?} type
-     * @param {?} subtype
-     * @return {?}
-     */
-    function (label, type, subtype) {
-        if (label) {
-            /** @type {?} */
-            var nlabel = label;
-            nlabel = nlabel && nlabel.toLowerCase();
-            /** @type {?} */
-            var sl_1 = nlabel.split(' ');
-            sl_1.forEach((/**
-             * @param {?} w
-             * @param {?} index
-             * @return {?}
-             */
-            function (w, index) {
-                if (index !== 0) {
-                    sl_1[index] = w[0].toUpperCase() + w.slice(1);
-                }
-            }));
-            nlabel = sl_1.join('');
-            nlabel = nlabel.replace(/\s/g, '');
-            if (subtype) {
-                // tslint:disable-next-line: prefer-template
-                /** @type {?} */
-                var translationKey = type + '.' + nlabel + subtype;
-                return this.translate.instant(translationKey);
-            }
-            // tslint:disable-next-line: prefer-template
-            /** @type {?} */
-            var translationKeyn = type + '.' + nlabel;
-            return this.translate.instant(translationKeyn);
-        }
-        return label;
-    };
-    /**
-     * @param {?} label
-     * @param {?} type
-     * @param {?} subtype
-     * @return {?}
-     */
-    MultilingualTranslationsService.prototype.translateActualLabel = /**
-     * @param {?} label
-     * @param {?} type
-     * @param {?} subtype
-     * @return {?}
-     */
-    function (label, type, subtype) {
-        /** @type {?} */
-        var nlabel = label;
-        /** @type {?} */
-        var sl = nlabel.split(' ');
-        sl.forEach((/**
-         * @param {?} w
-         * @param {?} index
-         * @return {?}
-         */
-        function (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 {?} */
-            var translationKey = type + '.' + nlabel + subtype;
-            return this.translate.instant(translationKey);
-        }
-        // tslint:disable-next-line: prefer-template
-        /** @type {?} */
-        var translationKeyn = type + '.' + nlabel;
-        return this.translate.instant(translationKeyn);
-    };
-    /**
-     * @param {?} data
-     * @return {?}
-     */
-    MultilingualTranslationsService.prototype.editProfileDetailsAPI = /**
-     * @param {?} data
-     * @return {?}
-     */
-    function (data) {
-        return this.http.post(this.editProfileDetails, data);
-    };
-    /**
-     * @param {?} state
-     * @param {?} lang
-     * @param {?} userid
-     * @return {?}
-     */
-    MultilingualTranslationsService.prototype.updatelanguageSelected = /**
-     * @param {?} state
-     * @param {?} lang
-     * @param {?} userid
-     * @return {?}
-     */
-    function (state, lang, userid) {
-        this.languageSelected.next(state);
-        this.translate.use(lang);
-        this.selectedLang = lang;
-        if (userid) {
-            /** @type {?} */
-            var reqUpdates = {
-                request: {
-                    userId: userid,
-                    profileDetails: {
-                        additionalProperties: {
-                            webPortalLang: this.selectedLang,
-                        },
-                    },
-                },
-            };
-            this.editProfileDetailsAPI(reqUpdates).subscribe();
-        }
-    };
-    MultilingualTranslationsService.decorators = [
-        { type: Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    /** @nocollapse */
-    MultilingualTranslationsService.ctorParameters = function () { return [
-        { 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" });
-    return MultilingualTranslationsService;
-}());
-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;
-    }
-    var EContentStatus;
-    (function (EContentStatus) {
-        EContentStatus["LIVE"] = "Live";
-        EContentStatus["EXPIRED"] = "Expired";
-        EContentStatus["DELETED"] = "Deleted";
-        EContentStatus["MARK_FOR_DELETION"] = "MarkedForDeletion";
-    })(EContentStatus = NsCardContent.EContentStatus || (NsCardContent.EContentStatus = {}));
-    var ACBPConst;
-    (function (ACBPConst) {
-        ACBPConst["UPCOMING"] = "upcoming";
-        ACBPConst["ALL"] = "All";
-        ACBPConst["OVERDUE"] = "overdue";
-        ACBPConst["SUCCESS"] = "success";
-    })(ACBPConst = NsCardContent.ACBPConst || (NsCardContent.ACBPConst = {}));
-    var 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 {?} */
-var dayjs = dayjs_
-// import { environment } from 'src/environments/environment'
-;
-/** @type {?} */
-var PROTECTED_SLAG_V8$1 = '/apis/protected/v8';
-var ɵ0$1 = /**
- * @param {?} userId
- * @return {?}
- */
-function (userId) {
-    return PROTECTED_SLAG_V8$1 + "/user/group/fetchUserGroup?userId=" + userId;
-}, ɵ1$1 = /**
- * @param {?} userId
- * @return {?}
- */
-function (userId) {
-    // tslint:disable-next-line: max-line-length
-    return "/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 {?}
- */
-function (userId) {
-    // tslint:disable-next-line: max-line-length
-    return "/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 {?}
- */
-function (userId, orgdetails, licenseDetails, fields, batchDetails) {
-    // tslint:disable-next-line: max-line-length
-    return "apis/proxies/v8/learner/course/v2/user/enrollment/list/" + userId + "?orgdetails=" + orgdetails + "&licenseDetails=" + licenseDetails + "&fields=" + fields + ",courseCategory," + NsCardContent.IGOTConst.COMPETENCIES + "&batchDetails=" + batchDetails;
-};
-/** @type {?} */
-var 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),
-};
-var WidgetUserService = /** @class */ (function () {
-    function WidgetUserService(environment, http) {
-        this.http = http;
-        this.environment = environment;
-    }
-    /**
-     * @param {?} error
-     * @return {?}
-     */
-    WidgetUserService.prototype.handleError = /**
-     * @param {?} error
-     * @return {?}
-     */
-    function (error) {
-        /** @type {?} */
-        var errorMessage = '';
-        if (error.error instanceof ErrorEvent) {
-            errorMessage = "Error: " + error.error.message;
-        }
-        return throwError(errorMessage);
-    };
-    /**
-     * @param {?} userId
-     * @return {?}
-     */
-    WidgetUserService.prototype.fetchUserGroupDetails = /**
-     * @param {?} userId
-     * @return {?}
-     */
-    function (userId) {
-        return this.http
-            .get(API_END_POINTS$1.FETCH_USER_GROUPS(userId))
-            .pipe(catchError(this.handleError));
-    };
-    // tslint:disable-next-line: max-line-length
-    // tslint:disable-next-line: max-line-length
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var MultilingualTranslationsService = /** @class */ (function () {
+    function MultilingualTranslationsService(translate, http, configSvc) {
+        this.translate = translate;
+        this.http = http;
+        this.configSvc = configSvc;
+        this.selectedLang = '';
+        // website lang change
+        this.languageSelected = new BehaviorSubject(true);
+        this.languageSelectedObservable = this.languageSelected.asObservable();
+        this.editProfileDetails = '/apis/proxies/v8/user/v1/extPatch';
+        //    this.getLanguage()
+    }
     /**
-     * @param {?} userId
-     * @param {?=} queryParams
      * @return {?}
      */
-    WidgetUserService.prototype.fetchUserBatchList = 
-    // tslint:disable-next-line: max-line-length
-    /**
-     * @param {?} userId
-     * @param {?=} queryParams
+    MultilingualTranslationsService.prototype.getLanguage = /**
      * @return {?}
      */
-    function (userId, queryParams) {
-        var _this = this;
-        /** @type {?} */
-        var 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 {?} */
-        var 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 {?} */
-            var result = this.http.get(path, { headers: headers }).pipe(catchError(this.handleError), map((/**
-             * @param {?} data
-             * @return {?}
-             */
-            function (data) {
+    function () {
+        if (this.configSvc.unMappedUser) {
+            if (this.configSvc.unMappedUser.profileDetails &&
+                this.configSvc.unMappedUser.profileDetails.additionalProperties &&
+                this.configSvc.unMappedUser.profileDetails.additionalProperties.webPortalLang) {
                 /** @type {?} */
-                var coursesData = [];
-                if (data && data.result && data.result.courses) {
-                    data.result.courses.forEach((/**
-                     * @param {?} content
-                     * @return {?}
-                     */
-                    function (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;
-                    }
+                var lang = this.configSvc.unMappedUser.profileDetails.additionalProperties.webPortalLang;
+                this.translate.use(lang);
+                localStorage.setItem('websiteLanguage', lang);
+            }
+            else {
+                if (localStorage.getItem('websiteLanguage')) {
+                    // this.translate.setDefaultLang('en')
+                    /** @type {?} */
+                    var lang = JSON.stringify(localStorage.getItem('websiteLanguage'));
+                    lang = lang.replace(/\"/g, '');
+                    this.translate.use(lang);
                 }
-                _this.mapEnrollmentData(data.result);
-                return data.result;
-            })));
-            return result;
-        }
-        return this.getData('enrollmentData');
-    };
-    // tslint:disable-next-line: max-line-length
-    // tslint:disable-next-line: max-line-length
-    /**
-     * @param {?} userId
-     * @param {?=} queryParams
-     * @return {?}
-     */
-    WidgetUserService.prototype.fetchProfileUserBatchList = 
-    // tslint:disable-next-line: max-line-length
-    /**
-     * @param {?} userId
-     * @param {?=} queryParams
-     * @return {?}
-     */
-    function (userId, queryParams) {
-        /** @type {?} */
-        var 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 {
+                    this.translate.setDefaultLang('en');
+                    localStorage.setItem('websiteLanguage', 'en');
+                }
+            }
         }
         else {
-            path = API_END_POINTS$1.FETCH_USER_ENROLLMENT_LIST_PROFILE(userId);
-        }
-        /** @type {?} */
-        var 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: headers })
-            .pipe(catchError(this.handleError), map((/**
-         * @param {?} data
-         * @return {?}
-         */
-        function (data) { return 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 {?}
-     */
-    WidgetUserService.prototype.checkStorageData = /**
-     * @param {?} key
-     * @param {?} dataKey
-     * @return {?}
-     */
-    function (key, dataKey) {
-        /** @type {?} */
-        var checkTime = localStorage.getItem('timeCheck');
-        if (checkTime) {
-            /** @type {?} */
-            var parsedData = JSON.parse(checkTime);
-            if (parsedData[key]) {
-                /** @type {?} */
-                var date = dayjs();
-                /** @type {?} */
-                var diffMin = date.diff(parsedData[key], 'minute');
+            if (localStorage.getItem('websiteLanguage')) {
+                // this.translate.setDefaultLang('en')
                 /** @type {?} */
-                var timeCheck = this.environment.apiCache || 0;
-                if (diffMin >= timeCheck) {
-                    return true;
-                }
-                return localStorage.getItem(dataKey) ? false : true;
+                var lang = JSON.stringify(localStorage.getItem('websiteLanguage'));
+                lang = lang.replace(/\"/g, '');
+                this.translate.use(lang);
             }
-            return true;
         }
-        return true;
-    };
-    /**
-     * @param {?} key
-     * @return {?}
-     */
-    WidgetUserService.prototype.getData = /**
-     * @param {?} key
-     * @return {?}
-     */
-    function (key) {
-        return Observable.of(JSON.parse(localStorage.getItem(key) || '{}'));
-    };
-    /**
-     * @param {?} key
-     * @return {?}
-     */
-    WidgetUserService.prototype.getSavedData = /**
-     * @param {?} key
-     * @return {?}
-     */
-    function (key) {
-        return JSON.parse(localStorage.getItem(key) || '');
     };
     /**
-     * @param {?} key
+     * @param {?} label
+     * @param {?} type
+     * @param {?} subtype
      * @return {?}
      */
-    WidgetUserService.prototype.setTime = /**
-     * @param {?} key
+    MultilingualTranslationsService.prototype.translateLabelWithoutspace = /**
+     * @param {?} label
+     * @param {?} type
+     * @param {?} subtype
      * @return {?}
      */
-    function (key) {
+    function (label, type, subtype) {
         /** @type {?} */
-        var checkTime = localStorage.getItem('timeCheck');
-        if (checkTime) {
-            /** @type {?} */
-            var parsedData = JSON.parse(checkTime);
-            parsedData[key] = new Date().getTime();
-            localStorage.setItem('timeCheck', JSON.stringify(parsedData));
-        }
-        else {
+        var nlabel = label;
+        nlabel = nlabel && nlabel.replace(/\s/g, '');
+        if (subtype) {
+            // tslint:disable-next-line: prefer-template
             /** @type {?} */
-            var data = {};
-            data[key] = new Date().getTime();
-            localStorage.setItem('timeCheck', JSON.stringify(data));
+            var translationKey = type + '.' + nlabel + subtype;
+            return this.translate.instant(translationKey);
         }
+        // tslint:disable-next-line: prefer-template
+        /** @type {?} */
+        var translationKeyn = type + '.' + nlabel;
+        return this.translate.instant(translationKeyn);
     };
     /**
-     * @param {?} key
+     * @param {?} label
+     * @param {?} type
+     * @param {?} subtype
      * @return {?}
      */
-    WidgetUserService.prototype.resetTime = /**
-     * @param {?} key
+    MultilingualTranslationsService.prototype.translateLabel = /**
+     * @param {?} label
+     * @param {?} type
+     * @param {?} subtype
      * @return {?}
      */
-    function (key) {
-        /** @type {?} */
-        var checkTime = localStorage.getItem('timeCheck');
-        if (checkTime) {
+    function (label, type, subtype) {
+        if (label) {
             /** @type {?} */
-            var parsedData = JSON.parse(checkTime);
-            if (parsedData[key]) {
-                delete parsedData[key];
-                localStorage.setItem('timeCheck', JSON.stringify(parsedData));
+            var nlabel = label;
+            nlabel = nlabel && nlabel.toLowerCase();
+            /** @type {?} */
+            var sl_1 = nlabel.split(' ');
+            sl_1.forEach((/**
+             * @param {?} w
+             * @param {?} index
+             * @return {?}
+             */
+            function (w, index) {
+                if (index !== 0) {
+                    sl_1[index] = w[0].toUpperCase() + w.slice(1);
+                }
+            }));
+            nlabel = sl_1.join('');
+            nlabel = nlabel.replace(/\s/g, '');
+            if (subtype) {
+                // tslint:disable-next-line: prefer-template
+                /** @type {?} */
+                var translationKey = type + '.' + nlabel + subtype;
+                return this.translate.instant(translationKey);
             }
+            // tslint:disable-next-line: prefer-template
+            /** @type {?} */
+            var translationKeyn = type + '.' + nlabel;
+            return this.translate.instant(translationKeyn);
         }
+        return label;
     };
     /**
+     * @param {?} label
+     * @param {?} type
+     * @param {?} subtype
      * @return {?}
      */
-    WidgetUserService.prototype.fetchCbpPlanList = /**
+    MultilingualTranslationsService.prototype.translateActualLabel = /**
+     * @param {?} label
+     * @param {?} type
+     * @param {?} subtype
      * @return {?}
      */
-    function () {
-        // 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')
-        var _this = this;
-        // }
-        if (this.checkStorageData('cbpService', 'cbpData')) {
+    function (label, type, subtype) {
+        /** @type {?} */
+        var nlabel = label;
+        /** @type {?} */
+        var sl = nlabel.split(' ');
+        sl.forEach((/**
+         * @param {?} w
+         * @param {?} index
+         * @return {?}
+         */
+        function (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 {?} */
-            var result = this.http.get(API_END_POINTS$1.FETCH_CPB_PLANS).pipe(catchError(this.handleError), map((/**
-             * @param {?} data
-             * @return {?}
-             */
-            function (data) { return __awaiter(_this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.mapData(data.result)];
-                        case 1: return [2 /*return*/, _a.sent()];
-                    }
-                });
-            }); })));
-            this.setTime('cbpService');
-            return result;
+            var translationKey = type + '.' + nlabel + subtype;
+            return this.translate.instant(translationKey);
         }
-        return this.getData('cbpData');
+        // tslint:disable-next-line: prefer-template
+        /** @type {?} */
+        var translationKeyn = type + '.' + nlabel;
+        return this.translate.instant(translationKeyn);
     };
     /**
      * @param {?} data
      * @return {?}
      */
-    WidgetUserService.prototype.mapData = /**
+    MultilingualTranslationsService.prototype.editProfileDetailsAPI = /**
      * @param {?} data
      * @return {?}
      */
     function (data) {
-        return __awaiter(this, void 0, void 0, function () {
-            var contentNew, todayDate, enrollList, sortedData, uniqueUsersByID, sortedByEndDate, sortedByStatus;
-            return __generator(this, function (_a) {
-                contentNew = [];
-                todayDate = dayjs().format('YYYY-MM-DD');
-                enrollList = JSON.parse(localStorage.getItem('enrollmentMapData') || '{}');
-                if (data && data.count) {
-                    data.content.forEach((/**
-                     * @param {?} c
-                     * @return {?}
-                     */
-                    function (c) {
-                        c.contentList.forEach((/**
-                         * @param {?} childData
-                         * @return {?}
-                         */
-                        function (childData) {
-                            /** @type {?} */
-                            var childEnrollData = enrollList[childData.identifier];
-                            /** @type {?} */
-                            var endDate = dayjs(c.endDate).format('YYYY-MM-DD');
-                            /** @type {?} */
-                            var 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 {?} */
-                            var competencyArea = [];
-                            /** @type {?} */
-                            var competencyTheme = [];
-                            /** @type {?} */
-                            var competencyThemeType = [];
-                            /** @type {?} */
-                            var competencySubTheme = [];
-                            /** @type {?} */
-                            var competencyAreaId = [];
-                            /** @type {?} */
-                            var competencyThemeId = [];
-                            /** @type {?} */
-                            var competencySubThemeId = [];
-                            childData['contentStatus'] = 0;
-                            if (childEnrollData) {
-                                childData['contentStatus'] = childEnrollData.status;
-                            }
-                            if (childData.competencies_v5) {
-                                childData.competencies_v5.forEach((/**
-                                 * @param {?} element
-                                 * @return {?}
-                                 */
-                                function (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) {
-                        sortedData = contentNew.sort((/**
-                         * @param {?} a
-                         * @param {?} b
-                         * @return {?}
-                         */
-                        function (a, b) {
-                            /** @type {?} */
-                            var firstDate = new Date(a.endDate);
-                            /** @type {?} */
-                            var secondDate = new Date(b.endDate);
-                            return secondDate > firstDate ? 1 : -1;
-                        }));
-                        uniqueUsersByID = uniqBy(sortedData, 'identifier');
-                        sortedByEndDate = orderBy(uniqueUsersByID, ['endDate'], ['asc']);
-                        sortedByStatus = orderBy(sortedByEndDate, ['contentStatus'], ['asc']);
-                        localStorage.setItem('cbpData', JSON.stringify(sortedByStatus));
-                        return [2 /*return*/, sortedByStatus];
-                    }
-                    localStorage.setItem('cbpData', JSON.stringify(contentNew));
-                    return [2 /*return*/, contentNew];
-                }
-                localStorage.setItem('cbpData', JSON.stringify([]));
-                return [2 /*return*/, []];
-            });
-        });
+        return this.http.post(this.editProfileDetails, data);
     };
     /**
-     * @param {?} courseData
+     * @param {?} state
+     * @param {?} lang
+     * @param {?} userid
      * @return {?}
      */
-    WidgetUserService.prototype.mapEnrollmentData = /**
-     * @param {?} courseData
+    MultilingualTranslationsService.prototype.updatelanguageSelected = /**
+     * @param {?} state
+     * @param {?} lang
+     * @param {?} userid
      * @return {?}
      */
-    function (courseData) {
-        /** @type {?} */
-        var enrollData = {};
-        if (courseData && courseData.courses.length) {
-            courseData.courses.forEach((/**
-             * @param {?} data
-             * @return {?}
-             */
-            function (data) {
-                enrollData[data.collectionId] = data;
-            }));
+    function (state, lang, userid) {
+        this.languageSelected.next(state);
+        this.translate.use(lang);
+        this.selectedLang = lang;
+        if (userid) {
+            /** @type {?} */
+            var reqUpdates = {
+                request: {
+                    userId: userid,
+                    profileDetails: {
+                        additionalProperties: {
+                            webPortalLang: this.selectedLang,
+                        },
+                    },
+                },
+            };
+            this.editProfileDetailsAPI(reqUpdates).subscribe();
         }
-        localStorage.removeItem('enrollmentMapData');
-        localStorage.setItem('enrollmentMapData', JSON.stringify(enrollData));
-    };
-    /**
-     * @param {?} enrollmentData
-     * @param {?} enrolledCourseCount
-     * @return {?}
-     */
-    WidgetUserService.prototype.storeUserEnrollmentInfo = /**
-     * @param {?} enrollmentData
-     * @param {?} enrolledCourseCount
-     * @return {?}
-     */
-    function (enrollmentData, enrolledCourseCount) {
-        /** @type {?} */
-        var userData = {
-            enrolledCourseCount: enrolledCourseCount,
-            userCourseEnrolmentInfo: enrollmentData,
-        };
-        localStorage.removeItem('userEnrollmentCount');
-        localStorage.setItem('userEnrollmentCount', JSON.stringify(userData));
     };
-    WidgetUserService.decorators = [
+    MultilingualTranslationsService.decorators = [
         { type: Injectable, args: [{
                     providedIn: 'root',
                 },] }
     ];
     /** @nocollapse */
-    WidgetUserService.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: Inject, args: ['environment',] }] },
-        { type: HttpClient }
+    MultilingualTranslationsService.ctorParameters = function () { return [
+        { 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" });
-    return WidgetUserService;
+    /** @nocollapse */ MultilingualTranslationsService.ngInjectableDef = ɵɵdefineInjectable({ factory: function MultilingualTranslationsService_Factory() { return new MultilingualTranslationsService(ɵɵinject(TranslateService), ɵɵinject(HttpClient), ɵɵinject(ConfigurationsService)); }, token: MultilingualTranslationsService, providedIn: "root" });
+    return MultilingualTranslationsService;
 }());
 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;
 }
 
 /**
@@ -4233,9 +4357,6 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
         this.fetchAllPlaylistSearch(strip, calculateParentStatus);
         this.fetchPlaylistReadData(strip, calculateParentStatus);
         this.fetchCiosContentData(strip, calculateParentStatus);
-        // this.enrollInterval = setInterval(() => {
-        //   this.fetchAllCbpPlans(strip, calculateParentStatus)
-        // },                                1000)
     };
     /**
      * @param {?} strip
@@ -4478,12 +4599,12 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
     function (strip, calculateParentStatus) {
         if (calculateParentStatus === void 0) { calculateParentStatus = true; }
         return __awaiter(this, void 0, void 0, function () {
-            var originalFilters, firstTab, allTabs, currentTabFromMap, response_1, error_1;
+            var originalFilters, firstTab, allTabs, currentTabFromMap, response, result, responseData, error_1;
             var _this = this;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        if (!(strip.request && strip.request.searchV6 && Object.keys(strip.request.searchV6).length)) return [3 /*break*/, 4];
+                        if (!(strip.request && strip.request.searchV6 && Object.keys(strip.request.searchV6).length)) return [3 /*break*/, 11];
                         // if (!(strip.request.searchV6.locale && strip.request.searchV6.locale.length > 0)) {
                         //   if (this.configSvc.activeLocale) {
                         //     strip.request.searchV6.locale = [this.configSvc.activeLocale.locals[0]]
@@ -4512,44 +4633,75 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
                                 this.getTabDataByNewReqSearchV6(strip, 0, currentTabFromMap, calculateParentStatus);
                             }
                         }
-                        return [3 /*break*/, 4];
+                        return [3 /*break*/, 11];
                     case 1:
-                        _a.trys.push([1, 3, , 4]);
+                        _a.trys.push([1, 10, , 11]);
                         return [4 /*yield*/, this.searchV6Request(strip, strip.request, calculateParentStatus)];
                     case 2:
-                        response_1 = _a.sent();
-                        // console.log('calling  after - response, ', response)
-                        if (response_1 && response_1.results) {
-                            // console.log('calling  after-- ')
-                            if (response_1.results.result.content) {
-                                if (strip.key === 'scheduledAssessment') {
-                                    this.enrollInterval = setInterval((/**
-                                     * @return {?}
-                                     */
-                                    function () {
-                                        _this.checkInvitOnlyAssessments(response_1.results.result.content, strip, calculateParentStatus, response_1.viewMoreUrl);
-                                        // tslint:disable-next-line
-                                    }), 1000);
-                                }
-                                else {
-                                    this.processStrip(strip, this.transformContentsToWidgets(response_1.results.result.content, strip), 'done', calculateParentStatus, response_1.viewMoreUrl);
-                                }
-                            }
-                            else if (response_1.results.result.Event) {
-                                this.processStrip(strip, this.transformEventsToWidgets(response_1.results.result.Event, strip), 'done', calculateParentStatus, response_1.viewMoreUrl);
-                            }
-                            else {
-                                this.processStrip(strip, [], 'error', calculateParentStatus, null);
-                            }
+                        response = _a.sent();
+                        if (!(response && response.results)) return [3 /*break*/, 8];
+                        if (!response.results.result.content) return [3 /*break*/, 6];
+                        if (!(strip.key === 'scheduledAssessment')) return [3 /*break*/, 4];
+                        result = response.results.result.content.map((/**
+                         * @param {?} a
+                         * @return {?}
+                         */
+                        function (a) { return a.identifier; }));
+                        return [4 /*yield*/, this.userSvc.fetchEnrollmentDataByContentId(this.configSvc.userProfile.userId, result.join(',')).toPromise().then((/**
+                             * @param {?} res
+                             * @return {?}
+                             */
+                            function (res) { return __awaiter(_this, void 0, void 0, function () {
+                                var enrollData;
+                                return __generator(this, function (_a) {
+                                    enrollData = {};
+                                    if (res && res.courses && res.courses.length) {
+                                        res.courses.forEach((/**
+                                         * @param {?} data
+                                         * @return {?}
+                                         */
+                                        function (data) {
+                                            enrollData[data.collectionId] = data;
+                                        }));
+                                        return [2 /*return*/, enrollData];
+                                    }
+                                    else {
+                                        return [2 /*return*/, {}];
+                                    }
+                                    return [2 /*return*/];
+                                });
+                            }); })).catch((/**
+                             * @param {?} _err
+                             * @return {?}
+                             */
+                            function (_err) {
+                                return {};
+                            }))];
+                    case 3:
+                        responseData = _a.sent();
+                        this.checkInvitOnlyAssessments(response.results.result.content, strip, calculateParentStatus, response.viewMoreUrl, responseData);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        this.processStrip(strip, this.transformContentsToWidgets(response.results.result.content, strip), 'done', calculateParentStatus, response.viewMoreUrl);
+                        _a.label = 5;
+                    case 5: return [3 /*break*/, 7];
+                    case 6:
+                        if (response.results.result.Event) {
+                            this.processStrip(strip, this.transformEventsToWidgets(response.results.result.Event, strip), 'done', calculateParentStatus, response.viewMoreUrl);
                         }
                         else {
                             this.processStrip(strip, [], 'error', calculateParentStatus, null);
                         }
-                        return [3 /*break*/, 4];
-                    case 3:
+                        _a.label = 7;
+                    case 7: return [3 /*break*/, 9];
+                    case 8:
+                        this.processStrip(strip, [], 'error', calculateParentStatus, null);
+                        _a.label = 9;
+                    case 9: return [3 /*break*/, 11];
+                    case 10:
                         error_1 = _a.sent();
-                        return [3 /*break*/, 4];
-                    case 4: return [2 /*return*/];
+                        return [3 /*break*/, 11];
+                    case 11: return [2 /*return*/];
                 }
             });
         });
@@ -4559,6 +4711,7 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
      * @param {?} strip
      * @param {?} calculateParentStatus
      * @param {?} viewMoreUrl
+     * @param {?} enrollmentData
      * @return {?}
      */
     ContentStripWithTabsLibComponent.prototype.checkInvitOnlyAssessments = /**
@@ -4566,12 +4719,12 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
      * @param {?} strip
      * @param {?} calculateParentStatus
      * @param {?} viewMoreUrl
+     * @param {?} enrollmentData
      * @return {?}
      */
-    function (content, strip, calculateParentStatus, viewMoreUrl) {
-        var _this = this;
-        if (localStorage.getItem('enrollmentMapData')) {
-            this.enrollmentMapData = JSON.parse(localStorage.getItem('enrollmentMapData') || '{}');
+    function (content, strip, calculateParentStatus, viewMoreUrl, enrollmentData) {
+        if (Object.keys(enrollmentData).length) {
+            enrollmentData = enrollmentData;
             /** @type {?} */
             var filteredArray_1 = [];
             /** @type {?} */
@@ -4581,10 +4734,10 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
              * @return {?}
              */
             function (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 {?} */
-                        var enrollData = _this.enrollmentMapData[data.identifier].batch;
+                        var enrollData = enrollmentData[data.identifier].batch;
                         /** @type {?} */
                         var endDate = new Date(enrollData.endDate).getTime()
                         // let endDate:any = '2024-07-7T00:00:00.000Z'
@@ -4593,8 +4746,8 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
                         /** @type {?} */
                         var timeDuration = endDate - now_1;
                         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_1.push(data);
                         }
                     }
@@ -4613,7 +4766,6 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
                 return dateA - dateB;
             }));
             this.processStrip(strip, this.transformContentsToWidgets(filteredArray_1, strip), 'done', calculateParentStatus, viewMoreUrl);
-            clearInterval(this.enrollInterval);
         }
     };
     /**
@@ -5329,14 +5481,15 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
     function (strip, calculateParentStatus) {
         if (calculateParentStatus === void 0) { calculateParentStatus = true; }
         return __awaiter(this, void 0, void 0, function () {
-            var courses, tabResults, response;
+            var courses, tabResults, userId, response;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        if (!(strip.request && strip.request.cbpList && Object.keys(strip.request.cbpList).length)) return [3 /*break*/, 5];
+                        if (!(strip.request && strip.request.cbpList && Object.keys(strip.request.cbpList).length)) return [3 /*break*/, 4];
                         courses = void 0;
                         tabResults = [];
-                        return [4 /*yield*/, this.userSvc.fetchCbpPlanList().toPromise()];
+                        userId = this.configSvc.userProfile.userId;
+                        return [4 /*yield*/, this.userSvc.fetchCbpPlanList(userId).toPromise()];
                     case 1:
                         response = _a.sent();
                         if (!response) return [3 /*break*/, 4];
@@ -5350,36 +5503,7 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
                     case 3:
                         this.processStrip(strip, this.transformContentsToWidgets(courses, strip), 'done', calculateParentStatus, 'viewMoreUrl');
                         _a.label = 4;
-                    case 4:
-                        // 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);
-                        _a.label = 5;
-                    case 5: return [2 /*return*/];
+                    case 4: return [2 /*return*/];
                 }
             });
         });
@@ -6513,13 +6637,13 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
     /** @nocollapse */
     ContentStripWithTabsLibComponent.ctorParameters = function () { return [
         { 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 }
     ]; };
@@ -6583,11 +6707,7 @@ if (false) {
     /** @type {?} */
     ContentStripWithTabsLibComponent.prototype.defaultMaxWidgets;
     /** @type {?} */
-    ContentStripWithTabsLibComponent.prototype.enrollInterval;
-    /** @type {?} */
     ContentStripWithTabsLibComponent.prototype.todaysEvents;
-    /** @type {?} */
-    ContentStripWithTabsLibComponent.prototype.enrollmentMapData;
     /**
      * @type {?}
      * @private
@@ -8805,12 +8925,12 @@ var CommonStripComponent = /** @class */ (function (_super) {
     /** @nocollapse */
     CommonStripComponent.ctorParameters = function () { return [
         { 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 }
@@ -10020,13 +10140,6 @@ var CardsComponent = /** @class */ (function (_super) {
         function () {
             _this.getCbPlanData();
         }), 1000);
-        this.enrollInterval = setInterval((/**
-         * @return {?}
-         */
-        function () {
-            _this.getEnrollmentData();
-            // tslint:disable-next-line
-        }), 1000);
     };
     Object.defineProperty(CardsComponent.prototype, "isLiveOrMarkForDeletion", {
         get: /**
@@ -10111,18 +10224,6 @@ var CardsComponent = /** @class */ (function (_super) {
             clearInterval(this.cbPlanInterval);
         }
     };
-    /**
-     * @return {?}
-     */
-    CardsComponent.prototype.getEnrollmentData = /**
-     * @return {?}
-     */
-    function () {
-        if (localStorage.getItem('enrollmentMapData')) {
-            this.enrollmentMapData = JSON.parse(localStorage.getItem('enrollmentMapData') || '{}');
-            clearInterval(this.enrollInterval);
-        }
-    };
     /**
      * @param {?} data
      * @return {?}
@@ -10137,14 +10238,14 @@ var CardsComponent = /** @class */ (function (_super) {
     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 = function () { return [
         { type: UtilityService },
-        { type: WidgetContentService },
+        { type: WidgetContentLibService },
         { type: Router }
     ]; };
     CardsComponent.propDecorators = {
@@ -10164,10 +10265,6 @@ if (false) {
     CardsComponent.prototype.cbPlanMapData;
     /** @type {?} */
     CardsComponent.prototype.cbPlanInterval;
-    /** @type {?} */
-    CardsComponent.prototype.enrollInterval;
-    /** @type {?} */
-    CardsComponent.prototype.enrollmentMapData;
     /**
      * @type {?}
      * @private
@@ -10312,7 +10409,7 @@ var CardPortraitComponent = /** @class */ (function () {
         { type: TranslateService },
         { type: MultilingualTranslationsService },
         { type: ConfigurationsService$1 },
-        { type: WidgetContentService }
+        { type: WidgetContentLibService }
     ]; };
     CardPortraitComponent.propDecorators = {
         widgetData: [{ type: Input }],
@@ -11443,7 +11540,7 @@ var CardMDOChannelComponent = /** @class */ (function () {
         { type: TranslateService },
         { type: MultilingualTranslationsService$1 },
         { type: ConfigurationsService$1 },
-        { type: WidgetContentService },
+        { type: WidgetContentLibService },
         { type: Router }
     ]; };
     CardMDOChannelComponent.propDecorators = {
@@ -11793,7 +11890,7 @@ var CardKarmaProgramsComponent = /** @class */ (function () {
         { type: TranslateService },
         { type: MultilingualTranslationsService$1 },
         { type: ConfigurationsService$1 },
-        { type: WidgetContentService },
+        { type: WidgetContentLibService },
         { type: Router }
     ]; };
     CardKarmaProgramsComponent.propDecorators = {
@@ -12211,7 +12308,7 @@ var CardPortraitExtComponent = /** @class */ (function () {
         { type: TranslateService },
         { type: MultilingualTranslationsService },
         { type: ConfigurationsService$1 },
-        { type: WidgetContentService }
+        { type: WidgetContentLibService }
     ]; };
     CardPortraitExtComponent.propDecorators = {
         widgetData: [{ type: Input }],
@@ -12401,11 +12498,10 @@ var CardAssessmentComponent = /** @class */ (function () {
     /** @nocollapse */
     CardAssessmentComponent.ctorParameters = function () { return [
         { type: ConfigurationsService$1 },
-        { type: WidgetContentService }
+        { type: WidgetContentLibService }
     ]; };
     CardAssessmentComponent.propDecorators = {
         widgetData: [{ type: Input }],
-        enrollmentMapData: [{ type: Input }],
         contentData: [{ type: Output }],
         isCardLoading: [{ type: Input }]
     };
@@ -12415,8 +12511,6 @@ if (false) {
     /** @type {?} */
     CardAssessmentComponent.prototype.widgetData;
     /** @type {?} */
-    CardAssessmentComponent.prototype.enrollmentMapData;
-    /** @type {?} */
     CardAssessmentComponent.prototype.contentData;
     /** @type {?} */
     CardAssessmentComponent.prototype.isCardLoading;
@@ -12945,7 +13039,7 @@ var CardProgressPortraitLibComponent = /** @class */ (function () {
         { type: EventService },
         { type: MultilingualTranslationsService },
         { type: ConfigurationsService$1 },
-        { type: WidgetContentService },
+        { type: WidgetContentLibService },
         { type: CertificateService },
         { type: MatDialog }
     ]; };
@@ -13284,7 +13378,7 @@ var CardMdoChannelV1Component = /** @class */ (function () {
         { type: TranslateService },
         { type: MultilingualTranslationsService$1 },
         { type: ConfigurationsService$1 },
-        { type: WidgetContentService },
+        { type: WidgetContentLibService },
         { type: Router }
     ]; };
     CardMdoChannelV1Component.propDecorators = {
@@ -15162,20 +15256,20 @@ var ContentStripFacetFilterComponent = /** @class */ (function (_super) {
     ContentStripFacetFilterComponent.decorators = [
         { type: Component, args: [{
                     selector: 'sb-uic-content-strip-facet-filter',
-                    template: "<ng-container *ngIf=\"!contentAvailable; else otherTemplate\"></ng-container>\n<ng-template #otherTemplate>\n  <!-- <div *ngIf=\"showParentLoader\" class=\"text-center my-2\">\n    <mat-spinner class=\"inline-block\"></mat-spinner>\n  </div> -->\n  <ng-container *ngIf=\"showParentError\" [sbUiResolverWidget]=\"widgetData.errorWidget\"></ng-container>\n  <ng-container *ngIf=\"showParentNoData\" [sbUiResolverWidget]=\"widgetData.noDataWidget\"></ng-container>\n  <ng-container *ngFor=\"let key of stripsKeyOrder; let i = index; trackBy: identify\">\n    <ng-container *ngIf=\"isStripShowing(stripsResultDataMap[key])\">\n      <a name=\"{{stripsResultDataMap[key]?.stripTitle}}\" [class]=\"key\">\n        <div *ngIf=\"stripsResultDataMap && (getLength(stripsResultDataMap[key]) ||\n                    stripsResultDataMap[key]?.showOnNoData ||\n                    stripsResultDataMap[key]?.showOnLoader ||\n                    stripsResultDataMap[key]?.showOnError)\n                  \" [ngClass]=\"\n                    !widgetData?.isChannelStrip ? 'xs:px-8 sx:px-10ss' : i > 0 ? 'mt-12' : ''\n                  \" [id]=\"key\" [ngClass]=\"!widgetData?.isChannelStrip ? margin-bottom-custom : margin-bottom-xs\">\n          <div [ngClass]=\"{ pad: stripsResultDataMap[key]?.stripBackground }\"\n            [ngStyle]=\"{ 'background-color': stripsResultDataMap[key]?.stripBackground }\">\n            <div class=\"flex flex-col pl-4 pr-4 md:pr-0 md:pl-0 \" [ngClass]=\"\n                        !widgetData?.isChannelStrip\n                          ? ''\n                          : stripsResultDataMap[key]?.stripTitle\n                          ? 'mb-8'\n                          : ''\n                      \">\n              <div class=\"flex flex-1 items-center\">\n                <p class=\"mat-subheading-1 margin-remove inline-block \" *ngIf=\"stripsResultDataMap[key]?.stripTitle\">\n                  <span class=\"capitalize\" *ngIf=\"stripsResultDataMap[key]?.disableTranslate\">\n                    {{stripsResultDataMap[key]?.stripTitle}}\n                  </span>\n                  <span *ngIf=\"!stripsResultDataMap[key]?.disableTranslate\">\n                    {{ translateLabels(stripsResultDataMap[key]?.stripTitle, 'home') }}\n                  </span>\n                </p>\n\n                <button *ngIf=\"stripsResultDataMap[key]?.stripInfo?.icon\" type=\"button\" mat-icon-button\n                  (click)=\"toggleInfo(stripsResultDataMap[key])\" i18n-matTooltip matTooltip=\"info\"\n                  class=\"margin-left-xs\">\n                  <mat-icon>{{ stripsResultDataMap[key]?.stripInfo?.icon.icon }}</mat-icon>\n                </button>\n                <a *ngIf=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n                  [routerLink]=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n                  [queryParams]=\"stripsResultDataMap[key]?.stripTitleLink?.link?.queryParams\">\n                  <mat-icon class=\"ws-mat-primary-primary-text ws-mat-default-text\" [color]=\"'accent'\">{{\n                    stripsResultDataMap[key]?.stripTitleLink?.icon }}</mat-icon>\n                </a>\n                <span class=\"spacer\"></span>\n                <!-- viewAll start-->\n                <div *ngIf=\"checkCondition(widgetData , stripsResultDataMap[key])\" class=\"block md:hidden\">\n                  <div \n                    class=\"ml-4 pl-2 view-more ws-mat-default-text  \">\n                    <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer\" \n                      (click)=\"raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )\">\n                      <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home')  || 'See all'}}</span>\n                      <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n                    </a>\n                  </div>\n                </div>\n                <!-- viewAll end-->\n              </div>\n              <button mat-icon-button (click)=\"setHiddenForStrip(key)\" *ngIf=\"stripsResultDataMap[key]?.canHideStrip\">\n                <mat-icon>close</mat-icon>\n              </button>\n              <mat-icon class=\"cursor-pointer\" *ngIf=\"stripsResultDataMap[key]?.mode === 'accordion' && isMobile\"\n                (click)=\"showAccordionData = !showAccordionData\">{{ showAccordionData ? 'expand_less' : 'expand_more' }}\n              </mat-icon>\n            </div>\n\n            <div class=\"mb-4\" *ngIf=\"checkVisible(stripsResultDataMap[key])\">\n              <ng-container [sbUiResolverWidget]=\"getdata(stripsResultDataMap[key])\">\n              </ng-container>\n            </div>\n            <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnNoData\"\n              [sbUiResolverWidget]=\"stripsResultDataMap[key]?.noDataWidget\"></ng-container>\n            <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnError\"\n              [sbUiResolverWidget]=\"stripsResultDataMap[key]?.errorWidget\"></ng-container>\n            <!-- IF no errors then proceed to show tabs or non tabs strip -->\n            <ng-container *ngIf=\"!stripsResultDataMap[key]?.showOnNoData && !stripsResultDataMap[key]?.showOnError\">\n              <ng-container *ngIf=\"stripsResultDataMap[key].tabs && stripsResultDataMap[key].tabs.length\">\n                <mat-tab-group animationDuration=\"0ms\" [selectedIndex]=\"getSelectedIndex(stripsResultDataMap[key], key)\"\n                class=\"mat-tab-labels w-full strips-tabgroup\" dynamicHeight\n                  (selectedTabChange)=\"tabClicked($event, 0, stripsResultDataMap[key], key)\">\n                  <mat-tab label=\"{{tab?.label}}\" *ngFor=\"let tab of stripsResultDataMap[key].tabs; let last = last;let tabIndex = index\">\n                    <ng-template mat-tab-label>\n                      <span><span *ngIf=\"!tab?.disableTranslate\">{{ translateLabels(tab?.label, 'home') }}</span>\n                      <span *ngIf=\"tab?.disableTranslate\">{{tab?.label}}</span> &nbsp;</span>\n                      <span *ngIf=\"tab?.showTabDataCount && tab?.widgets?.length\">({{tab?.widgets?.length}})</span>\n                    </ng-template>\n\n                    <div class=\"wfull\" *ngIf=\"tab?.pillsData && tab?.pillsData?.length\">\n                      <div class=\"flex justify-between item-center flex-wrap gap-4\">\n                        <div class=\"\">\n                          <ng-container *ngFor=\"let facet of tab?.facets\">\n                            <form [formGroup]=\"facetForm\">\n                            <div class=\"facets-select\">\n                              <select formControlName=\"org\" (change)=\"getorgData($event,  stripsResultDataMap[key], tabIndex)\">\n                                <option value=\"0\" selected disabled>Choose by organisation</option>\n                                <option value=\"{{d.name}}\" *ngFor=\"let d of facet.values\" >{{d.name}}</option>\n                              </select>\n                            </div>\n                          </form>\n                          </ng-container>\n                        </div>\n                        <div>\n                          <ng-container >\n                            <mat-chip-list  class=\"content-pill-data\" aria-label=\"Fish selection\">\n                                <ng-container *ngFor=\"let pill of tab?.pillsData;let p = index\">\n                                    <mat-chip [selected]=\"pill?.selected\" (click)=\"pillClicked($event, stripsResultDataMap[key], key, p, tabIndex)\">\n                                      <span class=\"pill-name\">{{pill?.label}}</span></mat-chip>\n                                </ng-container>\n                            </mat-chip-list>\n                          </ng-container>\n                        </div>\n                         <!-- viewAll start-->\n                          <div *ngIf=\"!stripsResultDataMap[key]?.hideViewMoreUrl && checkCondition(widgetData , stripsResultDataMap[key])\" class=\" hidden md:block\">\n                            <div  class=\"ml-4 pl-2 view-more ws-mat-default-text\">\n                              <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer\" \n                                (click)=\"raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )\">\n                                <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home')  || 'See all'}}</span>\n                                <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n                              </a>\n                            </div>\n                          </div>\n                            \n                          <!-- viewAll end-->\n                      </div>\n                      <div *ngIf=\"stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader ||\n                      !tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus\"\n                      class=\"text-center my-2\">\n                            <sb-uic-horizontal-scroller-v2 [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [id]=\"key+'-scroller'\"\n                                    [loadStatus]=\"'fetching'\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n                                <ng-container *ngFor=\"let widget of stripsResultDataMap[key]?.loaderWidgets; trackBy: tracker\">\n                                <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n                              </ng-container>\n                            </sb-uic-horizontal-scroller-v2>\n                      </div>\n                     <ng-container *ngIf=\"tab?.pillsData && tab?.pillsData.length && tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]\">\n                      <div *ngIf=\"((tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus && tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus === 'done') &&\n                      (!tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets || !tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length))\">\n                      <ng-container *ngIf=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.value === 'inprogress'; else msgTemp\">\n                        <div class=\"w-full flex flex-col items-center justify-center\">\n                          <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.svg\">\n                          <div class=\"mat-subheading-1 text-center info-content\">{{ 'contentstripmultiple.getReadyForLearningAdventure' | translate }} -\n                            <a class=\"click-here\" [routerLink]=\"'/page/learn'\">{{ 'contentstripmultiple.clickHere' | translate }}</a> {{ 'contentstripmultiple.toEnrollNextCourse' | translate }}</div>\n                        </div>\n                      </ng-container>\n                      <ng-template #msgTemp>\n                        <div class=\"w-full flex flex-col items-center justify-center\">\n                          <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.png\">\n                          <div class=\"mat-subheading-1 text-center\">{{ translateLabels(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.nodataMsg, 'home') }}</div>\n                        </div>\n                      </ng-template>\n                      </div>\n                     </ng-container>\n                      <ng-container *ngIf=\"(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus === 'done' || tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length)\">\n                        <ng-container  *ngIf=\"!tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.tabLoading\">\n                          <sb-uic-horizontal-scroller-v2 [id]=\"key+'-scroller'\" [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [widgetsLength]=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length\"\n                            [loadStatus]=\"'done'\" [defaultMaxWidgets]=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.maxWidgets ||\n                            stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n                            <ng-container *ngFor=\"let widget of tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets| slice:0:(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.maxWidgets ||\n                            stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker\">\n                                <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n                            </ng-container>\n                          </sb-uic-horizontal-scroller-v2>\n                        </ng-container>\n                      </ng-container>\n                    </div>\n                  </mat-tab>\n                </mat-tab-group>\n              </ng-container>\n            </ng-container>\n          </div>\n        </div>\n      </a>\n\n    </ng-container>\n  </ng-container>\n</ng-template>",
-                    styles: ["@charset \"UTF-8\";.facets-select{position:relative;display:inline-block;width:250px}.facets-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:25px;padding:10px 30px 10px 10px;font-size:16px;font-family:Arial,sans-serif;width:100%;height:100%;cursor:pointer}.facets-select:after{content:\"\u25BC\";position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none;font-size:14px;color:#555}::ng-deep mat-chip-list.content-pill-data .mat-chip-selected{background-color:#1b4ca1!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-selected .pill-name{color:#fff!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip{cursor:pointer!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background:#1b4ca1!important;color:#fff!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip.mat-standard-chip{background:#fff!important;border:1px solid rgba(0,0,0,.0784313725)!important}"]
+                    template: "<ng-container *ngIf=\"!contentAvailable; else otherTemplate\"></ng-container>\n<ng-template #otherTemplate>\n  <!-- <div *ngIf=\"showParentLoader\" class=\"text-center my-2\">\n    <mat-spinner class=\"inline-block\"></mat-spinner>\n  </div> -->\n  <ng-container *ngIf=\"showParentError\" [sbUiResolverWidget]=\"widgetData.errorWidget\"></ng-container>\n  <ng-container *ngIf=\"showParentNoData\" [sbUiResolverWidget]=\"widgetData.noDataWidget\"></ng-container>\n  <ng-container *ngFor=\"let key of stripsKeyOrder; let i = index; trackBy: identify\">\n    <ng-container *ngIf=\"isStripShowing(stripsResultDataMap[key])\">\n      <a name=\"{{stripsResultDataMap[key]?.stripTitle}}\" [class]=\"key\">\n        <div *ngIf=\"stripsResultDataMap && (getLength(stripsResultDataMap[key]) ||\n                    stripsResultDataMap[key]?.showOnNoData ||\n                    stripsResultDataMap[key]?.showOnLoader ||\n                    stripsResultDataMap[key]?.showOnError)\n                  \" [ngClass]=\"\n                    !widgetData?.isChannelStrip ? 'xs:px-8 sx:px-10ss' : i > 0 ? 'mt-12' : ''\n                  \" [id]=\"key\" [ngClass]=\"!widgetData?.isChannelStrip ? margin-bottom-custom : margin-bottom-xs\">\n          <div [ngClass]=\"{ pad: stripsResultDataMap[key]?.stripBackground }\"\n            [ngStyle]=\"{ 'background-color': stripsResultDataMap[key]?.stripBackground }\">\n            <div class=\"flex flex-col pl-4 pr-4 md:pr-0 md:pl-0 \" [ngClass]=\"\n                        !widgetData?.isChannelStrip\n                          ? ''\n                          : stripsResultDataMap[key]?.stripTitle\n                          ? 'mb-8'\n                          : ''\n                      \">\n              <div class=\"flex flex-1 items-center\">\n                <p class=\"mat-subheading-1 margin-remove inline-block \" *ngIf=\"stripsResultDataMap[key]?.stripTitle\">\n                  <span class=\"capitalize\" *ngIf=\"stripsResultDataMap[key]?.disableTranslate\">\n                    {{stripsResultDataMap[key]?.stripTitle}}\n                  </span>\n                  <span *ngIf=\"!stripsResultDataMap[key]?.disableTranslate\">\n                    {{ translateLabels(stripsResultDataMap[key]?.stripTitle, 'home') }}\n                  </span>\n                </p>\n\n                <button *ngIf=\"stripsResultDataMap[key]?.stripInfo?.icon\" type=\"button\" mat-icon-button\n                  (click)=\"toggleInfo(stripsResultDataMap[key])\" i18n-matTooltip matTooltip=\"info\"\n                  class=\"margin-left-xs\">\n                  <mat-icon>{{ stripsResultDataMap[key]?.stripInfo?.icon.icon }}</mat-icon>\n                </button>\n                <a *ngIf=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n                  [routerLink]=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n                  [queryParams]=\"stripsResultDataMap[key]?.stripTitleLink?.link?.queryParams\">\n                  <mat-icon class=\"ws-mat-primary-primary-text ws-mat-default-text\" [color]=\"'accent'\">{{\n                    stripsResultDataMap[key]?.stripTitleLink?.icon }}</mat-icon>\n                </a>\n                <span class=\"spacer\"></span>\n                <!-- viewAll start-->\n                <div *ngIf=\"checkCondition(widgetData , stripsResultDataMap[key])\" class=\"block md:hidden\">\n                  <div \n                    class=\"ml-4 pl-2 view-more ws-mat-default-text  \">\n                    <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer\" \n                      (click)=\"raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )\">\n                      <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home')  || 'See all'}}</span>\n                      <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n                    </a>\n                  </div>\n                </div>\n                <!-- viewAll end-->\n              </div>\n              <button mat-icon-button (click)=\"setHiddenForStrip(key)\" *ngIf=\"stripsResultDataMap[key]?.canHideStrip\">\n                <mat-icon>close</mat-icon>\n              </button>\n              <mat-icon class=\"cursor-pointer\" *ngIf=\"stripsResultDataMap[key]?.mode === 'accordion' && isMobile\"\n                (click)=\"showAccordionData = !showAccordionData\">{{ showAccordionData ? 'expand_less' : 'expand_more' }}\n              </mat-icon>\n            </div>\n\n            <div class=\"mb-4\" *ngIf=\"checkVisible(stripsResultDataMap[key])\">\n              <ng-container [sbUiResolverWidget]=\"getdata(stripsResultDataMap[key])\">\n              </ng-container>\n            </div>\n            <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnNoData\"\n              [sbUiResolverWidget]=\"stripsResultDataMap[key]?.noDataWidget\"></ng-container>\n            <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnError\"\n              [sbUiResolverWidget]=\"stripsResultDataMap[key]?.errorWidget\"></ng-container>\n            <!-- IF no errors then proceed to show tabs or non tabs strip -->\n            <ng-container *ngIf=\"!stripsResultDataMap[key]?.showOnNoData && !stripsResultDataMap[key]?.showOnError\">\n              <ng-container *ngIf=\"stripsResultDataMap[key].tabs && stripsResultDataMap[key].tabs.length\">\n                <mat-tab-group animationDuration=\"0ms\" [selectedIndex]=\"getSelectedIndex(stripsResultDataMap[key], key)\"\n                class=\"mat-tab-labels w-full strips-tabgroup\" dynamicHeight\n                  (selectedTabChange)=\"tabClicked($event, 0, stripsResultDataMap[key], key)\">\n                  <mat-tab label=\"{{tab?.label}}\" *ngFor=\"let tab of stripsResultDataMap[key].tabs; let last = last;let tabIndex = index\">\n                    <ng-template mat-tab-label>\n                      <span><span *ngIf=\"!tab?.disableTranslate\">{{ translateLabels(tab?.label, 'home') }}</span>\n                      <span class=\"tab-highlight\" *ngIf=\"tab?.disableTranslate\">{{tab?.label}}</span> &nbsp;</span>\n                      <span *ngIf=\"tab?.showTabDataCount && tab?.widgets?.length\">({{tab?.widgets?.length}})</span>\n                    </ng-template>\n\n                    <div class=\"wfull\" *ngIf=\"tab?.pillsData && tab?.pillsData?.length\">\n                      <div class=\"flex justify-between item-center flex-wrap gap-4\">\n                        <div class=\"\">\n                          <ng-container *ngFor=\"let facet of tab?.facets\">\n                            <form [formGroup]=\"facetForm\">\n                            <div class=\"facets-select\">\n                              <select formControlName=\"org\" (change)=\"getorgData($event,  stripsResultDataMap[key], tabIndex)\">\n                                <option value=\"0\" selected disabled>Choose by organisation</option>\n                                <option value=\"{{d.name}}\" *ngFor=\"let d of facet.values\" >{{d.name}}</option>\n                              </select>\n                            </div>\n                          </form>\n                          </ng-container>\n                        </div>\n                        <div>\n                          <ng-container >\n                            <mat-chip-list  class=\"content-pill-data\" aria-label=\"Fish selection\">\n                                <ng-container *ngFor=\"let pill of tab?.pillsData;let p = index\">\n                                    <mat-chip [selected]=\"pill?.selected\" (click)=\"pillClicked($event, stripsResultDataMap[key], key, p, tabIndex)\">\n                                      <span class=\"pill-name\">{{pill?.label}}</span></mat-chip>\n                                </ng-container>\n                            </mat-chip-list>\n                          </ng-container>\n                        </div>\n                         <!-- viewAll start-->\n                          <div *ngIf=\"!stripsResultDataMap[key]?.hideViewMoreUrl && checkCondition(widgetData , stripsResultDataMap[key])\" class=\" hidden md:block\">\n                            <div  class=\"ml-4 pl-2 view-more ws-mat-default-text\">\n                              <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer\" \n                                (click)=\"raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )\">\n                                <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home')  || 'See all'}}</span>\n                                <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n                              </a>\n                            </div>\n                          </div>\n                            \n                          <!-- viewAll end-->\n                      </div>\n                      <div *ngIf=\"stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader ||\n                      !tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus\"\n                      class=\"text-center my-2\">\n                            <sb-uic-horizontal-scroller-v2 [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [id]=\"key+'-scroller'\"\n                                    [loadStatus]=\"'fetching'\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n                                <ng-container *ngFor=\"let widget of stripsResultDataMap[key]?.loaderWidgets; trackBy: tracker\">\n                                <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n                              </ng-container>\n                            </sb-uic-horizontal-scroller-v2>\n                      </div>\n                     <ng-container *ngIf=\"tab?.pillsData && tab?.pillsData.length && tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]\">\n                      <div *ngIf=\"((tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus && tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus === 'done') &&\n                      (!tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets || !tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length))\">\n                      <ng-container *ngIf=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.value === 'inprogress'; else msgTemp\">\n                        <div class=\"w-full flex flex-col items-center justify-center\">\n                          <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.svg\">\n                          <div class=\"mat-subheading-1 text-center info-content\">{{ 'contentstripmultiple.getReadyForLearningAdventure' | translate }} -\n                            <a class=\"click-here\" [routerLink]=\"'/page/learn'\">{{ 'contentstripmultiple.clickHere' | translate }}</a> {{ 'contentstripmultiple.toEnrollNextCourse' | translate }}</div>\n                        </div>\n                      </ng-container>\n                      <ng-template #msgTemp>\n                        <div class=\"w-full flex flex-col items-center justify-center\">\n                          <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.png\">\n                          <div class=\"mat-subheading-1 text-center\">{{ translateLabels(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.nodataMsg, 'home') }}</div>\n                        </div>\n                      </ng-template>\n                      </div>\n                     </ng-container>\n                      <ng-container *ngIf=\"(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus === 'done' || tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length)\">\n                        <ng-container  *ngIf=\"!tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.tabLoading\">\n                          <sb-uic-horizontal-scroller-v2 [id]=\"key+'-scroller'\" [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [widgetsLength]=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length\"\n                            [loadStatus]=\"'done'\" [defaultMaxWidgets]=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.maxWidgets ||\n                            stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n                            <ng-container *ngFor=\"let widget of tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets| slice:0:(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.maxWidgets ||\n                            stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker\">\n                                <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n                            </ng-container>\n                          </sb-uic-horizontal-scroller-v2>\n                        </ng-container>\n                      </ng-container>\n                    </div>\n                  </mat-tab>\n                </mat-tab-group>\n              </ng-container>\n            </ng-container>\n          </div>\n        </div>\n      </a>\n\n    </ng-container>\n  </ng-container>\n</ng-template>",
+                    styles: ["@charset \"UTF-8\";.facets-select{position:relative;display:inline-block;width:250px}.facets-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:25px;padding:10px 30px 10px 10px;font-size:16px;font-family:Arial,sans-serif;width:100%;height:100%;cursor:pointer}.facets-select:after{content:\"\u25BC\";position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none;font-size:14px;color:#555}.tab-highlight{color:#1b4ca1!important;font-weight:700}::ng-deep mat-chip-list.content-pill-data .mat-chip-selected{background-color:#1b4ca1!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-selected .pill-name{color:#fff!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip{cursor:pointer!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background:#1b4ca1!important;color:#fff!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip.mat-standard-chip{background:#fff!important;border:1px solid rgba(0,0,0,.0784313725)!important}"]
                 }] }
     ];
     /** @nocollapse */
     ContentStripFacetFilterComponent.ctorParameters = function () { return [
         { 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 }
@@ -15244,8 +15338,6 @@ if (false) {
     /** @type {?} */
     ContentStripFacetFilterComponent.prototype.todaysEvents;
     /** @type {?} */
-    ContentStripFacetFilterComponent.prototype.enrollmentMapData;
-    /** @type {?} */
     ContentStripFacetFilterComponent.prototype.facetForm;
     /**
      * @type {?}
@@ -16801,14 +16893,15 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
     function (strip, calculateParentStatus) {
         if (calculateParentStatus === void 0) { calculateParentStatus = true; }
         return __awaiter(this, void 0, void 0, function () {
-            var courses, tabResults, response, countOfWidget_1;
+            var courses, tabResults, userId, response, countOfWidget_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
                         if (!(strip.request && strip.request.cbpList && Object.keys(strip.request.cbpList).length)) return [3 /*break*/, 5];
                         courses = void 0;
                         tabResults = [];
-                        return [4 /*yield*/, this.userSvc.fetchCbpPlanList().toPromise()];
+                        userId = this.configSvc.userProfile.userId;
+                        return [4 /*yield*/, this.userSvc.fetchCbpPlanList(userId).toPromise()];
                     case 1:
                         response = _a.sent();
                         if (!response) return [3 /*break*/, 4];
@@ -17053,13 +17146,13 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
     /** @nocollapse */
     ContentStripWithTabsPillsComponent.ctorParameters = function () { return [
         { 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 }
     ]; };
@@ -17126,8 +17219,6 @@ if (false) {
     ContentStripWithTabsPillsComponent.prototype.enrollInterval;
     /** @type {?} */
     ContentStripWithTabsPillsComponent.prototype.todaysEvents;
-    /** @type {?} */
-    ContentStripWithTabsPillsComponent.prototype.enrollmentMapData;
     /**
      * @type {?}
      * @private
@@ -17977,7 +18068,7 @@ var CompetencyPassbookComponent = /** @class */ (function () {
     /** @nocollapse */
     CompetencyPassbookComponent.ctorParameters = function () { return [
         { type: ConfigurationsService$1 },
-        { type: WidgetContentService },
+        { type: WidgetContentLibService },
         { type: CompetencyPassbookService },
         { type: Router },
         { type: undefined, decorators: [{ type: Inject, args: ['environment',] }] }
@@ -18536,7 +18627,7 @@ var CompetencyPassbookMdoComponent = /** @class */ (function () {
     /** @nocollapse */
     CompetencyPassbookMdoComponent.ctorParameters = function () { return [
         { type: ConfigurationsService$1 },
-        { type: WidgetContentService },
+        { type: WidgetContentLibService },
         { type: CompetencyPassbookMdoService },
         { type: Router },
         { type: undefined, decorators: [{ type: Inject, args: ['environment',] }] }
@@ -20380,7 +20471,7 @@ var MdoLeaderboardComponent = /** @class */ (function () {
                  * @param {?} user
                  * @return {?}
                  */
-                function (user) { return (__assign({}, user, { children: [], selected: false })); }));
+                function (user) { return (__assign({}, user, { children: [], selected: false })); })).slice(0, 5);
             }
         }), (/**
          * @param {?} error
@@ -20412,7 +20503,7 @@ var MdoLeaderboardComponent = /** @class */ (function () {
          * @param {?} user
          * @return {?}
          */
-        function (user) { return (__assign({}, user, { children: [], selected: false })); }));
+        function (user) { return (__assign({}, user, { children: [], selected: false })); })).slice(0, 5);
         /** @type {?} */
         var nameStr = '';
         switch (name) {
@@ -20486,7 +20577,7 @@ var MdoLeaderboardComponent = /** @class */ (function () {
              * @param {?} user
              * @return {?}
              */
-            function (user) { return (__assign({}, user, { children: [] })); }));
+            function (user) { return (__assign({}, user, { children: [] })); })).slice(0, 5);
         }
         else {
             this.filteredData = this.result.mdoLeaderBoard
@@ -20499,7 +20590,7 @@ var MdoLeaderboardComponent = /** @class */ (function () {
              * @param {?} user
              * @return {?}
              */
-            function (user) { return (__assign({}, user, { children: [] })); }));
+            function (user) { return (__assign({}, user, { children: [] })); })).slice(0, 5);
         }
     };
     /**
@@ -20514,7 +20605,7 @@ var MdoLeaderboardComponent = /** @class */ (function () {
     MdoLeaderboardComponent.decorators = [
         { type: Component, args: [{
                     selector: 'sb-uic-mdo-leaderboard',
-                    template: "<div class=\"mdo-leaderboard-container\">\n    <div class=\"flex l-title gap-2 items-center justify-between px-4 md:px-0 py-4 md:py-0\">\n        <div class=\"flex gap-2\">\n            {{object?.title}} <div><img [src]=\"object?.infoIcon\" alt=\"\" i18n-matTooltip [matTooltip]=\"object?.infoText\"></div>\n        </div>\n        <div class=\"block md:hidden\">\n            <mat-icon (click)=\"toggleWeekHightlits()\">expand_more</mat-icon>\n        </div>\n    </div>\n    <div class=\"flex item-center justify-center\" *ngIf=\"expand\">\n        <div class=\"flex fl-div\">\n            <div class=\"pointer\">\n                <span class=\"dot-dot\"></span>\n            </div>\n        </div>\n    </div>\n    <div class=\"l-content\" *ngIf=\"expand\">\n        <div class=\"horizontal-scroll-container\">\n            <div class=\"scroll-content\">\n                <span class=\"tab-title\"  [ngClass]=\"{'active' : currentTab === 'XL' }\" (click)=\"getTabData('XL')\">Greater than 50K</span>\n                <span class=\"tab-title\"  [ngClass]=\"{'active' : currentTab === 'L' }\" (click)=\"getTabData('L')\">10K-50K</span>\n                <span class=\"tab-title\"  [ngClass]=\"{'active' : currentTab === 'M' }\" (click)=\"getTabData('M')\">1K-10K</span>\n                <span class=\"tab-title\"  [ngClass]=\"{'active' : currentTab === 'S' }\" (click)=\"getTabData('S')\">500-1K</span>\n                <span class=\"tab-title\"  [ngClass]=\"{'active' : currentTab === 'XS' }\" (click)=\"getTabData('XS')\">Less than 500</span>\n            </div>\n        </div>\n        <div class=\"relative search-wrapper margin-top-m mb-5\">\n            <mat-icon matPrefix class=\"flex absolute items-center justify-center mr-2 icon-search\">search\n            </mat-icon>\n            <input type=\"search\" name=\"searchKey\" class=\"search-field\" i18-aria-label\n                aria-label=\"Search\" i18n-placeholder=\"search\"  [(ngModel)]=\"searchTerm\"\n                placeholder=\"Search your MDO\" (keyup)=\"handleSearchQuery($event)\" />\n        </div>\n        <div class=\"l-tab-data\">\n            <div *ngFor=\"let user of filteredData\">\n                <div class=\"flex flex-row item mb-5 gap-3 {{user.row_num === 1 ? 'relative' : ''}}\" >\n                    <div><img class=\"crown absolute\" src=\"assets/images/national-learning/rank-crown.svg\" *ngIf=\"user.row_num === 1\"/></div>\n                    <div class=\"{{getRank(user.row_num)}}\">{{user.row_num}}</div>\n                    <div class=\"w-full\">\n                        <div class=\"flex flex-between gap-2\">\n                            <div>\n                                <div class=\"rank-name\">{{user.org_name}}</div>\n                                <div class=\"rank-points flex mt-1 gap-1\">\n                                    <img class=\"nlw-kb\" src=\"assets/icons/home/karma-badge.svg\"/>\n                                    <div class=\"points\">{{user.total_points || 0 }} points</div>\n                                </div>\n                            </div>\n                            <div class=\"rank-crown\" *ngIf=\"[1,2,3].includes(user.row_num)\">\n                                <img class=\"nlw-animation\" [src]=\"getMedal(user.row_num)\"/>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"no-data px-1\" *ngIf=\"filteredData?.length === 0\">\n                No data found!\n            </div>\n        </div>\n    </div>\n</div>\n",
+                    template: "<div class=\"mdo-leaderboard-container\">\n    <div class=\"flex l-title gap-2 items-center justify-between px-4 md:px-0 py-4 md:py-0\">\n        <div class=\"flex gap-2\">\n            {{object?.title}} <div><img [src]=\"object?.infoIcon\" alt=\"\" i18n-matTooltip [matTooltip]=\"object?.infoText\"></div>\n        </div>\n        <div class=\"block md:hidden\">\n            <mat-icon (click)=\"toggleWeekHightlits()\">expand_more</mat-icon>\n        </div>\n    </div>\n    <div class=\"flex item-center justify-center\" *ngIf=\"expand\">\n        <div class=\"flex fl-div\">\n            <div class=\"pointer\">\n                <span class=\"dot-dot\"></span>\n            </div>\n        </div>\n    </div>\n    <div class=\"l-content\" *ngIf=\"expand\">\n        <div class=\"horizontal-scroll-container\">\n            <div class=\"scroll-content\">\n                <span class=\"tab-title\"  [ngClass]=\"{'active' : currentTab === 'XL' }\" (click)=\"getTabData('XL')\">Greater than 50K</span>\n                <span class=\"tab-title\"  [ngClass]=\"{'active' : currentTab === 'L' }\" (click)=\"getTabData('L')\">10K-50K</span>\n                <span class=\"tab-title\"  [ngClass]=\"{'active' : currentTab === 'M' }\" (click)=\"getTabData('M')\">1K-10K</span>\n                <span class=\"tab-title\"  [ngClass]=\"{'active' : currentTab === 'S' }\" (click)=\"getTabData('S')\">500-1K</span>\n                <span class=\"tab-title\"  [ngClass]=\"{'active' : currentTab === 'XS' }\" (click)=\"getTabData('XS')\">Less than 500</span>\n            </div>\n        </div>\n        <div class=\"relative search-wrapper margin-top-m mb-5\">\n            <mat-icon matPrefix class=\"flex absolute items-center justify-center mr-2 icon-search\">search\n            </mat-icon>\n            <input type=\"search\" name=\"searchKey\" class=\"search-field\" i18-aria-label\n                aria-label=\"Search\" i18n-placeholder=\"search\"  [(ngModel)]=\"searchTerm\"\n                placeholder=\"Search your MDO\" (keyup)=\"handleSearchQuery($event)\" />\n        </div>\n        <div class=\"l-tab-data\">\n            <div *ngFor=\"let user of filteredData; let i = index\">\n                <div class=\"flex flex-row item mb-{{filteredData.length - 1 === i ? 0 : 5}} gap-3 {{user.row_num === 1 ? 'relative' : ''}}\" >\n                    <div><img class=\"crown absolute\" src=\"assets/images/national-learning/rank-crown.svg\" *ngIf=\"user.row_num === 1\"/></div>\n                    <div class=\"{{getRank(user.row_num)}}\">{{user.row_num}}</div>\n                    <div class=\"w-full\">\n                        <div class=\"flex flex-between gap-2\">\n                            <div>\n                                <div class=\"rank-name\">{{user.org_name}}</div>\n                                <div class=\"rank-points flex mt-1 gap-1\">\n                                    <img class=\"nlw-kb\" src=\"assets/icons/home/karma-badge.svg\"/>\n                                    <div class=\"points\">{{user.total_points || 0 }} points</div>\n                                </div>\n                            </div>\n                            <div class=\"rank-crown\" *ngIf=\"[1,2,3].includes(user.row_num)\">\n                                <img class=\"nlw-animation\" [src]=\"getMedal(user.row_num)\"/>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"no-data px-1\" *ngIf=\"filteredData?.length === 0\">\n                No data found!\n            </div>\n        </div>\n    </div>\n</div>\n",
                     styles: [".l-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.l-content{background-color:#e9eef6;border-radius:16px;padding:16px}.horizontal-scroll-container{overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;height:32px}.horizontal-scroll-container::-webkit-scrollbar{display:none}.scroll-content{display:inline-block}.tab-title{font-family:Lato;font-size:14px;line-height:16.8px;text-align:left;cursor:pointer;padding:0 15px 8px;border-bottom:2px solid #c3c3c3}.active{font-weight:700;border-bottom:2px solid #1b4ca1}.search-field{height:34px;padding:0 16px 0 40px;border-radius:52px;background:#fff;border:2px solid rgba(0,0,0,.0784313725);width:100%}.icon-search{top:10px;left:15px;height:15px;width:17px}.item{border-radius:12px;background-color:#fff;padding:16px;align-items:flex-start}.rank1{background:#ffca28;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank2{background:#1b4ca1;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;color:#fff}.rank3{background:#ff8228;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank0{font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;border:1px solid #c3c3c3}.rank-name{font-family:Montserrat;line-height:1.5em;font-size:16px;font-weight:600;text-align:left;align-items:center;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2}.rank-points{align-items:center}.nlw-kb{height:24px;width:24px}.points{font-family:Lato;font-size:14px;font-weight:600;line-height:16.8px;text-align:right}.crown{left:10px;top:0;width:36px;height:36px}.l-tab-data{height:520px;overflow:auto;padding-bottom:16px}.l-tab-data::-webkit-scrollbar{display:none}.pointer{margin-bottom:-59px;border-radius:41px;background:#c3c3c3;border:35px solid #e9eef6}.dot-dot{width:7px;display:flex;height:7px;background:#c3c3c3;margin-top:-25px;border-radius:10px}@media screen and (min-width:320px) and (max-width:769px){.mdo-leaderboard-container{background-color:#d1dbec}}"]
                 }] }
     ];
@@ -20864,7 +20955,6 @@ var UserProgressComponent = /** @class */ (function () {
      */
     function () {
         var _this = this;
-        debugger;
         this.insightSvc.fetchUserProgress().subscribe((/**
          * @param {?} res
          * @return {?}
@@ -21105,5 +21195,5 @@ var NationalLearningModule = /** @class */ (function () {
  * @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