@sunbird-cb/consumption 0.0.90 → 0.0.92

package/bundles/sunbird-cb-consumption.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('@sunbird-cb/utils-v2'), require('@angular/material'), require('@sunbird-cb/resolver-v2'), require('@angular/common/http'), require('lodash'), require('moment'), require('@ngx-translate/core'), require('rxjs/add/observable/of'), require('dayjs'), require('@ngx-translate/http-loader'), require('@angular/cdk/layout'), require('@angular/platform-browser'), require('hammerjs'), require('@angular/forms'), require('jspdf')) :
-    typeof define === 'function' && define.amd ? define('@sunbird-cb/consumption', ['exports', '@angular/core', '@angular/common', '@angular/router', 'rxjs', 'rxjs/operators', '@sunbird-cb/utils-v2', '@angular/material', '@sunbird-cb/resolver-v2', '@angular/common/http', 'lodash', 'moment', '@ngx-translate/core', 'rxjs/add/observable/of', 'dayjs', '@ngx-translate/http-loader', '@angular/cdk/layout', '@angular/platform-browser', 'hammerjs', '@angular/forms', 'jspdf'], factory) :
-    (global = global || self, factory((global['sunbird-cb'] = global['sunbird-cb'] || {}, global['sunbird-cb'].consumption = {}), global.ng.core, global.ng.common, global.ng.router, global.rxjs, global.rxjs.operators, global['@sunbird-cb/utils-v2'], global.ng.material, global['@sunbird-cb/resolver-v2'], global.ng.common.http, global.lodash, global.moment, global.core$1, global.rxjs['add/observable/of'], global.dayjs_, global.httpLoader, global.ng.cdk.layout, global.ng.platformBrowser, global.hammerjs, global.ng.forms, global.jspdf));
-}(this, (function (exports, core, common, router, rxjs, operators, utilsV2, material, resolverV2, http, lodash, moment$4, core$1, of, dayjs_, httpLoader, layout, platformBrowser, Hammer, forms, jspdf) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('@sunbird-cb/utils-v2'), require('@angular/material'), require('@sunbird-cb/resolver-v2'), require('@angular/common/http'), require('lodash'), require('rxjs/add/observable/of'), require('dayjs'), require('moment'), require('@ngx-translate/core'), require('@ngx-translate/http-loader'), require('@angular/cdk/layout'), require('@angular/platform-browser'), require('hammerjs'), require('@angular/forms'), require('jspdf')) :
+    typeof define === 'function' && define.amd ? define('@sunbird-cb/consumption', ['exports', '@angular/core', '@angular/common', '@angular/router', 'rxjs', 'rxjs/operators', '@sunbird-cb/utils-v2', '@angular/material', '@sunbird-cb/resolver-v2', '@angular/common/http', 'lodash', 'rxjs/add/observable/of', 'dayjs', 'moment', '@ngx-translate/core', '@ngx-translate/http-loader', '@angular/cdk/layout', '@angular/platform-browser', 'hammerjs', '@angular/forms', 'jspdf'], factory) :
+    (global = global || self, factory((global['sunbird-cb'] = global['sunbird-cb'] || {}, global['sunbird-cb'].consumption = {}), global.ng.core, global.ng.common, global.ng.router, global.rxjs, global.rxjs.operators, global['@sunbird-cb/utils-v2'], global.ng.material, global['@sunbird-cb/resolver-v2'], global.ng.common.http, global.lodash, global.rxjs['add/observable/of'], global.dayjs_, global.moment, global.core$1, global.httpLoader, global.ng.cdk.layout, global.ng.platformBrowser, global.hammerjs, global.ng.forms, global.jspdf));
+}(this, (function (exports, core, common, router, rxjs, operators, utilsV2, material, resolverV2, http, lodash, of, dayjs_, moment$4, core$1, httpLoader, layout, platformBrowser, Hammer, forms, jspdf) { 'use strict';
 
     Hammer = Hammer && Hammer.hasOwnProperty('default') ? Hammer['default'] : Hammer;
 
@@ -1678,689 +1678,1361 @@
         };
     }
 
+    /**
+     * @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 rxjs.BehaviorSubject({});
-            this.tocConfigData$ = this.tocConfigData.asObservable();
-            this.telemetryData = new rxjs.Subject();
-            this.telemetryData$ = this.telemetryData.asObservable();
-            this.programChildCourseResumeData = new rxjs.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 rxjs.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(operators.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 rxjs.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 http.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(operators.catchError(this.handleError), operators.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
+         * @param {?} userId
+         * @param {?=} queryParams
          * @return {?}
          */
-        WidgetContentService.prototype.updateTocConfig = /**
-         * @param {?} data
+        WidgetUserServiceLib.prototype.fetchProfileUserBatchList = 
+        // tslint:disable-next-line: max-line-length
+        /**
+         * @param {?} userId
+         * @param {?=} queryParams
          * @return {?}
          */
-        function (data) {
-            this.tocConfigData.next(data);
+        function (userId, queryParams) {
+            /** @type {?} */
+            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 headers = new http.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(operators.catchError(this.handleError), operators.map((/**
+             * @param {?} data
+             * @return {?}
+             */
+            function (data) { return data.result; })));
         };
         /**
-         * @param {?} contentId
-         * @param {?=} hierarchyType
-         * @param {?=} _additionalFields
-         * @param {?=} primaryCategory
+         * @param {?} key
+         * @param {?} dataKey
          * @return {?}
          */
-        WidgetContentService.prototype.fetchContent = /**
-         * @param {?} contentId
-         * @param {?=} hierarchyType
-         * @param {?=} _additionalFields
-         * @param {?=} primaryCategory
+        WidgetUserServiceLib.prototype.checkStorageData = /**
+         * @param {?} key
+         * @param {?} dataKey
          * @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 = '';
+        function (key, dataKey) {
             /** @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 {
+            var checkTime = localStorage.getItem('timeCheck');
+            if (checkTime) {
+                /** @type {?} */
+                var parsedData = JSON.parse(checkTime);
+                if (parsedData[key]) {
                     /** @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;
+                    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
-            //   .post<NsContent.IContent>(url, { additionalFields })
-            //   .pipe(retry(1))
-            return this.http
-                .get(url)
-                .pipe(operators.shareReplay(1));
-            // if (apiData && apiData.result) {
-            //   return apiData.result.content
-            // }
+            return true;
         };
         /**
-         * @param {?} contentId
+         * @param {?} key
          * @return {?}
          */
-        WidgetContentService.prototype.fetchAuthoringContent = /**
-         * @param {?} contentId
+        WidgetUserServiceLib.prototype.getData = /**
+         * @param {?} key
          * @return {?}
          */
-        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";
-            }
-            else {
-                url = API_END_POINTS.AUTHORING_CONTENT + "/" + contentId + "?hierarchyType=detail";
-            }
-            return this.http.get(url).pipe(operators.shareReplay(1), (/**
-             * @param {?} r
-             * @return {?}
-             */
-            function (r) { return r; }));
+        function (key) {
+            return rxjs.Observable.of(JSON.parse(localStorage.getItem(key) || '{}'));
         };
         /**
-         * @param {?} ids
+         * @param {?} key
          * @return {?}
          */
-        WidgetContentService.prototype.fetchMultipleContent = /**
-         * @param {?} ids
+        WidgetUserServiceLib.prototype.getSavedData = /**
+         * @param {?} key
          * @return {?}
          */
-        function (ids) {
-            return this.http.get(API_END_POINTS.MULTIPLE_CONTENT + "/" + ids.join(','));
+        function (key) {
+            return 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.setTime = /**
+         * @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) {
+            /** @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 {?} key
          * @return {?}
          */
-        WidgetContentService.prototype.fetchBlendedCourse = /**
+        WidgetUserServiceLib.prototype.resetTime = /**
+         * @param {?} key
          * @return {?}
          */
-        function () {
+        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));
+                }
+            }
         };
         /**
-         * @param {?} req
+         * @param {?} userId
          * @return {?}
          */
