@sunbird-cb/consumption 0.0.90 → 0.0.92

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;
 }
 
 /**
@@ -2823,856 +3553,250 @@ if (false) {
 /**
  * @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
+ */
+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,9 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
                 return dateA - dateB;
             }));
             this.processStrip(strip, this.transformContentsToWidgets(filteredArray_1, strip), 'done', calculateParentStatus, viewMoreUrl);
-            clearInterval(this.enrollInterval);
+        }
+        else {
+            this.processStrip(strip, [], 'done', calculateParentStatus, viewMoreUrl);
         }
     };
     /**
@@ -5329,14 +5484,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 +5506,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 +6640,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 +6710,7 @@ if (false) {
     /** @type {?} */
     ContentStripWithTabsLibComponent.prototype.defaultMaxWidgets;
     /** @type {?} */
-    ContentStripWithTabsLibComponent.prototype.enrollInterval;
-    /** @type {?} */
     ContentStripWithTabsLibComponent.prototype.todaysEvents;
-    /** @type {?} */
-    ContentStripWithTabsLibComponent.prototype.enrollmentMapData;
     /**
      * @type {?}
      * @private
@@ -8805,12 +8928,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 +10143,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 +10227,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 +10241,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 +10268,6 @@ if (false) {
     CardsComponent.prototype.cbPlanMapData;
     /** @type {?} */
     CardsComponent.prototype.cbPlanInterval;
-    /** @type {?} */
-    CardsComponent.prototype.enrollInterval;
-    /** @type {?} */
-    CardsComponent.prototype.enrollmentMapData;
     /**
      * @type {?}
      * @private
@@ -10312,7 +10412,7 @@ var CardPortraitComponent = /** @class */ (function () {
         { type: TranslateService },
         { type: MultilingualTranslationsService },
         { type: ConfigurationsService$1 },
-        { type: WidgetContentService }
+        { type: WidgetContentLibService }
     ]; };
     CardPortraitComponent.propDecorators = {
         widgetData: [{ type: Input }],
@@ -11443,7 +11543,7 @@ var CardMDOChannelComponent = /** @class */ (function () {
         { type: TranslateService },
         { type: MultilingualTranslationsService$1 },
         { type: ConfigurationsService$1 },
-        { type: WidgetContentService },
+        { type: WidgetContentLibService },
         { type: Router }
     ]; };
     CardMDOChannelComponent.propDecorators = {
@@ -11793,7 +11893,7 @@ var CardKarmaProgramsComponent = /** @class */ (function () {
         { type: TranslateService },
         { type: MultilingualTranslationsService$1 },
         { type: ConfigurationsService$1 },
-        { type: WidgetContentService },
+        { type: WidgetContentLibService },
         { type: Router }
     ]; };
     CardKarmaProgramsComponent.propDecorators = {
@@ -12211,7 +12311,7 @@ var CardPortraitExtComponent = /** @class */ (function () {
         { type: TranslateService },
         { type: MultilingualTranslationsService },
         { type: ConfigurationsService$1 },
-        { type: WidgetContentService }
+        { type: WidgetContentLibService }
     ]; };
     CardPortraitExtComponent.propDecorators = {
         widgetData: [{ type: Input }],
@@ -12401,11 +12501,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 +12514,6 @@ if (false) {
     /** @type {?} */
     CardAssessmentComponent.prototype.widgetData;
     /** @type {?} */
-    CardAssessmentComponent.prototype.enrollmentMapData;
-    /** @type {?} */
     CardAssessmentComponent.prototype.contentData;
     /** @type {?} */
     CardAssessmentComponent.prototype.isCardLoading;
@@ -12945,7 +13042,7 @@ var CardProgressPortraitLibComponent = /** @class */ (function () {
         { type: EventService },
         { type: MultilingualTranslationsService },
         { type: ConfigurationsService$1 },
-        { type: WidgetContentService },
+        { type: WidgetContentLibService },
         { type: CertificateService },
         { type: MatDialog }
     ]; };
@@ -13284,7 +13381,7 @@ var CardMdoChannelV1Component = /** @class */ (function () {
         { type: TranslateService },
         { type: MultilingualTranslationsService$1 },
         { type: ConfigurationsService$1 },
-        { type: WidgetContentService },
+        { type: WidgetContentLibService },
         { type: Router }
     ]; };
     CardMdoChannelV1Component.propDecorators = {
@@ -15167,13 +15264,13 @@ var ContentStripFacetFilterComponent = /** @class */ (function (_super) {
     /** @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 }
@@ -15242,8 +15339,6 @@ if (false) {
     /** @type {?} */
     ContentStripFacetFilterComponent.prototype.todaysEvents;
     /** @type {?} */
-    ContentStripFacetFilterComponent.prototype.enrollmentMapData;
-    /** @type {?} */
     ContentStripFacetFilterComponent.prototype.facetForm;
     /**
      * @type {?}
@@ -16799,17 +16894,18 @@ 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];
+                        if (!(strip.request && strip.request.cbpList && Object.keys(strip.request.cbpList).length)) return [3 /*break*/, 7];
                         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];
+                        if (!response) return [3 /*break*/, 5];
                         courses = response;
                         if (!(strip.tabs && strip.tabs.length)) return [3 /*break*/, 3];
                         tabResults = this.splitCbpTabsData(courses, strip);
@@ -16843,10 +16939,14 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
                     case 3:
                         this.processStrip(strip, this.transformContentsToWidgets(courses, strip), 'done', calculateParentStatus, 'viewMoreUrl');
                         _a.label = 4;
-                    case 4:
+                    case 4: return [3 /*break*/, 6];
+                    case 5:
+                        this.processStrip(strip, this.transformContentsToWidgets(courses, strip), 'done', calculateParentStatus, '', tabResults);
+                        _a.label = 6;
+                    case 6:
                         clearInterval(this.enrollInterval);
-                        _a.label = 5;
-                    case 5: return [2 /*return*/];
+                        _a.label = 7;
+                    case 7: return [2 /*return*/];
                 }
             });
         });
@@ -17051,13 +17151,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 }
     ]; };
@@ -17124,8 +17224,6 @@ if (false) {
     ContentStripWithTabsPillsComponent.prototype.enrollInterval;
     /** @type {?} */
     ContentStripWithTabsPillsComponent.prototype.todaysEvents;
-    /** @type {?} */
-    ContentStripWithTabsPillsComponent.prototype.enrollmentMapData;
     /**
      * @type {?}
      * @private
@@ -17975,7 +18073,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',] }] }
@@ -18534,7 +18632,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',] }] }
@@ -19332,7 +19430,7 @@ var MdoChannelV2Component = /** @class */ (function () {
     MdoChannelV2Component.decorators = [
         { type: Component, args: [{
                     selector: 'sb-uic-mdo-channel-v2',
-                    template: "<ws-widget-btn-page-back [widgetData]=\"{ url: 'home', titles: titles }\">\n</ws-widget-btn-page-back>\n\n<div class=\"container-fluid\" id=\"section-micro-sites\">\n    <div class=\"flex flex-col flex-1\">\n        <ng-container *ngIf=\"sectionList?.length\">\n            <ng-container *ngFor=\"let section of sectionList\">\n                <ng-container *ngIf=\"section?.enabled\">\n                    <section id=\"{{section?.key}}\" class=\"w-full grid grid-cols-12 gap-4\" [ngClass]=\"{'container': section.wrapperClass}\">\n                        <ng-container *ngFor=\"let column of section.column\">\n                            <div id=\"{{column?.key}}\" class=\"col-span-{{column.colspan || 12}} \">\n                                <ng-container *ngIf=\"column?.enabled\" [ngSwitch]=\"column?.key\">\n                                    <ng-container *ngSwitchCase=\"'topSection'\" [ngTemplateOutlet]=\"topSection\"\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n                                    <ng-container *ngSwitchCase=\"'topLearners'\" [ngTemplateOutlet]=\"topLearners\"\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n                                    <ng-container *ngSwitchCase=\"'mainContent'\" [ngTemplateOutlet]=\"mainContent\"\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n                                </ng-container>\n                            </div>\n                        </ng-container>\n                    </section>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n\n<ng-template #topSection let-data=\"data\">\n    <!-- top section desktop layout -->\n    <div class=\"hidden md:block\">\n        <div class=\"web-banner-background\">\n            <div class=\"flex  items-center justify-center\">\n                <div class=\"container\">\n                    <div class=\"flex sticky-logo-square\" [style.width]=\"stripWidth\">\n                    </div>\n                    <div class=\"grid grid-cols-12 gap-4 padding-top-xxxl mb-10\">\n                        <div class=\"col-span-12 md:col-span-6\">\n                            <div class=\"flex-1 flex flex-col mr-4 ws-mat-black-text\">\n                                <div class=\"\">\n                                    <div class=\"flex items-center logo-square \">\n                                        <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.logo\">\n                                    </div>\n                                    <h1  class=\" txt-ellipsis-2 break-words pt-10\"\n                                        [style.color]=\"data.titleColor\">{{data.title || channnelName}}</h1>\n                                    <p class=\"mat-body-1\" [style.color]=\"data.descriptionColor\">\n                                        {{data?.description | slice:0:descriptionMaxLength}}\n                                        <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n                                    </p>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"col-span-12 md:col-span-6\">\n                            <div class=\"slider slider-box\" *ngIf=\"data.sliderData && data.sliderData.sliders\">\n                                <sb-uic-sliders [widgetData]=\"data.sliderData.sliders\" [styleData]=\"data.sliderData.styleData\" ></sb-uic-sliders>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        \n    </div>\n    <!-- top section m-site layout -->\n    <div class=\"block md:hidden\">\n        <div class=\"col-span-12\">\n            <div class=\"slider slider-box\" *ngIf=\"data.sliderData && data.sliderData.sliders\">\n                <sb-uic-sliders [widgetData]=\"data.sliderData.sliders\" [styleData]=\"data.sliderData.styleData\" ></sb-uic-sliders>\n            </div>\n        </div>\n        <div class=\"container px-4 flex flex-col mob-container\">\n            <div class=\"mr-4 logo-box-container\">\n                <div class=\"flex logo-box-square top mr-4\">\n                    <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.logo\">\n                </div>\n            </div>\n            <div class=\"w-full md:w-9/12 flex-1 flex flex-col\">\n                <h1 class=\" txt-ellipsis-2 break-words\">{{data?.title || channnelName}}</h1>\n                <p class=\"mat-body-2\">\n                    {{data?.description | slice:0:descriptionMaxLength}}\n                    <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n                </p>\n            </div>\n        </div>\n    </div>\n    <div class=\"flex items-center justify-center\">\n        <div class=\"container metrics-section\" >\n            <div class=\"hidden md:block\">\n                <div class=\"metrics\"\n                    [ngStyle]=\"{'background': data?.metrics?.background}\">\n                    <sb-uic-data-points\n                        [providerId]=\"orgId\"\n                        [fetchDataFromApi]=\"true\"\n                        [objectData]=\"data?.metrics?.data\"\n                        [layoutType]=\"'singleFlexeRow'\"\n                        [pageLayout]=\"'mdo'\">\n                    </sb-uic-data-points>\n                </div>\n            </div>\n            <div class=\"block md:hidden  pt-14 px-4\">\n                <div class=\"mob-metrics mob-metrics-sec\">\n                    <sb-uic-data-points\n                        [providerId]=\"orgId\"\n                        [fetchDataFromApi]=\"true\"\n                        [objectData]=\"data?.metrics?.data\"\n                        [layoutType]=\"'singleRow'\"\n                        [pageLayout]=\"'mdo'\">\n                    </sb-uic-data-points>\n                </div>\n                \n            </div>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #mainContent let-data=\"data\">\n    <div class=\"flex items-center justify-center\" [ngStyle]=\"{'background': data.background}\">\n        <div class=\"container\">\n            <div class=\"block md:hidden col-span-12 padding-left-m padding-right-m padding-top-m padding-bottom-m\">\n                <sb-uic-cbp-plan\n                    [layoutType]=\"'web'\"\n                    [mobileHeight]=\"false\"\n                    [fetchDataFromApi]=\"true\"\n                    [channelId]=\"orgId\"\n                    [objectData]=\"data?.cbpPlanSection?.data\">\n                </sb-uic-cbp-plan>\n            </div>\n            <div class=\"block md:hidden col-span-12 mt-6\">\n                <sb-uic-announcements\n                    [layoutType]=\"'mobile'\"\n                    (openDialog)=\"triggerOpenDialog($event)\"\n                    [objectData]=\"data?.announcementSection?.data\"\n                    [fetchDataFromApi]=\"false\"\n                    [channelId]=\"orgId\">\n                </sb-uic-announcements>\n                <div class=\"announcements-container\" *ngIf=\"showModal\">\n                    <div class=\"cursor-pointer close-share-dialog\">\n                        <mat-icon (click)=\"onClose()\" class=\"close-icon\">close</mat-icon>\n                    </div>\n                    <div class=\"share-modal px-3 pt-8\">\n                        <sb-uic-announcements\n                            [layoutType]=\"'web'\"\n                            (openDialog)=\"triggerOpenDialog($event)\"\n                            [objectData]=\"data?.announcementSection?.data\"\n                            [mobileHeight]=\"true\"\n                            [fetchDataFromApi]=\"true\"\n                            [channelId]=\"orgId\">\n                        </sb-uic-announcements>\n                    </div>\n                </div>\n            </div>\n            <div class=\"grid grid-cols-12 gap-4 padding-top-m mb-6\">\n                <div class=\"col-span-12 md:col-span-{{data.tabSection.colspan}}\">\n                    <!-- Tabs Section -->\n                    <mat-tab-group animationDuration=\"0ms\" class=\"mat-tab-labels mytabs w-full \"\n                        [selectedIndex]=\"selectedIndex\" (selectedTabChange)=\"selectedIndex = $event.index; tabClicked($event)\">\n                        <mat-tab label=\"Content\" >\n                            <ng-template mat-tab-label i18n>\n                                Learn\n                            </ng-template>\n                            <ng-container *ngIf=\"data.tabSection.contentTab.length === contentTabEmptyResponseCount\">\n                                <div class=\"flex justify-center w-full\">\n                                    <div class=\"margin-xl text-center\" >\n                                        <img src=\"/assets/common/error-pages/empty_search.svg\" wsUtilsImageResponsive alt=\"No results\"\n                                            class=\"margin-top-l margin-bottom-s\">\n                                        <h2 class=\"mat-h2\" i18n=\"search route no result\">{{'learnsearch.noResults' | translate}}</h2>\n                                    </div>\n                                </div>\n                            </ng-container>\n                            <div class=\"padding-top-l \">\n                                <ng-container [ngTemplateOutlet]=\"columnSectionDisplay\"\n                                    [ngTemplateOutletContext]=\"{data: data.tabSection.contentTab}\"></ng-container>\n                            </div>\n                        </mat-tab>\n                        <mat-tab label=\"Core Areas\">\n                            <ng-template mat-tab-label i18n>\n                                Competency\n                            </ng-template>\n                            <div>\n                                <ng-container [ngTemplateOutlet]=\"columnSectionDisplay\"\n                                    [ngTemplateOutletContext]=\"{data: data.tabSection.coreAreasTab}\"></ng-container>\n                            </div>\n                        </mat-tab>\n                    </mat-tab-group>\n                </div>\n                <div class=\"col-span-12 md:col-span-4\">\n                    <div class=\"hidden md:block padding-top-xl padding-bottom-m\"\n                        *ngIf=\"data?.cbpPlanSection?.data\">\n                        <div class=\"pt-4\">\n                            <sb-uic-cbp-plan\n                                [layoutType]=\"'web'\"\n                                [mobileHeight]=\"false\"\n                                [fetchDataFromApi]=\"true\"\n                                [channelId]=\"orgId\"\n                                [objectData]=\"data?.cbpPlanSection?.data\">\n                            </sb-uic-cbp-plan>\n                        </div>                    \n                    </div>\n                    <div class=\"hidden md:block\" \n                    *ngIf=\"data?.announcementSection?.data\">\n                    <div class=\"pt-4\">\n                        <sb-uic-announcements\n                            [layoutType]=\"'web'\"\n                            [mobileHeight]=\"false\"\n                            [fetchDataFromApi]=\"true\"\n                            [channelId]=\"orgId\"\n                            [objectData]=\"data?.announcementSection?.data\">\n                        </sb-uic-announcements>\n                    </div>                    \n                </div>\n                </div>               \n            </div>\n        </div>\n    </div>\n</ng-template>\n<!-- \n<ng-template #announcement let-data=\"data\">\n    <div class=\"flex  items-center justify-center\" [ngStyle]=\"{'background': data.background}\">\n        <div class=\"w-full\">\n            Announcement Section -->\n            <!-- <h1>Announcement</h1>\n        </div>\n    </div>\n</ng-template> -->\n\n\n<ng-template #columnSectionDisplay  let-data=\"data\">\n    <ng-container *ngIf=\"data?.length\">\n        <ng-container *ngFor=\"let section of data\">\n            <ng-container *ngIf=\"section?.enabled\">\n                <section id=\"{{section?.key}}\" class=\"w-full grid grid-cols-12 gap-4\" [ngClass]=\"{'container': section.wrapperClass}\">\n                    <ng-container *ngFor=\"let column of section.column\">\n                        <div id=\"{{column?.key}}\" class=\"col-span-{{column.colspan || 12}} \">\n                            <ng-container *ngIf=\"column?.enabled\" [ngSwitch]=\"column?.key\">\n                                <ng-container *ngSwitchCase=\"'competency'\" [ngTemplateOutlet]=\"competency\"\n                                [ngTemplateOutletContext]=\"{competency: column}\"></ng-container>\n                                <ng-container *ngSwitchCase=\"'contentRecommendedProgramStrip'\" [ngTemplateOutlet]=\"contentStripTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }\"></ng-container>\n                                <ng-container *ngSwitchCase=\"'contentRecommendedCoursesStrip'\" [ngTemplateOutlet]=\"contentStripTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }\"></ng-container>\n                                <ng-container *ngSwitchCase=\"'contentFeaturedStrip'\" [ngTemplateOutlet]=\"contentStripTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }\"></ng-container>\n                                <ng-container *ngSwitchCase=\"'contentcertificationsOfWeekStrip'\" [ngTemplateOutlet]=\"contentStripTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }\"></ng-container>\n                            </ng-container>\n                        </div>\n                    </ng-container>\n                </section>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</ng-template>\n\n\n<!-- Start Competencies -->\n<ng-template #competency let-competency=\"competency\">\n    <div class=\"padding-top-l padding-bottom-l relative\"  [style.background]=\"competency?.background\" *ngIf=\"!hideCompetencyBlock;else noData\">\n        <div class=\"w-full container-balanced\">\n            <p class=\"mat-body-1 pl-5 pr-4 md:pl-0 md:pr-0\">This section shows the list of top competencies users in this MDO are learning, based on the courses they've completed and enrolled in.</p>\n            <div class=\"pl-4 pr-4 md:pl-0 md:pr-0\">\n                <sb-uic-competency-passbook-mdo\n                    [dynamicColor]=\"'#999999'\"\n                    [dynamicAlignPills]=\"'start'\"\n                    [cardDisplayCount]=\"2\"\n                    (emptyResponse)=\"hideCompetency($event)\"\n                    (temeletryResponse)=\"raiseCompetencyTelemetry($event)\"\n                    [objectData]=\"competency\"\n                    [providerId]=\"orgId\"\n                    >\n                </sb-uic-competency-passbook-mdo>\n            </div>\n        </div>\n        <!-- <img class=\"absolute comp-back-img\" src=\"assets/icons/microsite/competency.svg\" alt=\"\"> -->\n    </div>\n</ng-template>\n<!-- End Competencies -->\n{{contentTabEmptyResponseCount}}hiiii\n<ng-template #contentStripTemplate let-data=\"data\">\n    <ng-container *ngIf=\"!data?.contentStrip?.hideSection\">\n        <div class=\"flex mb-8\">\n            <div class=\"w-full\">\n                <sb-uic-content-strip-with-tabs\n                    [emitViewAll]=\"true\"\n                    (viewAllResponse)=\"showAllContent($event, data)\"\n                    (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n                    (emptyResponse)=\"hideContentStrip($event, data)\"\n                    [providerId]=\"orgId\"\n                    [widgetData]=\"data?.contentStrip\"\n                    [channnelName]=\"channnelName\"\n                    >\n                </sb-uic-content-strip-with-tabs>\n            </div>\n        </div>\n    </ng-container>\n</ng-template>\n\n<ng-template #noData>\n        <div class=\"flex justify-center w-full\">\n            <div class=\"margin-xl text-center\" >\n                <img src=\"/assets/common/error-pages/empty_search.svg\" wsUtilsImageResponsive alt=\"No results\"\n                    class=\"margin-top-l margin-bottom-s\">\n                <h2 class=\"mat-h2\" i18n=\"search route no result\">{{'learnsearch.noResults' | translate}}</h2>\n            </div>\n        </div>\n</ng-template>\n\n<ng-template #topLearners let-data=\"data\">\n    <div class=\"flex items-center justify-center\">\n        <div class=\"container top-learners margin-bottom-l margin-top-l\">\n            <sb-uic-top-learners\n                [objectData]=\"data\"\n                [channnelName]=\"channnelName\"\n                [channelId]=\"orgId\">\n            </sb-uic-top-learners>\n        </div>\n    </div>\n</ng-template>",
+                    template: "<ws-widget-btn-page-back [widgetData]=\"{ url: 'home', titles: titles }\">\n</ws-widget-btn-page-back>\n\n<div class=\"container-fluid\" id=\"section-micro-sites\">\n    <div class=\"flex flex-col flex-1\">\n        <ng-container *ngIf=\"sectionList?.length\">\n            <ng-container *ngFor=\"let section of sectionList\">\n                <ng-container *ngIf=\"section?.enabled\">\n                    <section id=\"{{section?.key}}\" class=\"w-full grid grid-cols-12 gap-4\" [ngClass]=\"{'container': section.wrapperClass}\">\n                        <ng-container *ngFor=\"let column of section.column\">\n                            <div id=\"{{column?.key}}\" class=\"col-span-{{column.colspan || 12}} \">\n                                <ng-container *ngIf=\"column?.enabled\" [ngSwitch]=\"column?.key\">\n                                    <ng-container *ngSwitchCase=\"'topSection'\" [ngTemplateOutlet]=\"topSection\"\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n                                    <ng-container *ngSwitchCase=\"'topLearners'\" [ngTemplateOutlet]=\"topLearners\"\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n                                    <ng-container *ngSwitchCase=\"'mainContent'\" [ngTemplateOutlet]=\"mainContent\"\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n                                </ng-container>\n                            </div>\n                        </ng-container>\n                    </section>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n\n<ng-template #topSection let-data=\"data\">\n    <!-- top section desktop layout -->\n    <div class=\"hidden md:block\">\n        <div class=\"web-banner-background\">\n            <div class=\"flex  items-center justify-center\">\n                <div class=\"container\">\n                    <div class=\"flex sticky-logo-square\" [style.width]=\"stripWidth\">\n                    </div>\n                    <div class=\"grid grid-cols-12 gap-4 padding-top-xxxl mb-10\">\n                        <div class=\"col-span-12 md:col-span-6\">\n                            <div class=\"flex-1 flex flex-col mr-4 ws-mat-black-text\">\n                                <div class=\"\">\n                                    <div class=\"flex items-center logo-square \">\n                                        <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.logo\">\n                                    </div>\n                                    <h1  class=\" txt-ellipsis-2 break-words pt-10\"\n                                        [style.color]=\"data.titleColor\">{{data.title || channnelName}}</h1>\n                                    <p class=\"mat-body-1\" [style.color]=\"data.descriptionColor\">\n                                        {{data?.description | slice:0:descriptionMaxLength}}\n                                        <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n                                    </p>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"col-span-12 md:col-span-6\">\n                            <div class=\"slider slider-box\" *ngIf=\"data.sliderData && data.sliderData.sliders\">\n                                <sb-uic-sliders [widgetData]=\"data.sliderData.sliders\" [styleData]=\"data.sliderData.styleData\" ></sb-uic-sliders>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        \n    </div>\n    <!-- top section m-site layout -->\n    <div class=\"block md:hidden\">\n        <div class=\"col-span-12\">\n            <div class=\"slider slider-box\" *ngIf=\"data.sliderData && data.sliderData.sliders\">\n                <sb-uic-sliders [widgetData]=\"data.sliderData.sliders\" [styleData]=\"data.sliderData.styleData\" ></sb-uic-sliders>\n            </div>\n        </div>\n        <div class=\"container px-4 flex flex-col mob-container\">\n            <div class=\"mr-4 logo-box-container\">\n                <div class=\"flex logo-box-square top mr-4\">\n                    <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.logo\">\n                </div>\n            </div>\n            <div class=\"w-full md:w-9/12 flex-1 flex flex-col\">\n                <h1 class=\" txt-ellipsis-2 break-words\">{{data?.title || channnelName}}</h1>\n                <p class=\"mat-body-2\">\n                    {{data?.description | slice:0:descriptionMaxLength}}\n                    <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n                </p>\n            </div>\n        </div>\n    </div>\n    <div class=\"flex items-center justify-center\">\n        <div class=\"container metrics-section\" >\n            <div class=\"hidden md:block\">\n                <div class=\"metrics\"\n                    [ngStyle]=\"{'background': data?.metrics?.background}\">\n                    <sb-uic-data-points\n                        [providerId]=\"orgId\"\n                        [fetchDataFromApi]=\"true\"\n                        [objectData]=\"data?.metrics?.data\"\n                        [layoutType]=\"'singleFlexeRow'\"\n                        [pageLayout]=\"'mdo'\">\n                    </sb-uic-data-points>\n                </div>\n            </div>\n            <div class=\"block md:hidden  pt-14 px-4\">\n                <div class=\"mob-metrics mob-metrics-sec\">\n                    <sb-uic-data-points\n                        [providerId]=\"orgId\"\n                        [fetchDataFromApi]=\"true\"\n                        [objectData]=\"data?.metrics?.data\"\n                        [layoutType]=\"'singleRow'\"\n                        [pageLayout]=\"'mdo'\">\n                    </sb-uic-data-points>\n                </div>\n                \n            </div>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #mainContent let-data=\"data\">\n    <div class=\"flex items-center justify-center\" [ngStyle]=\"{'background': data.background}\">\n        <div class=\"container\">\n            <div class=\"block md:hidden col-span-12 padding-left-m padding-right-m padding-top-m padding-bottom-m\">\n                <sb-uic-cbp-plan\n                    [layoutType]=\"'web'\"\n                    [mobileHeight]=\"false\"\n                    [fetchDataFromApi]=\"true\"\n                    [channelId]=\"orgId\"\n                    [objectData]=\"data?.cbpPlanSection?.data\">\n                </sb-uic-cbp-plan>\n            </div>\n            <div class=\"block md:hidden col-span-12 mt-6\">\n                <sb-uic-announcements\n                    [layoutType]=\"'mobile'\"\n                    (openDialog)=\"triggerOpenDialog($event)\"\n                    [objectData]=\"data?.announcementSection?.data\"\n                    [fetchDataFromApi]=\"false\"\n                    [channelId]=\"orgId\">\n                </sb-uic-announcements>\n                <div class=\"announcements-container\" *ngIf=\"showModal\">\n                    <div class=\"cursor-pointer close-share-dialog\">\n                        <mat-icon (click)=\"onClose()\" class=\"close-icon\">close</mat-icon>\n                    </div>\n                    <div class=\"share-modal px-3 pt-8\">\n                        <sb-uic-announcements\n                            [layoutType]=\"'web'\"\n                            (openDialog)=\"triggerOpenDialog($event)\"\n                            [objectData]=\"data?.announcementSection?.data\"\n                            [mobileHeight]=\"true\"\n                            [fetchDataFromApi]=\"true\"\n                            [channelId]=\"orgId\">\n                        </sb-uic-announcements>\n                    </div>\n                </div>\n            </div>\n            <div class=\"grid grid-cols-12 gap-4 padding-top-m mb-6\">\n                <div class=\"col-span-12 md:col-span-{{data.tabSection.colspan}}\">\n                    <!-- Tabs Section -->\n                    <mat-tab-group animationDuration=\"0ms\" class=\"mat-tab-labels mytabs w-full \"\n                        [selectedIndex]=\"selectedIndex\" (selectedTabChange)=\"selectedIndex = $event.index; tabClicked($event)\">\n                        <mat-tab label=\"Content\" >\n                            <ng-template mat-tab-label i18n>\n                                Learn\n                            </ng-template>\n                            <ng-container *ngIf=\"data.tabSection.contentTab.length === contentTabEmptyResponseCount\">\n                                <div class=\"flex justify-center w-full\">\n                                    <div class=\"margin-xl text-center\" >\n                                        <img src=\"/assets/common/error-pages/empty_search.svg\" wsUtilsImageResponsive alt=\"No results\"\n                                            class=\"margin-top-l margin-bottom-s\">\n                                        <h2 class=\"mat-h2\" i18n=\"search route no result\">{{'learnsearch.noResults' | translate}}</h2>\n                                    </div>\n                                </div>\n                            </ng-container>\n                            <div class=\"padding-top-l \">\n                                <ng-container [ngTemplateOutlet]=\"columnSectionDisplay\"\n                                    [ngTemplateOutletContext]=\"{data: data.tabSection.contentTab}\"></ng-container>\n                            </div>\n                        </mat-tab>\n                        <mat-tab label=\"Core Areas\">\n                            <ng-template mat-tab-label i18n>\n                                Competency\n                            </ng-template>\n                            <div>\n                                <ng-container [ngTemplateOutlet]=\"columnSectionDisplay\"\n                                    [ngTemplateOutletContext]=\"{data: data.tabSection.coreAreasTab}\"></ng-container>\n                            </div>\n                        </mat-tab>\n                    </mat-tab-group>\n                </div>\n                <div class=\"col-span-12 md:col-span-4\">\n                    <div class=\"hidden md:block padding-top-xl padding-bottom-m\"\n                        *ngIf=\"data?.cbpPlanSection?.data\">\n                        <div class=\"pt-4\">\n                            <sb-uic-cbp-plan\n                                [layoutType]=\"'web'\"\n                                [mobileHeight]=\"false\"\n                                [fetchDataFromApi]=\"true\"\n                                [channelId]=\"orgId\"\n                                [objectData]=\"data?.cbpPlanSection?.data\">\n                            </sb-uic-cbp-plan>\n                        </div>                    \n                    </div>\n                    <div class=\"hidden md:block\" \n                    *ngIf=\"data?.announcementSection?.data\">\n                    <div class=\"pt-4\">\n                        <sb-uic-announcements\n                            [layoutType]=\"'web'\"\n                            [mobileHeight]=\"false\"\n                            [fetchDataFromApi]=\"true\"\n                            [channelId]=\"orgId\"\n                            [objectData]=\"data?.announcementSection?.data\">\n                        </sb-uic-announcements>\n                    </div>                    \n                </div>\n                </div>               \n            </div>\n        </div>\n    </div>\n</ng-template>\n<!-- \n<ng-template #announcement let-data=\"data\">\n    <div class=\"flex  items-center justify-center\" [ngStyle]=\"{'background': data.background}\">\n        <div class=\"w-full\">\n            Announcement Section -->\n            <!-- <h1>Announcement</h1>\n        </div>\n    </div>\n</ng-template> -->\n\n\n<ng-template #columnSectionDisplay  let-data=\"data\">\n    <ng-container *ngIf=\"data?.length\">\n        <ng-container *ngFor=\"let section of data\">\n            <ng-container *ngIf=\"section?.enabled\">\n                <section id=\"{{section?.key}}\" class=\"w-full grid grid-cols-12 gap-4\" [ngClass]=\"{'container': section.wrapperClass}\">\n                    <ng-container *ngFor=\"let column of section.column\">\n                        <div id=\"{{column?.key}}\" class=\"col-span-{{column.colspan || 12}} \">\n                            <ng-container *ngIf=\"column?.enabled\" [ngSwitch]=\"column?.key\">\n                                <ng-container *ngSwitchCase=\"'competency'\" [ngTemplateOutlet]=\"competency\"\n                                [ngTemplateOutletContext]=\"{competency: column}\"></ng-container>\n                                <ng-container *ngSwitchCase=\"'contentRecommendedProgramStrip'\" [ngTemplateOutlet]=\"contentStripTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }\"></ng-container>\n                                <ng-container *ngSwitchCase=\"'contentRecommendedCoursesStrip'\" [ngTemplateOutlet]=\"contentStripTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }\"></ng-container>\n                                <ng-container *ngSwitchCase=\"'contentFeaturedStrip'\" [ngTemplateOutlet]=\"contentStripTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }\"></ng-container>\n                                <ng-container *ngSwitchCase=\"'contentcertificationsOfWeekStrip'\" [ngTemplateOutlet]=\"contentStripTemplate\"\n                                [ngTemplateOutletContext]=\"{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }\"></ng-container>\n                            </ng-container>\n                        </div>\n                    </ng-container>\n                </section>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</ng-template>\n\n\n<!-- Start Competencies -->\n<ng-template #competency let-competency=\"competency\">\n    <div class=\"padding-top-l padding-bottom-l relative\"  [style.background]=\"competency?.background\" *ngIf=\"!hideCompetencyBlock;else noData\">\n        <div class=\"w-full container-balanced\">\n            <p class=\"mat-body-1 pl-5 pr-4 md:pl-0 md:pr-0\">This section shows the list of top competencies users in this MDO are learning, based on the courses they've completed and enrolled in.</p>\n            <div class=\"pl-4 pr-4 md:pl-0 md:pr-0\">\n                <sb-uic-competency-passbook-mdo\n                    [dynamicColor]=\"'#999999'\"\n                    [dynamicAlignPills]=\"'start'\"\n                    [cardDisplayCount]=\"2\"\n                    (emptyResponse)=\"hideCompetency($event)\"\n                    (temeletryResponse)=\"raiseCompetencyTelemetry($event)\"\n                    [objectData]=\"competency\"\n                    [providerId]=\"orgId\"\n                    >\n                </sb-uic-competency-passbook-mdo>\n            </div>\n        </div>\n        <!-- <img class=\"absolute comp-back-img\" src=\"assets/icons/microsite/competency.svg\" alt=\"\"> -->\n    </div>\n</ng-template>\n<!-- End Competencies -->\n<ng-template #contentStripTemplate let-data=\"data\">\n    <ng-container *ngIf=\"!data?.contentStrip?.hideSection\">\n        <div class=\"flex mb-8\">\n            <div class=\"w-full\">\n                <sb-uic-content-strip-with-tabs\n                    [emitViewAll]=\"true\"\n                    (viewAllResponse)=\"showAllContent($event, data)\"\n                    (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n                    (emptyResponse)=\"hideContentStrip($event, data)\"\n                    [providerId]=\"orgId\"\n                    [widgetData]=\"data?.contentStrip\"\n                    [channnelName]=\"channnelName\"\n                    >\n                </sb-uic-content-strip-with-tabs>\n            </div>\n        </div>\n    </ng-container>\n</ng-template>\n\n<ng-template #noData>\n        <div class=\"flex justify-center w-full\">\n            <div class=\"margin-xl text-center\" >\n                <img src=\"/assets/common/error-pages/empty_search.svg\" wsUtilsImageResponsive alt=\"No results\"\n                    class=\"margin-top-l margin-bottom-s\">\n                <h2 class=\"mat-h2\" i18n=\"search route no result\">{{'learnsearch.noResults' | translate}}</h2>\n            </div>\n        </div>\n</ng-template>\n\n<ng-template #topLearners let-data=\"data\">\n    <div class=\"flex items-center justify-center\">\n        <div class=\"container top-learners margin-bottom-l margin-top-l\">\n            <sb-uic-top-learners\n                [objectData]=\"data\"\n                [channnelName]=\"channnelName\"\n                [channelId]=\"orgId\">\n            </sb-uic-top-learners>\n        </div>\n    </div>\n</ng-template>",
                     styles: [".container-balanced{max-width:1202px;margin-left:auto!important;margin-right:auto!important}.container{max-width:1200px}.padding-top-xxxl{padding-top:47px}.banner-container{align-items:center;background:#eee;padding:16px;gap:2.5rem;justify-content:center}.web-banner-background{background-image:url(/assets/icons/microsite/MDO-channel-banner.png);background-size:cover;min-height:464px}.mob-container{background-image:url(/assets/icons/microsite/MDOChannel_RightGraphic.svg);background-position:right;background-repeat:no-repeat}.sticky-logo-square{position:absolute;top:215px;justify-content:end;border-bottom-right-radius:12px;border-top-right-radius:12px;background:#fff;display:flex;padding:10px;justify-content:end;height:53px;left:0}.logo-square{width:112px;max-height:73px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.logo-box-container{width:157px;position:relative;height:64px}.logo-box-square{height:99px;width:157px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px 0 rgba(0,0,0,.06)}.logo-box-square .logo-img{max-width:122px}.logo-box-square.top{position:absolute;top:-54px}.logo-img{-o-object-fit:contain;object-fit:contain;max-height:52px;height:96px;z-index:10}.metrics{border:3px solid #fff;border-radius:10px;align-items:center}.mob-metrics{overflow:auto}.metrics-section{margin-top:-30px}.empty-div{height:15px}.mob-metrics-sec{padding-top:1rem}.announcements-container{position:fixed;height:calc(100vh - 67px);background:rgba(19,19,19,.6392156863);width:100vw;top:0;left:0;z-index:1000}.close-announcements-dialog{position:absolute;right:30px;top:30px}.close-icon{color:#fff;border-radius:15px;float:right;position:absolute;top:15px;right:15px}@media screen and (max-width:768px){::ng-deep.recommendedProgram .mat-tab-header{padding-left:20px}::ng-deep.featuredCourses .mat-tab-header{padding-left:20px}.metrics-section{margin-top:0}.top-learners{padding-left:30px}}::ng-deep .mytabs .mat-tab-label.mat-tab-label-active.cdk-keyboard-focused:not(.mat-tab-disabled),::ng-deep .mytabs .mat-tab-label.mat-tab-label-active:not(.mat-tab-disabled){font-weight:700;color:#000;opacity:1}"]
                 }] }
     ];
@@ -20870,7 +20968,6 @@ var UserProgressComponent = /** @class */ (function () {
      */
     function () {
         var _this = this;
-        debugger;
         this.insightSvc.fetchUserProgress().subscribe((/**
          * @param {?} res
          * @return {?}
@@ -21111,5 +21208,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