-        WidgetContentService.prototype.fetchCourseBatches = /**
-         * @param {?} req
+        WidgetUserServiceLib.prototype.fetchCbpPlanList = /**
+         * @param {?} userId
          * @return {?}
          */
-        function (req) {
-            return this.http
-                .post(API_END_POINTS.COURSE_BATCH_LIST, req)
-                .pipe(operators.retry(1), operators.map((/**
-             * @param {?} data
-             * @return {?}
-             */
-            function (data) { return data.result.response; })));
+        function (userId) {
+            var _this = this;
+            if (this.checkStorageData('cbpService', 'cbpData')) {
+                /** @type {?} */
+                var result = this.http.get(API_END_POINTS.FETCH_CPB_PLANS).pipe(operators.catchError(this.handleError), operators.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');
         };
-        // fetch individual batch
-        // fetch individual batch
         /**
-         * @param {?} batchId
+         * @param {?} enrollmentData
+         * @param {?} enrolledCourseCount
          * @return {?}
          */
-        WidgetContentService.prototype.fetchCourseBatch = 
-        // fetch individual batch
-        /**
-         * @param {?} batchId
+        WidgetUserServiceLib.prototype.storeUserEnrollmentInfo = /**
+         * @param {?} enrollmentData
+         * @param {?} enrolledCourseCount
          * @return {?}
          */
-        function (batchId) {
-            return this.http.get(API_END_POINTS.COURSE_BATCH + "/" + batchId);
+        function (enrollmentData, enrolledCourseCount) {
+            /** @type {?} */
+            var userData = {
+                enrolledCourseCount: enrolledCourseCount,
+                userCourseEnrolmentInfo: enrollmentData,
+            };
+            localStorage.removeItem('userEnrollmentCount');
+            localStorage.setItem('userEnrollmentCount', JSON.stringify(userData));
         };
         /**
-         * @param {?} identifier
+         * @param {?} userId
+         * @param {?} contentdata
          * @return {?}
          */
-        WidgetContentService.prototype.autoAssignBatchApi = /**
-         * @param {?} identifier
+        WidgetUserServiceLib.prototype.fetchEnrollmentDataByContentId = /**
+         * @param {?} userId
+         * @param {?} contentdata
          * @return {?}
          */
-        function (identifier) {
-            return this.http.get("" + API_END_POINTS.AUTO_ASSIGN_BATCH + identifier)
-                .pipe(operators.retry(1), operators.map((/**
+        function (userId, contentdata) {
+            /** @type {?} */
+            var path = API_END_POINTS.FETCH_USER_ENROLLMENT_LIST(userId);
+            path = path + "&courseIds=" + contentdata + "&cache=false'";
+            /** @type {?} */
+            var headers = new http.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(operators.catchError(this.handleError), operators.map((/**
              * @param {?} data
              * @return {?}
              */
-            function (data) { return data.result.response; })));
+            function (data) { return data.result; })));
         };
         /**
-         * @param {?} request
-         * @param {?} programType
+         * @param {?} cbpContent
          * @return {?}
          */
-        WidgetContentService.prototype.autoAssignCuratedBatchApi = /**
-         * @param {?} request
-         * @param {?} programType
+        WidgetUserServiceLib.prototype.getCbpFormatedData = /**
+         * @param {?} cbpContent
          * @return {?}
          */
-        function (request, programType) {
+        function (cbpContent) {
             /** @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(operators.retry(1), operators.map((/**
-             * @param {?} data
+            var cbpContentData = [];
+            /** @type {?} */
+            var contentIds = [];
+            /** @type {?} */
+            var todayDate = dayjs().format('YYYY-MM-DD');
+            cbpContent.forEach((/**
+             * @param {?} c
              * @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();
-        };
-        /**
-         * @param {?} req
-         * @param {?} type
-         * @return {?}
-         */
-        WidgetContentService.prototype.enrollAndUnenrollUserToBatchWF = /**
-         * @param {?} req
-         * @param {?} type
-         * @return {?}
-         */
-        function (req, type) {
-            /** @type {?} */
-            var url = type === 'WITHDRAW' ? API_END_POINTS.WITHDRAW_BATCH_WF : API_END_POINTS.ENROLL_BATCH_WF;
-            return this.http
-                .post(url, req)
-                .toPromise();
+            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();
-        };
-        /**
-         * @param {?} req
-         * @return {?}
+        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 = lodash.uniqBy(sortedData, 'identifier');
+                                sortedByEndDate = lodash.orderBy(uniqueUsersByID, ['endDate'], ['asc']);
+                                sortedByStatus = lodash.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 {?} 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: core.Injectable, args: [{
+                        providedIn: 'root',
+                    },] }
+        ];
+        /** @nocollapse */
+        WidgetUserServiceLib.ctorParameters = function () { return [
+            { type: undefined, decorators: [{ type: core.Inject, args: ['environment',] }] },
+            { type: http.HttpClient }
+        ]; };
+        /** @nocollapse */ WidgetUserServiceLib.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function WidgetUserServiceLib_Factory() { return new WidgetUserServiceLib(core.ɵɵinject("environment"), core.ɵɵinject(http.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 rxjs.BehaviorSubject({});
+            this.tocConfigData$ = this.tocConfigData.asObservable();
+            this.telemetryData = new rxjs.Subject();
+            this.telemetryData$ = this.telemetryData.asObservable();
+            this.programChildCourseResumeData = new rxjs.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 rxjs.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 rxjs.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(operators.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 {?} */ (rxjs.of()));
+            else {
+                url = API_END_POINTS$1.AUTHORING_CONTENT + "/" + contentId + "?hierarchyType=detail";
+            }
+            return this.http.get(url).pipe(operators.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 rxjs.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(operators.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(operators.retry(1), operators.map((/**
+             * @param {?} data
              * @return {?}
              */
-            function (_err) { return rxjs.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(operators.retry(1), operators.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(operators.retry(1), operators.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 = lodash.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 rxjs.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) {
+        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 {?} */ (rxjs.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 rxjs.EMPTY;
+        };
+        /**
+         * @return {?}
+         */
+        WidgetContentLibService.prototype.setS3ImageCookie = /**
+         * @return {?}
+         */
+        function () {
+            return this.http.post(API_END_POINTS$1.SET_S3_IMAGE_COOKIE, {}).pipe(operators.catchError((/**
+             * @param {?} _err
+             * @return {?}
+             */
+            function (_err) { return rxjs.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 = lodash.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;
             }
@@ -2395,18 +3067,18 @@
          * @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 {?}
          */
@@ -2417,59 +3089,59 @@
          * @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(operators.catchError((/**
+            return this.http.post(API_END_POINTS$1.READ_KARMAPOINTS, { limit: limit, offset: offset }).pipe(operators.catchError((/**
              * @param {?} _err
              * @return {?}
              */
@@ -2479,7 +3151,7 @@
          * @param {?} contentId
          * @return {?}
          */
-        WidgetContentService.prototype.fetchProgramContent = /**
+        WidgetContentLibService.prototype.fetchProgramContent = /**
          * @param {?} contentId
          * @return {?}
          */
@@ -2489,7 +3161,7 @@
             /** @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);
@@ -2499,81 +3171,112 @@
          * @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)];
                     }
                 });
             });
@@ -2583,7 +3286,7 @@
          * @param {?} enrollData
          * @return {?}
          */
-        WidgetContentService.prototype.checkForDataToFormUrl = /**
+        WidgetContentLibService.prototype.checkForDataToFormUrl = /**
          * @param {?} content
          * @param {?} enrollData
          * @return {?}
@@ -2641,7 +3344,7 @@
          * @param {?} mimeType
          * @return {?}
          */
-        WidgetContentService.prototype.getResourseDataWithData = /**
+        WidgetContentLibService.prototype.getResourseDataWithData = /**
          * @param {?} content
          * @param {?} resourseId
          * @param {?} mimeType
@@ -2659,7 +3362,7 @@
          * @param {?} content
          * @return {?}
          */
-        WidgetContentService.prototype.gotoTocPage = /**
+        WidgetContentLibService.prototype.gotoTocPage = /**
          * @param {?} content
          * @return {?}
          */
@@ -2678,7 +3381,7 @@
          * @param {?} batchData
          * @return {?}
          */
-        WidgetContentService.prototype.isBatchInProgress = /**
+        WidgetContentLibService.prototype.isBatchInProgress = /**
          * @param {?} batchData
          * @return {?}
          */
@@ -2704,7 +3407,7 @@
          * @param {?} req
          * @return {?}
          */
-        WidgetContentService.prototype.postApiMethod = /**
+        WidgetContentLibService.prototype.postApiMethod = /**
          * @param {?} apiUrl
          * @param {?} req
          * @return {?}
@@ -2716,7 +3419,7 @@
          * @param {?} apiUrl
          * @return {?}
          */
-        WidgetContentService.prototype.getApiMethod = /**
+        WidgetContentLibService.prototype.getApiMethod = /**
          * @param {?} apiUrl
          * @return {?}
          */
@@ -2724,51 +3427,78 @@
             // 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: core.Injectable, args: [{
                         providedIn: 'root',
                     },] }
         ];
         /** @nocollapse */
-        WidgetContentService.ctorParameters = function () { return [
+        WidgetContentLibService.ctorParameters = function () { return [
             { type: http.HttpClient },
-            { type: utilsV2.ConfigurationsService }
+            { type: utilsV2.ConfigurationsService },
+            { type: WidgetUserServiceLib }
         ]; };
-        /** @nocollapse */ WidgetContentService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function WidgetContentService_Factory() { return new WidgetContentService(core.ɵɵinject(http.HttpClient), core.ɵɵinject(utilsV2.ConfigurationsService)); }, token: WidgetContentService, providedIn: "root" });
-        return WidgetContentService;
+        /** @nocollapse */ WidgetContentLibService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function WidgetContentLibService_Factory() { return new WidgetContentLibService(core.ɵɵinject(http.HttpClient), core.ɵɵinject(utilsV2.ConfigurationsService), core.ɵɵ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;
     }
 
     /**
@@ -3027,856 +3757,250 @@
     /**
      * @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 rxjs.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: core.Injectable, args: [{
-                        providedIn: 'root',
-                    },] }
-        ];
-        /** @nocollapse */
-        MultilingualTranslationsService.ctorParameters = function () { return [
-            { type: core$1.TranslateService },
-            { type: http.HttpClient },
-            { type: ConfigurationsService }
-        ]; };
-        /** @nocollapse */ MultilingualTranslationsService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function MultilingualTranslationsService_Factory() { return new MultilingualTranslationsService(core.ɵɵinject(core$1.TranslateService), core.ɵɵinject(http.HttpClient), core.ɵɵ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 rxjs.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(operators.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 rxjs.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 http.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(operators.catchError(this.handleError), operators.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 http.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(operators.catchError(this.handleError), operators.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 rxjs.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(operators.catchError(this.handleError), operators.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 = lodash.uniqBy(sortedData, 'identifier');
-                            sortedByEndDate = lodash.orderBy(uniqueUsersByID, ['endDate'], ['asc']);
-                            sortedByStatus = lodash.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: core.Injectable, args: [{
                         providedIn: 'root',
                     },] }
         ];
         /** @nocollapse */
-        WidgetUserService.ctorParameters = function () { return [
-            { type: undefined, decorators: [{ type: core.Inject, args: ['environment',] }] },
-            { type: http.HttpClient }
+        MultilingualTranslationsService.ctorParameters = function () { return [
+            { type: core$1.TranslateService },
+            { type: http.HttpClient },
+            { type: ConfigurationsService }
         ]; };
-        /** @nocollapse */ WidgetUserService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function WidgetUserService_Factory() { return new WidgetUserService(core.ɵɵinject("environment"), core.ɵɵinject(http.HttpClient)); }, token: WidgetUserService, providedIn: "root" });
-        return WidgetUserService;
+        /** @nocollapse */ MultilingualTranslationsService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function MultilingualTranslationsService_Factory() { return new MultilingualTranslationsService(core.ɵɵinject(core$1.TranslateService), core.ɵɵinject(http.HttpClient), core.ɵɵ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;
     }
 
     /**
@@ -4437,9 +4561,6 @@
             this.fetchAllPlaylistSearch(strip, calculateParentStatus);
             this.fetchPlaylistReadData(strip, calculateParentStatus);
             this.fetchCiosContentData(strip, calculateParentStatus);
-            // this.enrollInterval = setInterval(() => {
-            //   this.fetchAllCbpPlans(strip, calculateParentStatus)
-            // },                                1000)
         };
         /**
          * @param {?} strip
@@ -4682,12 +4803,12 @@
         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]]
@@ -4716,44 +4837,75 @@
                                     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*/];
                     }
                 });
             });
@@ -4763,6 +4915,7 @@
          * @param {?} strip
          * @param {?} calculateParentStatus
          * @param {?} viewMoreUrl
+         * @param {?} enrollmentData
          * @return {?}
          */
         ContentStripWithTabsLibComponent.prototype.checkInvitOnlyAssessments = /**
@@ -4770,12 +4923,12 @@
          * @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 {?} */
@@ -4785,10 +4938,10 @@
                  * @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'
@@ -4797,8 +4950,8 @@
                             /** @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);
                             }
                         }
@@ -4817,7 +4970,9 @@
                     return dateA - dateB;
                 }));
                 this.processStrip(strip, this.transformContentsToWidgets(filteredArray_1, strip), 'done', calculateParentStatus, viewMoreUrl);
-                clearInterval(this.enrollInterval);
+            }
+            else {
+                this.processStrip(strip, [], 'done', calculateParentStatus, viewMoreUrl);
             }
         };
         /**
@@ -5533,14 +5688,15 @@
         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];
@@ -5554,36 +5710,7 @@
                         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*/];
                     }
                 });
             });
@@ -6717,13 +6844,13 @@
         /** @nocollapse */
         ContentStripWithTabsLibComponent.ctorParameters = function () { return [
             { type: undefined, decorators: [{ type: core.Inject, args: ['environment',] }] },
-            { type: WidgetContentService },
+            { type: WidgetContentLibService },
             { type: utilsV2.LoggerService },
             { type: utilsV2.EventService },
             { type: utilsV2.ConfigurationsService },
             { type: utilsV2.UtilityService },
             { type: router.Router },
-            { type: WidgetUserService },
+            { type: WidgetUserServiceLib },
             { type: core$1.TranslateService },
             { type: MultilingualTranslationsService }
         ]; };
@@ -6787,11 +6914,7 @@
         /** @type {?} */
         ContentStripWithTabsLibComponent.prototype.defaultMaxWidgets;
         /** @type {?} */
-        ContentStripWithTabsLibComponent.prototype.enrollInterval;
-        /** @type {?} */
         ContentStripWithTabsLibComponent.prototype.todaysEvents;
-        /** @type {?} */
-        ContentStripWithTabsLibComponent.prototype.enrollmentMapData;
         /**
          * @type {?}
          * @private
@@ -9009,12 +9132,12 @@
         /** @nocollapse */
         CommonStripComponent.ctorParameters = function () { return [
             { type: undefined, decorators: [{ type: core.Inject, args: ['environment',] }] },
-            { type: WidgetContentService },
+            { type: WidgetContentLibService },
             { type: utilsV2.LoggerService },
             { type: utilsV2.EventService },
             { type: utilsV2.ConfigurationsService },
             { type: utilsV2.UtilityService },
-            { type: WidgetUserService },
+            { type: WidgetUserServiceLib },
             { type: core$1.TranslateService },
             { type: MultilingualTranslationsService },
             { type: CommonMethodsService }
@@ -10224,13 +10347,6 @@
             function () {
                 _this.getCbPlanData();
             }), 1000);
-            this.enrollInterval = setInterval((/**
-             * @return {?}
-             */
-            function () {
-                _this.getEnrollmentData();
-                // tslint:disable-next-line
-            }), 1000);
         };
         Object.defineProperty(CardsComponent.prototype, "isLiveOrMarkForDeletion", {
             get: /**
@@ -10315,18 +10431,6 @@
                 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 {?}
@@ -10341,14 +10445,14 @@
         CardsComponent.decorators = [
             { type: core.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: utilsV2.UtilityService },
-            { type: WidgetContentService },
+            { type: WidgetContentLibService },
             { type: router.Router }
         ]; };
         CardsComponent.propDecorators = {
@@ -10368,10 +10472,6 @@
         CardsComponent.prototype.cbPlanMapData;
         /** @type {?} */
         CardsComponent.prototype.cbPlanInterval;
-        /** @type {?} */
-        CardsComponent.prototype.enrollInterval;
-        /** @type {?} */
-        CardsComponent.prototype.enrollmentMapData;
         /**
          * @type {?}
          * @private
@@ -10516,7 +10616,7 @@
             { type: core$1.TranslateService },
             { type: MultilingualTranslationsService },
             { type: utilsV2.ConfigurationsService },
-            { type: WidgetContentService }
+            { type: WidgetContentLibService }
         ]; };
         CardPortraitComponent.propDecorators = {
             widgetData: [{ type: core.Input }],
@@ -11647,7 +11747,7 @@
             { type: core$1.TranslateService },
             { type: utilsV2.MultilingualTranslationsService },
             { type: utilsV2.ConfigurationsService },
-            { type: WidgetContentService },
+            { type: WidgetContentLibService },
             { type: router.Router }
         ]; };
         CardMDOChannelComponent.propDecorators = {
@@ -11997,7 +12097,7 @@
             { type: core$1.TranslateService },
             { type: utilsV2.MultilingualTranslationsService },
             { type: utilsV2.ConfigurationsService },
-            { type: WidgetContentService },
+            { type: WidgetContentLibService },
             { type: router.Router }
         ]; };
         CardKarmaProgramsComponent.propDecorators = {
@@ -12415,7 +12515,7 @@
             { type: core$1.TranslateService },
             { type: MultilingualTranslationsService },
             { type: utilsV2.ConfigurationsService },
-            { type: WidgetContentService }
+            { type: WidgetContentLibService }
         ]; };
         CardPortraitExtComponent.propDecorators = {
             widgetData: [{ type: core.Input }],
@@ -12605,11 +12705,10 @@
         /** @nocollapse */
         CardAssessmentComponent.ctorParameters = function () { return [
             { type: utilsV2.ConfigurationsService },
-            { type: WidgetContentService }
+            { type: WidgetContentLibService }
         ]; };
         CardAssessmentComponent.propDecorators = {
             widgetData: [{ type: core.Input }],
-            enrollmentMapData: [{ type: core.Input }],
             contentData: [{ type: core.Output }],
             isCardLoading: [{ type: core.Input }]
         };
@@ -12619,8 +12718,6 @@
         /** @type {?} */
         CardAssessmentComponent.prototype.widgetData;
         /** @type {?} */
-        CardAssessmentComponent.prototype.enrollmentMapData;
-        /** @type {?} */
         CardAssessmentComponent.prototype.contentData;
         /** @type {?} */
         CardAssessmentComponent.prototype.isCardLoading;
@@ -13149,7 +13246,7 @@
             { type: utilsV2.EventService },
             { type: MultilingualTranslationsService },
             { type: utilsV2.ConfigurationsService },
-            { type: WidgetContentService },
+            { type: WidgetContentLibService },
             { type: CertificateService },
             { type: material.MatDialog }
         ]; };
@@ -13488,7 +13585,7 @@
             { type: core$1.TranslateService },
             { type: utilsV2.MultilingualTranslationsService },
             { type: utilsV2.ConfigurationsService },
-            { type: WidgetContentService },
+            { type: WidgetContentLibService },
             { type: router.Router }
         ]; };
         CardMdoChannelV1Component.propDecorators = {
@@ -15371,13 +15468,13 @@
         /** @nocollapse */
         ContentStripFacetFilterComponent.ctorParameters = function () { return [
             { type: undefined, decorators: [{ type: core.Inject, args: ['environment',] }] },
-            { type: WidgetContentService },
+            { type: WidgetContentLibService },
             { type: utilsV2.LoggerService },
             { type: utilsV2.EventService },
             { type: utilsV2.ConfigurationsService },
             { type: utilsV2.UtilityService },
             { type: router.Router },
-            { type: WidgetUserService },
+            { type: WidgetUserServiceLib },
             { type: core$1.TranslateService },
             { type: MultilingualTranslationsService },
             { type: forms.FormBuilder }
@@ -15446,8 +15543,6 @@
         /** @type {?} */
         ContentStripFacetFilterComponent.prototype.todaysEvents;
         /** @type {?} */
-        ContentStripFacetFilterComponent.prototype.enrollmentMapData;
-        /** @type {?} */
         ContentStripFacetFilterComponent.prototype.facetForm;
         /**
          * @type {?}
@@ -17003,17 +17098,18 @@
         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);
@@ -17047,10 +17143,14 @@
                         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*/];
                     }
                 });
             });
@@ -17255,13 +17355,13 @@
         /** @nocollapse */
         ContentStripWithTabsPillsComponent.ctorParameters = function () { return [
             { type: undefined, decorators: [{ type: core.Inject, args: ['environment',] }] },
-            { type: WidgetContentService },
+            { type: WidgetContentLibService },
             { type: utilsV2.LoggerService },
             { type: utilsV2.EventService },
             { type: utilsV2.ConfigurationsService },
             { type: utilsV2.UtilityService },
             { type: router.Router },
-            { type: WidgetUserService },
+            { type: WidgetUserServiceLib },
             { type: core$1.TranslateService },
             { type: MultilingualTranslationsService }
         ]; };
@@ -17328,8 +17428,6 @@
         ContentStripWithTabsPillsComponent.prototype.enrollInterval;
         /** @type {?} */
         ContentStripWithTabsPillsComponent.prototype.todaysEvents;
-        /** @type {?} */
-        ContentStripWithTabsPillsComponent.prototype.enrollmentMapData;
         /**
          * @type {?}
          * @private
@@ -18179,7 +18277,7 @@
         /** @nocollapse */
         CompetencyPassbookComponent.ctorParameters = function () { return [
             { type: utilsV2.ConfigurationsService },
-            { type: WidgetContentService },
+            { type: WidgetContentLibService },
             { type: CompetencyPassbookService },
             { type: router.Router },
             { type: undefined, decorators: [{ type: core.Inject, args: ['environment',] }] }
@@ -18738,7 +18836,7 @@
         /** @nocollapse */
         CompetencyPassbookMdoComponent.ctorParameters = function () { return [
             { type: utilsV2.ConfigurationsService },
-            { type: WidgetContentService },
+            { type: WidgetContentLibService },
             { type: CompetencyPassbookMdoService },
             { type: router.Router },
             { type: undefined, decorators: [{ type: core.Inject, args: ['environment',] }] }
@@ -19536,7 +19634,7 @@
         MdoChannelV2Component.decorators = [
             { type: core.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}"]
                     }] }
         ];
@@ -21074,7 +21172,6 @@
          */
         function () {
             var _this = this;
-            debugger;
             this.insightSvc.fetchUserProgress().subscribe((/**
              * @param {?} res
              * @return {?}
@@ -21340,85 +21437,85 @@
     exports.UserProgressModule = UserProgressModule;
     exports.WIDGET_REGISTERED_LIB_MODULES = WIDGET_REGISTERED_LIB_MODULES;
     exports.WIDGET_REGISTRATION_LIB_CONFIG = WIDGET_REGISTRATION_LIB_CONFIG;
-    exports.WidgetContentService = WidgetContentService;
+    exports.WidgetContentLibService = WidgetContentLibService;
+    exports.WidgetUserServiceLib = WidgetUserServiceLib;
     exports.ɵa = ContentStripWithTabsLibComponent;
-    exports.ɵb = WidgetUserService;
-    exports.ɵba = CardResourceComponent;
-    exports.ɵbb = CardsComponent;
-    exports.ɵbc = CardPortraitComponent;
-    exports.ɵbd = CardUserComponent;
-    exports.ɵbe = CardLandscapeComponent;
-    exports.ɵbf = CardWideComponent;
-    exports.ɵbg = CardMDOChannelComponent;
-    exports.ɵbh = CardWideV2Component;
-    exports.ɵbi = CardKarmaProgramsComponent;
-    exports.ɵbj = CardKarmaProgramsV2Component;
-    exports.ɵbk = ProviderCardComponent;
-    exports.ɵbl = CardPortraitExtComponent;
-    exports.ɵbm = CardAssessmentComponent;
-    exports.ɵbn = CardProgressPortraitLibComponent;
-    exports.ɵbo = CertificateService;
-    exports.ɵbp = CardMdoChannelV1Component;
-    exports.ɵbq = PipePublicURLModule;
-    exports.ɵbr = PipePublicURL;
-    exports.ɵbs = ObjectToArrayPipeModule;
-    exports.ɵbt = ObjectToArrayPipe;
-    exports.ɵbu = DisplayContentTypeLibModule;
-    exports.ɵbv = DisplayContentTypeLibComponent;
-    exports.ɵbw = DefaultThumbnailModule;
-    exports.ɵbx = DefaultThumbnailDirective;
-    exports.ɵby = PipeDurationTransformModule;
-    exports.ɵbz = PipeDurationTransformPipe;
-    exports.ɵc = MultilingualTranslationsService;
-    exports.ɵca = ContentProgressComponent;
-    exports.ɵcb = CertificateDialogComponent;
-    exports.ɵcc = AvatarPhotoLibModule;
-    exports.ɵcd = AvatarPhotoLibComponent;
-    exports.ɵce = ContentStripFacetFilterComponent;
-    exports.ɵcf = ContentStripWithTabsPillsComponent;
-    exports.ɵcg = CompetencyPassbookComponent;
-    exports.ɵch = CompetencyPassbookService;
-    exports.ɵci = PillsModule;
-    exports.ɵcj = PillsComponent;
-    exports.ɵck = CompetencyPassbookMdoComponent;
-    exports.ɵcl = CompetencyPassbookMdoService;
-    exports.ɵcm = UserContentRatingLibComponent;
-    exports.ɵcn = RatingService;
-    exports.ɵco = UserContentRatingLibService;
-    exports.ɵcp = MdoChannelV1Component;
-    exports.ɵcq = MdoChannelV2Component;
-    exports.ɵcr = ProvidersV2Component;
-    exports.ɵcs = NationalLearningComponent;
-    exports.ɵct = KeyHighlightsComponent;
-    exports.ɵcu = EventsComponent;
-    exports.ɵcv = EventCardComponent;
-    exports.ɵcw = MdoLeaderboardComponent;
-    exports.ɵcx = HighlightsOfWeekComponent;
-    exports.ɵcy = SpeakersComponent;
-    exports.ɵcz = UserProgressComponent;
-    exports.ɵd = ConfigurationsService;
-    exports.ɵe = HorizontalScrollerV2Module;
-    exports.ɵf = HorizontalScrollerV2Component;
-    exports.ɵg = SlidersLibComponent;
-    exports.ɵh = NavigationModule;
-    exports.ɵi = NavigationDirective;
-    exports.ɵj = ImageResponsiveModule;
-    exports.ɵk = ImageResponsiveDirective;
-    exports.ɵl = DataPointsComponent;
-    exports.ɵm = InsiteDataService;
-    exports.ɵn = SkeletonLoaderLibModule;
-    exports.ɵo = SkeletonLoaderLibComponent;
-    exports.ɵp = CalenderComponent;
-    exports.ɵq = CalenderDayComponent;
-    exports.ɵr = CommonStripComponent;
-    exports.ɵs = AnnouncementsComponent;
-    exports.ɵt = TopLearnersComponent;
-    exports.ɵu = CbpPlanComponent;
-    exports.ɵv = ScrollableItemDirective;
-    exports.ɵw = ScrollableItemModule;
-    exports.ɵx = MyHammerConfig$1;
-    exports.ɵy = SlidersNgContentLibModule;
-    exports.ɵz = SlidersNgContentLibComponent;
+    exports.ɵb = MultilingualTranslationsService;
+    exports.ɵba = CardsComponent;
+    exports.ɵbb = CardPortraitComponent;
+    exports.ɵbc = CardUserComponent;
+    exports.ɵbd = CardLandscapeComponent;
+    exports.ɵbe = CardWideComponent;
+    exports.ɵbf = CardMDOChannelComponent;
+    exports.ɵbg = CardWideV2Component;
+    exports.ɵbh = CardKarmaProgramsComponent;
+    exports.ɵbi = CardKarmaProgramsV2Component;
+    exports.ɵbj = ProviderCardComponent;
+    exports.ɵbk = CardPortraitExtComponent;
+    exports.ɵbl = CardAssessmentComponent;
+    exports.ɵbm = CardProgressPortraitLibComponent;
+    exports.ɵbn = CertificateService;
+    exports.ɵbo = CardMdoChannelV1Component;
+    exports.ɵbp = PipePublicURLModule;
+    exports.ɵbq = PipePublicURL;
+    exports.ɵbr = ObjectToArrayPipeModule;
+    exports.ɵbs = ObjectToArrayPipe;
+    exports.ɵbt = DisplayContentTypeLibModule;
+    exports.ɵbu = DisplayContentTypeLibComponent;
+    exports.ɵbv = DefaultThumbnailModule;
+    exports.ɵbw = DefaultThumbnailDirective;
+    exports.ɵbx = PipeDurationTransformModule;
+    exports.ɵby = PipeDurationTransformPipe;
+    exports.ɵbz = ContentProgressComponent;
+    exports.ɵc = ConfigurationsService;
+    exports.ɵca = CertificateDialogComponent;
+    exports.ɵcb = AvatarPhotoLibModule;
+    exports.ɵcc = AvatarPhotoLibComponent;
+    exports.ɵcd = ContentStripFacetFilterComponent;
+    exports.ɵce = ContentStripWithTabsPillsComponent;
+    exports.ɵcf = CompetencyPassbookComponent;
+    exports.ɵcg = CompetencyPassbookService;
+    exports.ɵch = PillsModule;
+    exports.ɵci = PillsComponent;
+    exports.ɵcj = CompetencyPassbookMdoComponent;
+    exports.ɵck = CompetencyPassbookMdoService;
+    exports.ɵcl = UserContentRatingLibComponent;
+    exports.ɵcm = RatingService;
+    exports.ɵcn = UserContentRatingLibService;
+    exports.ɵco = MdoChannelV1Component;
+    exports.ɵcp = MdoChannelV2Component;
+    exports.ɵcq = ProvidersV2Component;
+    exports.ɵcr = NationalLearningComponent;
+    exports.ɵcs = KeyHighlightsComponent;
+    exports.ɵct = EventsComponent;
+    exports.ɵcu = EventCardComponent;
+    exports.ɵcv = MdoLeaderboardComponent;
+    exports.ɵcw = HighlightsOfWeekComponent;
+    exports.ɵcx = SpeakersComponent;
+    exports.ɵcy = UserProgressComponent;
+    exports.ɵd = HorizontalScrollerV2Module;
+    exports.ɵe = HorizontalScrollerV2Component;
+    exports.ɵf = SlidersLibComponent;
+    exports.ɵg = NavigationModule;
+    exports.ɵh = NavigationDirective;
+    exports.ɵi = ImageResponsiveModule;
+    exports.ɵj = ImageResponsiveDirective;
+    exports.ɵk = DataPointsComponent;
+    exports.ɵl = InsiteDataService;
+    exports.ɵm = SkeletonLoaderLibModule;
+    exports.ɵn = SkeletonLoaderLibComponent;
+    exports.ɵo = CalenderComponent;
+    exports.ɵp = CalenderDayComponent;
+    exports.ɵq = CommonStripComponent;
+    exports.ɵr = AnnouncementsComponent;
+    exports.ɵs = TopLearnersComponent;
+    exports.ɵt = CbpPlanComponent;
+    exports.ɵu = ScrollableItemDirective;
+    exports.ɵv = ScrollableItemModule;
+    exports.ɵw = MyHammerConfig$1;
+    exports.ɵx = SlidersNgContentLibModule;
+    exports.ɵy = SlidersNgContentLibComponent;
+    exports.ɵz = CardResourceComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });