@sunbird-cb/consumption 0.0.43 → 0.0.44

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('dayjs'), require('@ngx-translate/http-loader'), require('@angular/cdk/layout'), require('@angular/platform-browser'), require('hammerjs'), require('@angular/forms')) :
-    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', 'dayjs', '@ngx-translate/http-loader', '@angular/cdk/layout', '@angular/platform-browser', 'hammerjs', '@angular/forms'], 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.dayjs_, global.httpLoader, global.ng.cdk.layout, global.ng.platformBrowser, global.hammerjs, global.ng.forms));
-}(this, (function (exports, core, common, router, rxjs, operators, utilsV2, material, resolverV2, http, lodash, moment$1, core$1, dayjs_, httpLoader, layout, platformBrowser, Hammer, forms) { '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('moment'), require('@ngx-translate/core'), 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', '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.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$1, core$1, dayjs_, httpLoader, layout, platformBrowser, Hammer, forms, jspdf) { 'use strict';
 
     Hammer = Hammer && Hammer.hasOwnProperty('default') ? Hammer['default'] : Hammer;
 
@@ -557,15 +557,13 @@
                         /** @type {?} */
                         var totalCardsLength = cardWidth * this.widgetsLength;
                         if (totalCardsLength > scrollerWidth) {
-                            arrLength_1 = (scrollerWidth / cardWidth);
+                            arrLength_1 = Math.round(scrollerWidth / cardWidth);
                             this.defaultMaxWidgets = this.defaultMaxWidgets ? this.widgetsLength < this.defaultMaxWidgets ?
                                 this.widgetsLength : this.defaultMaxWidgets : this.defaultMaxWidgets;
                             arrLength_1 = this.defaultMaxWidgets / arrLength_1;
                             for (var i = 0; i < arrLength_1; i += 1) {
                                 this.bottomDotsArray.push(i);
                             }
-                            // console.log('this.cardSubType', this.cardSubType, arrLength, this.widgetsLength ,
-                            // this.defaultMaxWidgets, scrollerWidth, this.bottomDotsArray)
                         }
                     }
                 }
@@ -3122,33 +3120,36 @@
          * @return {?}
          */
         function (label, type, subtype) {
-            /** @type {?} */
-            var nlabel = label;
-            nlabel = nlabel.toLowerCase();
-            /** @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);
+            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);
                 }
-            }));
-            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);
+                var translationKeyn = type + '.' + nlabel;
+                return this.translate.instant(translationKeyn);
             }
-            // tslint:disable-next-line: prefer-template
-            /** @type {?} */
-            var translationKeyn = type + '.' + nlabel;
-            return this.translate.instant(translationKeyn);
+            return label;
         };
         /**
          * @param {?} label
@@ -4591,7 +4592,8 @@
         function (strip, calculateParentStatus) {
             if (calculateParentStatus === void 0) { calculateParentStatus = true; }
             return __awaiter(this, void 0, void 0, function () {
-                var originalFilters, firstTab, allTabs, currentTabFromMap, response, error_1;
+                var originalFilters, firstTab, allTabs, currentTabFromMap, response_1, error_1;
+                var _this = this;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
@@ -4629,15 +4631,26 @@
                             _a.trys.push([1, 3, , 4]);
                             return [4 /*yield*/, this.searchV6Request(strip, strip.request, calculateParentStatus)];
                         case 2:
-                            response = _a.sent();
+                            response_1 = _a.sent();
                             // console.log('calling  after - response, ', response)
-                            if (response && response.results) {
+                            if (response_1 && response_1.results) {
                                 // console.log('calling  after-- ')
-                                if (response.results.result.content) {
-                                    this.processStrip(strip, this.transformContentsToWidgets(response.results.result.content, strip), 'done', calculateParentStatus, response.viewMoreUrl);
+                                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.results.result.Event) {
-                                    this.processStrip(strip, this.transformEventsToWidgets(response.results.result.Event, strip), 'done', calculateParentStatus, response.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);
@@ -4655,6 +4668,41 @@
                 });
             });
         };
+        /**
+         * @param {?} content
+         * @param {?} strip
+         * @param {?} calculateParentStatus
+         * @param {?} viewMoreUrl
+         * @return {?}
+         */
+        ContentStripWithTabsLibComponent.prototype.checkInvitOnlyAssessments = /**
+         * @param {?} content
+         * @param {?} strip
+         * @param {?} calculateParentStatus
+         * @param {?} viewMoreUrl
+         * @return {?}
+         */
+        function (content, strip, calculateParentStatus, viewMoreUrl) {
+            var _this = this;
+            if (localStorage.getItem('enrollmentMapData')) {
+                this.enrollmentMapData = JSON.parse(localStorage.getItem('enrollmentMapData') || '{}');
+                /** @type {?} */
+                var filteredArray_1 = [];
+                content.forEach((/**
+                 * @param {?} data
+                 * @return {?}
+                 */
+                function (data) {
+                    if (_this.enrollmentMapData[data.identifier]) {
+                        data['batch'] = _this.enrollmentMapData[data.identifier].batch;
+                        data['completionPercentage'] = _this.enrollmentMapData[data.identifier].completionPercentage;
+                        filteredArray_1.push(data);
+                    }
+                }));
+                this.processStrip(strip, this.transformContentsToWidgets(filteredArray_1, strip), 'done', calculateParentStatus, viewMoreUrl);
+                clearInterval(this.enrollInterval);
+            }
+        };
         /**
          * @param {?} strip
          * @param {?} request
@@ -6173,6 +6221,7 @@
                     switch (_a.label) {
                         case 0:
                             if (!(strip.request && strip.request.ciosContent && Object.keys(strip.request.ciosContent).length)) return [3 /*break*/, 4];
+                            debugger;
                             originalFilters = [];
                             if (strip.request &&
                                 strip.request.ciosContent &&
@@ -6300,6 +6349,8 @@
         ContentStripWithTabsLibComponent.prototype.enrollInterval;
         /** @type {?} */
         ContentStripWithTabsLibComponent.prototype.todaysEvents;
+        /** @type {?} */
+        ContentStripWithTabsLibComponent.prototype.enrollmentMapData;
         /**
          * @type {?}
          * @private
@@ -8816,10 +8867,9 @@
      */
     var CardsComponent = /** @class */ (function (_super) {
         __extends(CardsComponent, _super);
-        function CardsComponent(utilitySvc, configSvc, contSvc, router) {
+        function CardsComponent(utilitySvc, contSvc, router) {
             var _this = _super.call(this) || this;
             _this.utilitySvc = utilitySvc;
-            _this.configSvc = configSvc;
             _this.contSvc = contSvc;
             _this.router = router;
             _this.triggerTelemetry = new core.EventEmitter();
@@ -8840,6 +8890,13 @@
             function () {
                 _this.getCbPlanData();
             }), 1000);
+            this.enrollInterval = setInterval((/**
+             * @return {?}
+             */
+            function () {
+                _this.getEnrollmentData();
+                // tslint:disable-next-line
+            }), 1000);
         };
         Object.defineProperty(CardsComponent.prototype, "isLiveOrMarkForDeletion", {
             get: /**
@@ -8879,16 +8936,11 @@
          */
         function (content) {
             return __awaiter(this, void 0, void 0, function () {
-                var userProfile, extUrl, urlData;
+                var urlData;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
-                            userProfile = this.configSvc.userProfile;
                             if (!content.externalId) return [3 /*break*/, 1];
-                            extUrl = content.redirectUrl.replace('<username>', userProfile.userId);
-                            // const url = this.router.serializeUrl(
-                            //   this.router.createUrlTree([extUrl])
-                            // );
                             this.router.navigate(["app/toc/ext/" + content.contentId]);
                             return [3 /*break*/, 3];
                         case 1: return [4 /*yield*/, this.contSvc.getResourseLink(content)];
@@ -8929,6 +8981,18 @@
                 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 {?}
@@ -8943,14 +9007,13 @@
         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-lib-skeleton'\" [ngTemplateOutlet]=\"cardMdoSkeleton\"></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-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-portrait-ext-lib-skeleton'\" [ngTemplateOutlet]=\"cardPortraitExtLibSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-portrait-ext-lib'\" [ngTemplateOutlet]=\"cardPortraitExtLib\"></ng-container>\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 [widgetData]=\"widgetData\"></sb-uic-card-mdo-channel-v1>\n</ng-template>\n<ng-template #cardMdo>\n  <sb-uic-card-mdo-channel [widgetData]=\"widgetData\"></sb-uic-card-mdo-channel>\n</ng-template>\n<ng-template #cardMdoSkeleton>\n  <sb-uic-card-mdo-channel [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 #cardKarmaProgramV2>\n  <!-- <sb-uic-card-karma-programs-v2 [widgetData]=\"widgetData\"><sb-uic-card-karma-programs-v2> -->\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>",
+                        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-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-portrait-ext-lib-skeleton'\" [ngTemplateOutlet]=\"cardPortraitExtLibSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-portrait-ext-lib'\" [ngTemplateOutlet]=\"cardPortraitExtLib\"></ng-container>\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 [widgetData]=\"widgetData\"></sb-uic-card-mdo-channel-v1>\n</ng-template>\n<ng-template #cardMdo>\n  <sb-uic-card-mdo-channel [widgetData]=\"widgetData\"></sb-uic-card-mdo-channel>\n</ng-template>\n<ng-template #cardMdoSkeleton>\n  <sb-uic-card-mdo-channel [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\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>",
                         styles: [""]
                     }] }
         ];
         /** @nocollapse */
         CardsComponent.ctorParameters = function () { return [
             { type: utilsV2.UtilityService },
-            { type: utilsV2.ConfigurationsService },
             { type: WidgetContentService },
             { type: router.Router }
         ]; };
@@ -8971,16 +9034,15 @@
         CardsComponent.prototype.cbPlanMapData;
         /** @type {?} */
         CardsComponent.prototype.cbPlanInterval;
+        /** @type {?} */
+        CardsComponent.prototype.enrollInterval;
+        /** @type {?} */
+        CardsComponent.prototype.enrollmentMapData;
         /**
          * @type {?}
          * @private
          */
         CardsComponent.prototype.utilitySvc;
-        /**
-         * @type {?}
-         * @private
-         */
-        CardsComponent.prototype.configSvc;
         /**
          * @type {?}
          * @private
@@ -9249,6 +9311,80 @@
         return PipePublicURLModule;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var ObjectToArrayPipe = /** @class */ (function () {
+        function ObjectToArrayPipe() {
+        }
+        // transform(value: any, ...args: any[]): any[] {
+        //   console.log("function called")
+        //   if (!value) {
+        //     return [];
+        //   }
+        //   console.log(Object.keys(value).map(key => ({ key, value: value[key] })), "Object.keys(value).map(key => ({ key, value: value[key] }))==----------")
+        //   return Object.keys(value).map(key => ({ key, value: value[key] }));
+        // }
+        // transform(value: any, ...args: any[]): any[] {
+        //   console.log("function called")
+        //   if (!value) {
+        //     return [];
+        //   }
+        //   console.log(Object.keys(value).map(key => ({ key, value: value[key] })), "Object.keys(value).map(key => ({ key, value: value[key] }))==----------")
+        //   return Object.keys(value).map(key => ({ key, value: value[key] }));
+        // }
+        /**
+         * @param {...?} args
+         * @return {?}
+         */
+        ObjectToArrayPipe.prototype.transform = 
+        // transform(value: any, ...args: any[]): any[] {
+        //   console.log("function called")
+        //   if (!value) {
+        //     return [];
+        //   }
+        //   console.log(Object.keys(value).map(key => ({ key, value: value[key] })), "Object.keys(value).map(key => ({ key, value: value[key] }))==----------")
+        //   return Object.keys(value).map(key => ({ key, value: value[key] }));
+        // }
+        /**
+         * @param {...?} args
+         * @return {?}
+         */
+        function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            return args;
+        };
+        ObjectToArrayPipe.decorators = [
+            { type: core.Pipe, args: [{
+                        name: 'objectToArray'
+                    },] }
+        ];
+        return ObjectToArrayPipe;
+    }());
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var ObjectToArrayPipeModule = /** @class */ (function () {
+        function ObjectToArrayPipeModule() {
+        }
+        ObjectToArrayPipeModule.decorators = [
+            { type: core.NgModule, args: [{
+                        declarations: [ObjectToArrayPipe],
+                        imports: [
+                            common.CommonModule,
+                        ],
+                        exports: [ObjectToArrayPipe],
+                    },] }
+        ];
+        return ObjectToArrayPipeModule;
+    }());
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -9415,12 +9551,12 @@
         }
         /**
          * @param {?} data
-         * @param {?} type
+         * @param {?=} type
          * @return {?}
          */
         PipeDurationTransformPipe.prototype.transform = /**
          * @param {?} data
-         * @param {?} type
+         * @param {?=} type
          * @return {?}
          */
         function (data, type) {
@@ -10927,35 +11063,22 @@
      * @fileoverview added by tsickle
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    var CardMdoChannelV1Component = /** @class */ (function () {
-        function CardMdoChannelV1Component(events, translate, langtranslations, configSvc, contSvc, router) {
-            var _this = this;
-            this.events = events;
-            this.translate = translate;
-            this.langtranslations = langtranslations;
+    var CardAssessmentComponent = /** @class */ (function () {
+        function CardAssessmentComponent(configSvc, contSvc) {
             this.configSvc = configSvc;
             this.contSvc = contSvc;
-            this.router = router;
-            this.channelData = new core.EventEmitter();
-            this.emitTelemetry = new core.EventEmitter();
-            this.widgetType = '';
-            this.widgetSubType = '';
-            this.langtranslations.languageSelectedObservable.subscribe((/**
-             * @return {?}
-             */
-            function () {
-                if (localStorage.getItem('websiteLanguage')) {
-                    _this.translate.setDefaultLang('en');
-                    /** @type {?} */
-                    var lang = (/** @type {?} */ (localStorage.getItem('websiteLanguage')));
-                    _this.translate.use(lang);
-                }
-            }));
+            this.contentData = new core.EventEmitter();
+            this.isCardLoading = false;
+            this.stripData = [];
+            this.enrollList = [];
+            this.activeResource = [];
+            this.daysRemaining = 0;
+            this.daysPending = false;
         }
         /**
          * @return {?}
          */
-        CardMdoChannelV1Component.prototype.ngOnInit = /**
+        CardAssessmentComponent.prototype.ngOnInit = /**
          * @return {?}
          */
         function () {
@@ -10963,8 +11086,7 @@
             var instanceConfig = this.configSvc.instanceConfig;
             if (instanceConfig) {
                 this.defaultThumbnail = instanceConfig.logos.defaultContent || '';
-                this.sourceLogos = instanceConfig.sources;
-                this.defaultSLogo = instanceConfig.logos.defaultSourceLogo || '';
+                this.defaultSLogo = instanceConfig.logos.defaultSourceLogo || '/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg';
             }
             else {
                 this.defaultThumbnail = '/assets/instances/eagle/app_logos/default.png';
@@ -10972,116 +11094,1049 @@
             }
         };
         /**
-         * @param {?} contentData
+         * @param {?} startDate
          * @return {?}
          */
-        CardMdoChannelV1Component.prototype.raiseTelemetry = /**
-         * @param {?} contentData
+        CardAssessmentComponent.prototype.updateStartDate = /**
+         * @param {?} startDate
          * @return {?}
          */
-        function (contentData) {
-            this.emitTelemetry.emit(contentData);
-            if (this.widgetData) {
-                contentData['typeOfTelemetry'] = 'mdo-channel';
+        function (startDate) {
+            this.startDate = startDate;
+            this.startCountdown(this.startDate);
+        };
+        /**
+         * @param {?} date
+         * @return {?}
+         */
+        CardAssessmentComponent.prototype.startCountdown = /**
+         * @param {?} date
+         * @return {?}
+         */
+        function (date) {
+            var _this = this;
+            // Update the countdown immediately on start
+            this.updateCountdown(date);
+            // Update the countdown every second
+            this.intervalId = setInterval((/**
+             * @return {?}
+             */
+            function () {
+                _this.updateCountdown(date);
+            }), 1000);
+        };
+        // Method to update the countdown values
+        // Method to update the countdown values
+        /**
+         * @param {?} targetDate
+         * @return {?}
+         */
+        CardAssessmentComponent.prototype.updateCountdown = 
+        // Method to update the countdown values
+        /**
+         * @param {?} targetDate
+         * @return {?}
+         */
+        function (targetDate) {
+            /** @type {?} */
+            var now = new Date().getTime();
+            // Current time in milliseconds
+            /** @type {?} */
+            var targetTime = new Date(targetDate).getTime();
+            /** @type {?} */
+            var distance = targetTime - now;
+            if (distance > 0) {
+                this.daysRemaining = Math.ceil(distance / (1000 * 60 * 60 * 24));
+                this.daysPending = true;
+            }
+            else {
+                this.daysRemaining = 0;
+                this.daysPending = false;
+                this.clearTimer();
             }
-            this.contSvc.changeTelemetryData(contentData);
         };
+        // Method to clear the interval
+        // Method to clear the interval
         /**
-         * @param {?} channeldata
          * @return {?}
          */
-        CardMdoChannelV1Component.prototype.channelClick = /**
-         * @param {?} channeldata
+        CardAssessmentComponent.prototype.clearTimer = 
+        // Method to clear the interval
+        /**
          * @return {?}
          */
-        function (channeldata) {
-            this.channelData.emit(channeldata);
+        function () {
+            clearInterval(this.intervalId);
         };
         /**
-         * @param {?} content
          * @return {?}
          */
-        CardMdoChannelV1Component.prototype.redirectTo = /**
-         * @param {?} content
+        CardAssessmentComponent.prototype.ngOnDestroy = /**
          * @return {?}
          */
-        function (content) {
-            this.router.navigate(["/app/learn/mdo-channels/" + content.orgName + "/" + content.identifier + "/micro-sites"]);
+        function () {
+            this.clearTimer();
         };
-        CardMdoChannelV1Component.decorators = [
+        /**
+         * @param {?} contentData
+         * @return {?}
+         */
+        CardAssessmentComponent.prototype.getRedirectUrlData = /**
+         * @param {?} contentData
+         * @return {?}
+         */
+        function (contentData) {
+            // for telemetry
+            if (this.widgetData && this.widgetData.context && this.widgetData.context.pageSection) {
+                contentData['typeOfTelemetry'] = this.widgetData.context.pageSection;
+            }
+            this.contSvc.changeTelemetryData(contentData);
+            // for redirection
+            this.contentData.emit(contentData);
+        };
+        CardAssessmentComponent.decorators = [
             { type: core.Component, args: [{
-                        selector: 'sb-uic-card-mdo-channel-v1',
-                        template: "<mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\">\n    <div class=\"display-contents\">\n        <ng-container *ngIf=\"widgetData?.content\">\n            <a (click)=\"raiseTelemetry(widgetData?.content); redirectTo(widgetData?.content); $event.stopPropagation()\"\n                i18n-aria-label>\n                <ng-container>\n                    <mat-card-content class=\"min-top\">\n                        <div class=\"flex flex-col h-full\">\n                            <div class=\"image-container\">\n                                <ng-container *ngIf=\"widgetData?.content?.imgUrl; else defaultImg\">\n                                    <img mat-card-image [src]=\"widgetData?.content?.imgUrl\" loading=\"lazy\"\n                                    class=\"card-img ws-mat-primary-lite-background margin-remove\"  [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n                                    [alt]=\"widgetData?.content?.orgName\" />\n                                </ng-container>\n                                <ng-template #defaultImg>\n                                    <sb-uic-avatar-photo [randomColor]=\"true\" [name]=\"widgetData?.content?.orgName\" [photoUrl]=\"widgetData?.content?.imgUrl\" size=\"m-side-rating\">\n                                    </sb-uic-avatar-photo>\n                                </ng-template>\n                            </div>\n                            <div class=\"flex  title-container px-2\">\n                                <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n                                    class=\"flex-1 text-center  mat-subheading-2 title-text ws-mat-black-text\">\n                                    {{ widgetData?.content?.orgName }}\n                                </div>\n                            </div>\n                        </div>\n                    </mat-card-content>\n                </ng-container>\n            </a>\n        </ng-container>\n    </div>\n</mat-card>",
-                        styles: [".card-channels-container{position:relative;width:245px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:156px;height:156px;max-height:156px;margin:20px 8px;background:#7faeff!important;border-radius:12px;padding:4px!important}.card-channels-container .min-top{background:inherit;margin-bottom:0;height:inherit}.card-channels-container .image-container{background-color:#fff;width:inherit;height:86px;max-height:86px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px}.card-channels-container .card-img{max-height:62px;min-height:62px;display:block;-o-object-fit:fill;object-fit:contain}.card-channels-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-channels-container .title-container{background:inherit}.card-channels-container .description-text{position:relative;overflow:hidden;height:51px}.card-channels-container .title-text{word-break:break-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}"]
+                        selector: 'sb-uic-card-assessment',
+                        template: "<ng-container *ngIf=\"!isCardLoading\">\n<ng-container >\n\t<mat-card class=\"card-assessment card-scheduled-assessment card-users-container  padding-remove cursor-pointer mr-4\">\n\t<a (click)=\"getRedirectUrlData(widgetData?.content); $event.stopPropagation()\">\n\t\t<div class=\"display-contents\">\n\t\t\t<ng-container *ngIf=\"widgetData\">\n\t\t\t\t<mat-card-content>\n\t\t\t\t\t<div class=\"flex flex-col h-full\">\n\t\t\t\t\t\t<div class=\"flex flex-1 flex-row padding-s\">\n\t\t\t\t\t\t\t<div class=\"flex image-container\">\n\t\t\t\t\t\t\t\t<ng-container *ngIf=\"widgetData?.content?.posterImage\">\n\t\t\t\t\t\t\t\t\t<img mat-card-image class=\"margin-remove assess-img\" [src]=\"widgetData?.content?.posterImage | pipePublicURL\"\n\t\t\t\t\t\t\t\t\t\t[alt]=\"widgetData?.content?.name\">\n\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t<ng-container *ngIf=\"!widgetData?.content?.posterImage\">\n\t\t\t\t\t\t\t\t\t<ng-template #defaultImg>\n\t\t\t\t\t\t\t\t\t\t<img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"card-wide-img ws-mat-primary-lite-background margin-remove assess-img\"\n\t\t\t\t\t\t\t\t\t\t\t[alt]=\"widgetData?.content?.name\" />\n\t\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t\t</ng-container>\n\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"flex title-container flex-col\">\n\t\t\t\t\t\t\t\t<div class=\"flex title-text mat-subheading-1\">\n\t\t\t\t\t\t\t\t\t{{ widgetData?.content?.name }}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"flex margin-remove margin-top-s font-normal mat-caption sub-title-text\">\n\t\t\t\t\t\t\t\t\t<div class=\"course_logo_box\">\n\t\t\t\t\t\t\t\t\t\t<img [src]=\"widgetData?.content?.creatorLogo | pipePublicURL \" class=\"source-icon\"\n\t\t\t\t\t\t\t\t\t\t\t[wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n\t\t\t\t\t\t\t\t\t\t\t[alt]=\"(widgetData?.content?.sourceName + '_' + widgetData?.content?.identifier)\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<span class=\"sub-title-text\">\n\t\t\t\t\t\t\t\t\t\t{{ (widgetData?.content?.organisation && widgetData?.content?.organisation[0]) ?\n\t\t\t\t\t\t\t\t\t\twidgetData?.content?.organisation[0] : 'Karmayogi Bharat' }}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<span class=\"start-span\">Assessment starts in </span>\n\t\t\t\t\t\t<mat-card-footer class=\"assessment-card-footer  padding-m\">\n\t\t\t\t\t\t\t<div class=\"flex flex-1 items-center justify-center col-row margin-top-m\">\n\t\t\t\t\t\t\t\t<div class=\"flex margin-right-m\">\n\t\t\t\t\t\t\t\t\t<span *ngIf=\"daysPending\"> {{ startCountdown(widgetData?.content?.batch?.startDate) }}<div id=\"demo\"></div> </span>\n\t\t\t\t\t\t\t\t\t<span *ngIf=\"!daysPending\" class=\"start-btn\"> Start Assessment\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t\t\t\t\t<span class=\"time-span flex items-center justify-center\">{{widgetData?.content?.batch?.startDate | date: 'd MMM, y' }}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</mat-card-footer>\n\t\t\t\t\t</div>\n\t\t\t\t</mat-card-content>\n\t\t\t</ng-container>\n\t\t</div>\n\t</a>\n</mat-card>\n</ng-container>\n</ng-container>\n\n\n\n<ng-container *ngIf=\"isCardLoading\">\n\t<ng-container  [ngTemplateOutlet]=\"skeltonLoader\"></ng-container>\n</ng-container>\n\n<ng-template #skeltonLoader>\n\n\t<mat-card class=\"card-assessment card-scheduled-assessment card-users-container  padding-remove cursor-pointer mr-4\">\n\t\t<a>\n\t\t\t<div class=\"display-contents\">\n\t\t\t\t<ng-container>\n\t\t\t\t\t<mat-card-content>\n\t\t\t\t\t\t<div class=\"flex flex-col h-full\">\n\t\t\t\t\t\t\t<div class=\"flex flex-1 flex-row padding-s\">\n\t\t\t\t\t\t\t\t<div class=\"flex image-container\">\n\t\t\t\t\t\t\t\t\t<ng-container>\n\t\t\t\t\t\t\t\t\t\t<sb-uic-skeleton-loader [width]=\"'300px'\" [height]=\"'155px'\"\n\t\t\t\t\t\t\t\t\t\t\t></sb-uic-skeleton-loader>\n\t\t\t\t\t\t\t\t\t</ng-container>\n\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"flex title-container flex-col\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t\t\t\t\t\t<sb-uic-skeleton-loader [width]=\"'100px'\" [height]=\"'16px'\"\n\t\t\t\t\t\t\t\t\t\t\t[bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div class=\"flex margin-remove margin-top-l font-normal\">\n\t\t\t\t\t\t\t\t\t\t<sb-uic-skeleton-loader [width]=\"'100px'\" [height]=\"'16px'\"\n\t\t\t\t\t\t\t\t\t\t\t[bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<!-- <span class=\"text-center\"><sb-uic-skeleton-loader [width]=\"'90px'\" [height]=\"'16px'\"\n\t\t\t\t\t\t\t\t\t[bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader> </span> -->\n\t\t\t\t\t\t\t<mat-card-footer\n\t\t\t\t\t\t\t\tclass=\"assessment-card-footer col-row padding-l\">\n\t\t\t\t\t\t\t\t<div class=\"flex flex-1 items-center justify-center col-row margin-top-m\">\n\t\t\t\t\t\t\t\t<div class=\"flex margin-right-m\">\n\t\t\t\t\t\t\t\t\t<sb-uic-skeleton-loader [width]=\"'100px'\" [height]=\"'16px'\"\n\t\t\t\t\t\t\t\t\t\t[bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t\t\t\t\t<sb-uic-skeleton-loader [width]=\"'100px'\" [height]=\"'16px'\"\n\t\t\t\t\t\t\t\t\t\t[bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</mat-card-footer>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</mat-card-content>\n\t\t\t\t</ng-container>\n\t\t\t</div>\n\t\t</a>\n\t</mat-card>\n</ng-template>",
+                        styles: [".card-assessment{width:100%;min-height:190px;box-sizing:border-box;min-width:335px;margin-top:16px}.image-container{width:155px;height:120px;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.08)}.title-container{margin-left:12px}.title-text{word-break:break-word;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:48px;font:600 14px/24px Montserrat}.sub-title-text{width:75%;word-break:break-word;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course_logo_box{width:38px;height:38px;background:#fff;border-radius:8px;box-sizing:border-box;margin-right:4px;box-shadow:0 2px 1px -1px rgb(0 0 0 / 20%),0 1px 1px 0 rgb(0 0 0 / 14%),0 1px 3px 0 rgb(0 0 0 / 12%)}.course_logo_box img.source-icon{height:28px;width:28px;padding:5px;display:inline-block}.mat-card-footer{margin:0!important}.time-span{padding:2px 8px;color:#fff;border-radius:4px;text-align:center;font-size:12px;background-color:green}span.start-span{border-radius:50px;border:2px solid rgba(0,0,0,.08);font-size:12px;text-align:center;position:absolute;bottom:0;width:140px;left:50%;margin-left:-70px;background-color:#fff;margin-bottom:62px;margin-right:8px}.assessment-card-footer{background:rgba(239,149,30,.16)!important;text-align:center;box-sizing:border-box}.start-btn{background:#1b4ca1!important;color:#fff;font-size:14px;font-weight:600;border-radius:25px;text-align:center;padding:4px 12px}.dots-container{display:none}"]
                     }] }
         ];
         /** @nocollapse */
-        CardMdoChannelV1Component.ctorParameters = function () { return [
-            { type: utilsV2.EventService },
-            { type: core$1.TranslateService },
-            { type: utilsV2.MultilingualTranslationsService },
+        CardAssessmentComponent.ctorParameters = function () { return [
             { type: utilsV2.ConfigurationsService },
-            { type: WidgetContentService },
-            { type: router.Router }
+            { type: WidgetContentService }
         ]; };
-        CardMdoChannelV1Component.propDecorators = {
+        CardAssessmentComponent.propDecorators = {
             widgetData: [{ type: core.Input }],
-            channelData: [{ type: core.Output }],
-            emitTelemetry: [{ type: core.Output }]
+            enrollmentMapData: [{ type: core.Input }],
+            contentData: [{ type: core.Output }],
+            isCardLoading: [{ type: core.Input }]
         };
-        return CardMdoChannelV1Component;
+        return CardAssessmentComponent;
     }());
     if (false) {
         /** @type {?} */
-        CardMdoChannelV1Component.prototype.widgetData;
+        CardAssessmentComponent.prototype.widgetData;
         /** @type {?} */
-        CardMdoChannelV1Component.prototype.channelData;
+        CardAssessmentComponent.prototype.enrollmentMapData;
         /** @type {?} */
-        CardMdoChannelV1Component.prototype.emitTelemetry;
+        CardAssessmentComponent.prototype.contentData;
         /** @type {?} */
-        CardMdoChannelV1Component.prototype.defaultThumbnail;
+        CardAssessmentComponent.prototype.isCardLoading;
         /** @type {?} */
-        CardMdoChannelV1Component.prototype.sourceLogos;
+        CardAssessmentComponent.prototype.stripData;
         /** @type {?} */
-        CardMdoChannelV1Component.prototype.defaultSLogo;
+        CardAssessmentComponent.prototype.enrollList;
         /** @type {?} */
-        CardMdoChannelV1Component.prototype.widgetType;
+        CardAssessmentComponent.prototype.activeResource;
         /** @type {?} */
-        CardMdoChannelV1Component.prototype.widgetSubType;
-        /**
-         * @type {?}
-         * @private
-         */
-        CardMdoChannelV1Component.prototype.events;
-        /**
-         * @type {?}
-         * @private
-         */
-        CardMdoChannelV1Component.prototype.translate;
+        CardAssessmentComponent.prototype.defaultThumbnail;
+        /** @type {?} */
+        CardAssessmentComponent.prototype.defaultSLogo;
+        /** @type {?} */
+        CardAssessmentComponent.prototype.daysRemaining;
+        /** @type {?} */
+        CardAssessmentComponent.prototype.startDate;
+        /** @type {?} */
+        CardAssessmentComponent.prototype.daysPending;
         /**
          * @type {?}
          * @private
          */
-        CardMdoChannelV1Component.prototype.langtranslations;
+        CardAssessmentComponent.prototype.intervalId;
         /**
          * @type {?}
          * @private
          */
-        CardMdoChannelV1Component.prototype.configSvc;
+        CardAssessmentComponent.prototype.configSvc;
         /**
          * @type {?}
          * @private
          */
-        CardMdoChannelV1Component.prototype.contSvc;
-        /** @type {?} */
-        CardMdoChannelV1Component.prototype.router;
+        CardAssessmentComponent.prototype.contSvc;
     }
 
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    var AvatarPhotoLibComponent = /** @class */ (function () {
+    var ɵ0$3 = /**
+     * @param {?} id
+     * @return {?}
+     */
+    function (id) { return "certreg/v2/certs/download/" + id; }, ɵ1$2 = /**
+     * @param {?} id
+     * @return {?}
+     */
+    function (id) { return "apis/protected/v8/cohorts/course/batch/cert/download/" + id; };
+    /** @type {?} */
+    var urls = {
+        DOWNLOAD_CERTIFICATE: (ɵ0$3),
+        DOWNLOAD_CERTIFICATE_v2: (ɵ1$2),
+    };
+    var CertificateService = /** @class */ (function () {
+        function CertificateService(http) {
+            this.http = http;
+        }
+        /**
+         * @param {?} id
+         * @return {?}
+         */
+        CertificateService.prototype.downloadCertificate = /**
+         * @param {?} id
+         * @return {?}
+         */
+        function (id) {
+            return this.http.get(urls.DOWNLOAD_CERTIFICATE(id));
+        };
+        /**
+         * @param {?} id
+         * @return {?}
+         */
+        CertificateService.prototype.downloadCertificate_v2 = /**
+         * @param {?} id
+         * @return {?}
+         */
+        function (id) {
+            return this.http.get(urls.DOWNLOAD_CERTIFICATE_v2(id));
+        };
+        CertificateService.decorators = [
+            { type: core.Injectable, args: [{
+                        providedIn: 'root'
+                    },] }
+        ];
+        /** @nocollapse */
+        CertificateService.ctorParameters = function () { return [
+            { type: http.HttpClient }
+        ]; };
+        /** @nocollapse */ CertificateService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function CertificateService_Factory() { return new CertificateService(core.ɵɵinject(http.HttpClient)); }, token: CertificateService, providedIn: "root" });
+        return CertificateService;
+    }());
+    if (false) {
+        /**
+         * @type {?}
+         * @private
+         */
+        CertificateService.prototype.http;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var CertificateDialogComponent = /** @class */ (function () {
+        function CertificateDialogComponent(environment, events, translate, langtranslations, dialogRef, data) {
+            var _this = this;
+            this.events = events;
+            this.translate = translate;
+            this.langtranslations = langtranslations;
+            this.dialogRef = dialogRef;
+            this.data = data;
+            this.navUrl = '';
+            this.environment = environment;
+            this.langtranslations.languageSelectedObservable.subscribe((/**
+             * @return {?}
+             */
+            function () {
+                if (localStorage.getItem('websiteLanguage')) {
+                    _this.translate.setDefaultLang('en');
+                    /** @type {?} */
+                    var lang = (/** @type {?} */ (localStorage.getItem('websiteLanguage')));
+                    _this.translate.use(lang);
+                }
+            }));
+        }
+        /**
+         * @return {?}
+         */
+        CertificateDialogComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+            this.url = this.data.cet;
+            // tslint:disable-next-line:max-line-length
+            this.navUrl = "https://www.linkedin.com/sharing/share-offsite/?url=" + this.environment.contentHost + "/apis/public/v8/cert/download/" + this.data.certId;
+        };
+        /**
+         * @return {?}
+         */
+        CertificateDialogComponent.prototype.downloadCert = /**
+         * @return {?}
+         */
+        function () {
+            this.raiseIntreactTelemetry('svg');
+            /** @type {?} */
+            var a = document.createElement('a');
+            a.href = this.data.cet;
+            a.download = 'Certificate';
+            document.body.appendChild(a);
+            a.style = 'display: none';
+            a.click();
+            a.remove();
+        };
+        /**
+         * @return {?}
+         */
+        CertificateDialogComponent.prototype.downloadCertPng = /**
+         * @return {?}
+         */
+        function () {
+            this.raiseIntreactTelemetry('png');
+            /** @type {?} */
+            var uriData = this.data.cet;
+            /** @type {?} */
+            var img = new Image();
+            img.src = uriData;
+            img.width = 1820;
+            img.height = 1000;
+            img.onload = (/**
+             * @return {?}
+             */
+            function () {
+                var _a;
+                /** @type {?} */
+                var canvas = document.createElement('canvas');
+                _a = __read([img.width, img.height], 2), canvas.width = _a[0], canvas.height = _a[1];
+                /** @type {?} */
+                var ctx = canvas.getContext('2d');
+                if (ctx) {
+                    // ctx.imageSmoothingEnabled = true
+                    ctx.drawImage(img, 0, 0, img.width, img.height);
+                    /** @type {?} */
+                    var a = document.createElement('a');
+                    /** @type {?} */
+                    var quality = 1.0 // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/imageSmoothingQuality
+                    ;
+                    a.href = canvas.toDataURL('image/png', quality);
+                    a.download = 'Certificate';
+                    a.append(canvas);
+                    a.click();
+                    a.remove();
+                }
+            });
+        };
+        /**
+         * @return {?}
+         */
+        CertificateDialogComponent.prototype.downloadCertPdf = /**
+         * @return {?}
+         */
+        function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var uriData, img;
+                return __generator(this, function (_a) {
+                    this.raiseIntreactTelemetry('pdf');
+                    uriData = this.data.cet;
+                    img = new Image();
+                    img.src = uriData;
+                    img.width = 1820;
+                    img.height = 1000;
+                    img.onload = (/**
+                     * @return {?}
+                     */
+                    function () {
+                        var _a;
+                        /** @type {?} */
+                        var canvas = document.createElement('canvas');
+                        _a = __read([img.width, img.height], 2), canvas.width = _a[0], canvas.height = _a[1];
+                        /** @type {?} */
+                        var ctx = canvas.getContext('2d');
+                        if (ctx) {
+                            ctx.drawImage(img, 0, 0, img.width, img.height);
+                            /** @type {?} */
+                            var quality = 1.0 // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/imageSmoothingQuality
+                            ;
+                            // https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/imageSmoothingQuality
+                            /** @type {?} */
+                            var dataImg = canvas.toDataURL('application/pdf', quality);
+                            /** @type {?} */
+                            var pdf = new jspdf.jsPDF('landscape', 'px', 'a4')
+                            // add the image to the PDF
+                            ;
+                            // add the image to the PDF
+                            pdf.addImage(dataImg, 10, 20, 600, 350);
+                            // download the PDF
+                            pdf.save('Certificate.pdf');
+                        }
+                    });
+                    return [2 /*return*/];
+                });
+            });
+        };
+        /**
+         * @return {?}
+         */
+        CertificateDialogComponent.prototype.shareCert = /**
+         * @return {?}
+         */
+        function () {
+            this.raiseShareIntreactTelemetry('share');
+            return window.open(this.navUrl, '_blank');
+        };
+        /**
+         * @param {?=} type
+         * @param {?=} action
+         * @return {?}
+         */
+        CertificateDialogComponent.prototype.raiseShareIntreactTelemetry = /**
+         * @param {?=} type
+         * @param {?=} action
+         * @return {?}
+         */
+        function (type, action) {
+            this.events.raiseInteractTelemetry({
+                type: utilsV2.WsEvents.EnumInteractTypes.CLICK,
+                id: type + "-" + utilsV2.WsEvents.EnumInteractSubTypes.CERTIFICATE,
+                subType: action && action,
+            }, {
+                id: this.data.certId,
+                // id of the certificate
+                type: utilsV2.WsEvents.EnumInteractSubTypes.CERTIFICATE,
+            });
+        };
+        /**
+         * @param {?=} action
+         * @return {?}
+         */
+        CertificateDialogComponent.prototype.raiseIntreactTelemetry = /**
+         * @param {?=} action
+         * @return {?}
+         */
+        function (action) {
+            this.events.raiseInteractTelemetry({
+                type: utilsV2.WsEvents.EnumInteractTypes.CLICK,
+                id: 'download-certificate',
+                subType: action && action,
+            }, {
+                id: this.data.certId,
+                // id of the certificate
+                type: utilsV2.WsEvents.EnumInteractSubTypes.CERTIFICATE,
+            });
+        };
+        CertificateDialogComponent.decorators = [
+            { type: core.Component, args: [{
+                        selector: 'sb-uic-certificate-dialog',
+                        template: "<mat-card class=\"no-shadow certificate-img-box\">\n    <button mat-icon-button class=\"close-button\" [mat-dialog-close]=\"true\">\n        <mat-icon class=\"close-icon\" color=\"warn\">close</mat-icon>\n    </button>\n    <!-- <mat-card-title>\n\n    </mat-card-title> -->\n    <mat-card-content class=\"certificate-img-content\">\n        <img #certificate [src]=\"url| pipeSafeSanitizer: 'url'\" alt=\"Certificate\" role=\"image\" class=\"certificate-banner-image\">\n    </mat-card-content>\n    <mat-card-actions class=\"flex flex-row-reverse\">\n        <!-- <ws-widget-svg-to-pdf></ws-widget-svg-to-pdf> -->\n        <a mat-button (click)=\"shareCert()\" class=\"ws-mat-accent-border-active mat-accent\">\n            <mat-icon class=\"mat-icon material-icons-outlined download_icon margin-right-xs\">share</mat-icon>\n            Share\n        </a>\n        <a mat-button [matMenuTriggerFor]=\"menu\" class=\"ws-mat-accent-border-active mat-accent\" (click)=\"raiseIntreactTelemetry()\">\n            <mat-icon class=\"mat-icon material-icons-outlined download_icon margin-right-xs\">cloud_download</mat-icon>\n            {{'certificatedialog.download' | translate}}\n        </a>\n        <mat-menu #menu=\"matMenu\">\n            <button mat-menu-item (click)='downloadCertPdf()'>\n                <mat-icon>picture_as_pdf</mat-icon>\n                <span>{{'certificatedialog.pdf' | translate}}</span>\n            </button>\n            <button mat-menu-item (click)='downloadCertPng()'>\n                <mat-icon>photo</mat-icon>\n                <span>{{'certificatedialog.png' | translate}}</span>\n            </button>\n            <button mat-menu-item (click)='downloadCert()'>\n                <mat-icon>photo_size_select_actual</mat-icon>\n                <span>{{'certificatedialog.svg' | translate}}</span>\n            </button>\n        </mat-menu>\n    </mat-card-actions>\n</mat-card>\n",
+                        /* tslint:disable */
+                        host: { class: 'certificate-inner-dialog-panel' },
+                        styles: [".no-shadow{box-shadow:none!important}.certificate-banner-image{height:30rem;display:flex;width:auto;margin:0 auto}.certificate-img-box{max-height:35rem;overflow-y:auto;overflow-x:hidden}.certificate-img-content{overflow:hidden}a.download_btn{background-color:#f0f0f0;border-radius:4px;float:right;height:40px;padding:0 16px;text-align:center;line-height:40px;text-decoration:none;color:rgba(0,0,0,.6);font-size:14px;font-weight:600;margin-top:16px;margin-right:0}.download_icon{font-size:16px;vertical-align:text-top}.close-icon{transition:1s ease-in-out;color:#fff!important}.close-icon:hover{transform:rotate(180deg)}::ng-deep .icon-outside .close-button{float:right;top:-52px;right:-52px}::ng-deep .icon-outside .mat-dialog-container{overflow:unset}::ng-deep .cdk-overlay-pane{max-height:96%!important;overflow-y:auto!important}.certificate-banner-image svg{width:500;height:500}@media only screen and (max-width:1279px){.certificate-banner-image{width:100%;height:auto;flex:1}.certificate-banner-image svg{width:auto;height:auto;flex:1}}.close-button{float:right;top:-16px;right:-12px;height:30px;width:30px;line-height:30px;background:#000!important;color:#fff!important;border-radius:50%!important}.ws-mat-accent-border{border:1px solid rgba(255,255,255,.08)}.ws-mat-accent-border-active{border:1px solid #1b4ca1;color:#1b4ca1}.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible}"]
+                    }] }
+        ];
+        /** @nocollapse */
+        CertificateDialogComponent.ctorParameters = function () { return [
+            { type: undefined, decorators: [{ type: core.Inject, args: ['environment',] }] },
+            { type: utilsV2.EventService },
+            { type: core$1.TranslateService },
+            { type: utilsV2.MultilingualTranslationsService },
+            { type: material.MatDialogRef },
+            { type: undefined, decorators: [{ type: core.Inject, args: [material.MAT_DIALOG_DATA,] }] }
+        ]; };
+        return CertificateDialogComponent;
+    }());
+    if (false) {
+        /** @type {?} */
+        CertificateDialogComponent.prototype.url;
+        /** @type {?} */
+        CertificateDialogComponent.prototype.navUrl;
+        /** @type {?} */
+        CertificateDialogComponent.prototype.environment;
+        /**
+         * @type {?}
+         * @private
+         */
+        CertificateDialogComponent.prototype.events;
+        /**
+         * @type {?}
+         * @private
+         */
+        CertificateDialogComponent.prototype.translate;
+        /**
+         * @type {?}
+         * @private
+         */
+        CertificateDialogComponent.prototype.langtranslations;
+        /** @type {?} */
+        CertificateDialogComponent.prototype.dialogRef;
+        /** @type {?} */
+        CertificateDialogComponent.prototype.data;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var CardProgressPortraitLibComponent = /** @class */ (function () {
+        function CardProgressPortraitLibComponent(snackBar, translate, events, langtranslations, configSvc, contSvc, certificateService, dialog) {
+            var _this = this;
+            this.snackBar = snackBar;
+            this.translate = translate;
+            this.events = events;
+            this.langtranslations = langtranslations;
+            this.configSvc = configSvc;
+            this.contSvc = contSvc;
+            this.certificateService = certificateService;
+            this.dialog = dialog;
+            this.isCardLoading = false;
+            this.contentData = new core.EventEmitter();
+            this.isCardFlipped = false;
+            this.acbpConstants = NsCardContent$1.ACBPConst;
+            this.showFlip = false;
+            this.widgetType = 'df';
+            this.widgetSubType = 'sdf';
+            this.downloadCertificateLoading = false;
+            this.langtranslations.languageSelectedObservable.subscribe((/**
+             * @return {?}
+             */
+            function () {
+                if (localStorage.getItem('websiteLanguage')) {
+                    _this.translate.setDefaultLang('en');
+                    /** @type {?} */
+                    var lang = (/** @type {?} */ (localStorage.getItem('websiteLanguage')));
+                    _this.translate.use(lang);
+                }
+            }));
+        }
+        /**
+         * @return {?}
+         */
+        CardProgressPortraitLibComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+            /** @type {?} */
+            var instanceConfig = this.configSvc.instanceConfig;
+            if (instanceConfig) {
+                this.defaultThumbnail = instanceConfig.logos.defaultContent || '';
+                this.sourceLogos = instanceConfig.sources;
+                this.defaultSLogo = instanceConfig.logos.defaultSourceLogo || '';
+            }
+            else {
+                this.defaultThumbnail = '/assets/instances/eagle/app_logos/default.png';
+                this.defaultSLogo = '/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg';
+            }
+        };
+        /**
+         * @return {?}
+         */
+        CardProgressPortraitLibComponent.prototype.showSnackbar = /**
+         * @return {?}
+         */
+        function () {
+            if (this.showIntranetContent) {
+                this.snackBar.open('Content is only available in intranet', 'X', { duration: 2000 });
+            }
+            else if (!this.isLiveOrMarkForDeletion) {
+                this.snackBar.open('Content may be expired or deleted', 'X', { duration: 2000 });
+            }
+        };
+        /**
+         * @param {?} contentData
+         * @return {?}
+         */
+        CardProgressPortraitLibComponent.prototype.getRedirectUrlData = /**
+         * @param {?} contentData
+         * @return {?}
+         */
+        function (contentData) {
+            // for telemetry
+            if (this.widgetData && this.widgetData.context && this.widgetData.context.pageSection) {
+                contentData['typeOfTelemetry'] = this.widgetData.context.pageSection;
+            }
+            this.contSvc.changeTelemetryData(contentData);
+            // for redirection
+            this.contentData.emit(contentData);
+        };
+        /**
+         * @param {?} label
+         * @param {?} type
+         * @param {?=} subtype
+         * @return {?}
+         */
+        CardProgressPortraitLibComponent.prototype.translateLabels = /**
+         * @param {?} label
+         * @param {?} type
+         * @param {?=} subtype
+         * @return {?}
+         */
+        function (label, type, subtype) {
+            return this.langtranslations.translateLabelWithoutspace(label, type, subtype);
+        };
+        /**
+         * @return {?}
+         */
+        CardProgressPortraitLibComponent.prototype.raiseTelemetry = /**
+         * @return {?}
+         */
+        function () {
+            this.events.raiseInteractTelemetry({
+                type: 'click',
+                subType: this.widgetType + "-" + this.widgetSubType,
+                id: lodash.camelCase(this.widgetData.content.primaryCategory) + "-card",
+            }, {
+                id: this.widgetData.content.identifier,
+                type: this.widgetData.content.primaryCategory,
+                //context: this.widgetData.context,
+                rollup: {},
+                ver: "" + this.widgetData.content.version + '',
+            }, {
+                pageIdExt: lodash.camelCase(this.widgetData.content.primaryCategory) + "-card",
+                module: lodash.camelCase(this.widgetData.content.primaryCategory),
+            });
+        };
+        /**
+         * @param {?} certificateData
+         * @return {?}
+         */
+        CardProgressPortraitLibComponent.prototype.downloadCertificate = /**
+         * @param {?} certificateData
+         * @return {?}
+         */
+        function (certificateData) {
+            var _this = this;
+            this.events.raiseInteractTelemetry({
+                type: utilsV2.WsEvents.EnumInteractTypes.CLICK,
+                id: 'view-certificate',
+                subType: utilsV2.WsEvents.EnumInteractSubTypes.CERTIFICATE,
+            }, {
+                id: certificateData.issuedCertificates[0].identifier,
+                // id of the certificate
+                type: utilsV2.WsEvents.EnumInteractSubTypes.CERTIFICATE,
+            });
+            if (certificateData.issuedCertificates.length > 0) {
+                this.downloadCertificateLoading = true;
+                /** @type {?} */
+                var certData_1 = certificateData.issuedCertificates[0];
+                this.certificateService.downloadCertificate_v2(certData_1.identifier).subscribe((/**
+                 * @param {?} res
+                 * @return {?}
+                 */
+                function (res) {
+                    _this.downloadCertificateLoading = false;
+                    /** @type {?} */
+                    var cet = res.result.printUri;
+                    _this.dialog.open(CertificateDialogComponent, {
+                        width: '1300px',
+                        data: { cet: cet, certId: certData_1.identifier },
+                    });
+                }));
+            }
+            else {
+                this.downloadCertificateLoading = false;
+            }
+        };
+        CardProgressPortraitLibComponent.decorators = [
+            { type: core.Component, args: [{
+                        selector: 'sb-uic-card-progress-portrait-lib',
+                        template: "<ng-container *ngIf=\"!isCardLoading\">\n  <mat-card class=\"card-portrait card-progress-portrait-lib cursor-pointer\" [ngClass]=\"widgetData?.cardCustomeClass ? widgetData?.cardCustomeClass : ''\" (click)=\"raiseTelemetry();getRedirectUrlData(widgetData?.content); $event.stopPropagation()\" >\n    <div class=\"course_widget portrait_widget flex  margin-bottom-xs\">\n      <div class=\"flex flex-end flex-middle course_port\">\n        <mat-icon class=\"mat-icon main_icon  ws-mat-default-text margin-right-xs\">video_library</mat-icon>\n        <sb-uic-display-content-type i18n-title title=\"Content Type\" *ngIf=\"widgetData?.content?.primaryCategory\"\n          class=\"ws-mat-black60-text font-normal mat-caption \" [displayContentType]=\"widgetData?.content?.primaryCategory==='Course Unit'\n          ?'Module'\n          :widgetData?.content?.primaryCategory\">\n        </sb-uic-display-content-type>\n      </div>\n    </div>\n    <div class=\"flex\">\n      <div class=\"margin-right-s\">\n        <ng-container *ngIf=\"widgetData?.content?.posterImage\">\n          <div class=\" img-block-portrait position-relative\">\n            <img mat-card-image [src]=\"widgetData?.content?.posterImage | pipePublicURL\" loading=\"lazy\"\n            class=\"card-image ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n            [alt]=\"widgetData?.content?.name\" />\n            <div class=\"duration-box right-corner-portrait\" *ngIf=\"widgetData?.content?.duration > 0\">\n              <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n              <span class=\" ws-mat-white-text duration\">\n                {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: 'hms' }}\n              </span>\n            </div>\n            <div class=\"duration-box right-corner-portrait\" *ngIf=\"widgetData?.content?.programDuration > 0\">\n              <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n              <span class=\" ws-mat-white-text duration\">\n                {{widgetData?.content?.programDuration}} {{widgetData?.content?.programDuration === 1 ? 'day' : 'days'}}\n              </span>\n            </div>\n            <ng-container *ngIf=\"cbPlanMapData && cbPlanMapData[widgetData?.content?.identifier]\">\n                  <ng-container [ngTemplateOutlet]=\"cbpPlan\" [ngTemplateOutletContext]=\"{data: {\n                    cbpData: cbPlanMapData[widgetData?.content?.identifier]\n                  }}\"></ng-container>\n            </ng-container>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"!widgetData?.content?.posterImage\">\n          <ng-container *ngIf=\"widgetData?.content?.appIcon; else defaultImg\">\n            <img mat-card-image [src]=\"widgetData?.content?.appIcon | pipePublicURL\" loading=\"lazy\"\n            class=\"card-image ws-mat-primary-lite-background margin-remove\"  [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n            [alt]=\"widgetData?.content?.name\" />\n          </ng-container>\n          <ng-template #defaultImg>\n            <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n            class=\"card-image ws-mat-primary-lite-background margin-remove\"\n            [alt]=\"widgetData?.content?.name\" />\n          </ng-template>\n        </ng-container>\n      </div>\n      <div class=\"width-1-1\">\n        <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n            class=\"portrait-subheading mat-subheading-2 title-text\">\n            {{ widgetData?.content?.name }}\n        </div>\n        <div class=\"flex w-full  flex-middle\">\n          <div class=\"portrait_course_logo_box margin-right-xs\">\n            <img [src]=\"widgetData?.content?.creatorLogo | pipePublicURL \" class=\"source-icon\"  loading=\"lazy\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n            [alt]=\"(widgetData?.content?.sourceName + '_' + widgetData?.content?.identifier)\" />\n          </div>\n          <span class=\"portrait-org-name font-normal mat-caption\">{{'cardcontentv2.by' | translate}} {{ (widgetData?.content?.organisation && widgetData?.content?.organisation[0]) ? widgetData?.content?.organisation[0] : 'Karmayogi Bharat' }}</span>\n        </div>\n\n      </div>\n    </div>\n    <ng-container *ngIf=\"widgetData?.content?.completionPercentage < 100\">\n      <div class=\"flex flex-align-end progress-wrapper flex-between\" >\n        <div class=\"progress-block\" >\n          <div class=\"completed-time\">\n            <mat-icon class=\"mat-icon  schedule margin-right-xs\">schedule</mat-icon>\n            <span>{{widgetData?.content?.completionPercentage}}%</span>\n          </div>\n          <div>\n            <ng-container *ngIf=\"widgetData?.content?.completionStatus < 2\">\n              <sb-uic-content-progress class=\"progress-bar-new\" [customClassName]=\"'course-progress-bar'\" *ngIf=\"widgetData?.content?.identifier\"\n              [contentId]=\"widgetData?.content?.identifier\" [progress]=\"widgetData?.content?.completionPercentage\"\n              [progressType]=\"'percentage'\">\n            </sb-uic-content-progress>\n            </ng-container>\n          </div>\n        </div>\n        <div class=\"progress-btn\">\n          <button class=\"resume-btn flex flex-middle flex-between\" [routerLink]=\"['/app/toc/',widgetData?.content?.identifier,'overview']\"\n          [queryParams]=\"{primaryCategory: widgetData?.content?.primaryCategory}\" [state]=\"widgetData?.stateData\" \n          [matTooltipPosition]=\"'below'\"\n          [matTooltipDisabled]=\"(!widgetData?.content?.completionPercentage ? translateLabels('start', 'cardcontentv2') : translateLabels('resume', 'cardcontentv2')).length < 11\"\n          matTooltip=\"{{!widgetData?.content?.completionPercentage ? translateLabels('start', 'cardcontentv2') : translateLabels('resume', 'cardcontentv2')}}\">\n            <span class=\"textwrap margin-right-xs\">\n              {{!widgetData?.content?.completionPercentage ? translateLabels('start', 'cardcontentv2') : translateLabels('resume', 'cardcontentv2')}}</span>\n            <img class=\"stats-icon\" height=\"20\" width=\"20\" src=\"/assets/icons/home/play.svg\">\n          </button>\n        </div>\n      </div>\n    </ng-container>\n    <ng-container *ngIf=\"widgetData?.content?.completionPercentage === 100\">\n      <div class=\"flex flex-align-end progress-wrapper flex-end mt-1\">\n        <div class=\"progress-btn\">\n          <button class=\"resume-btn flex flex-middle flex-between view-btn\" [ngClass]=\"{'disable-btn': downloadCertificateLoading || widgetData?.content?.issuedCertificates?.length === 0}\" (click)=\"!downloadCertificateLoading && downloadCertificate(widgetData?.content);$event.stopPropagation()\" \n          [matTooltipPosition]=\"'below'\"\n          [matTooltipDisabled]=\"(translateLabels('viewCertificate', 'cardcontentv2')).length < 11\"\n          matTooltip=\"{{'cardcontentv2.viewCertificate' | translate }}\">\n            <span class=\"margin-right-xs textwrap\">{{'cardcontentv2.viewCertificate' | translate }}</span>\n            <img class=\"stats-icon\" *ngIf=\"!downloadCertificateLoading\" height=\"20\" width=\"20\" src=\"/assets/icons/home/eye-white.svg\">\n            <div class=\"center flex flex-middle\"  *ngIf=\"downloadCertificateLoading\">\n              <mat-spinner strokeWidth=\"2\" stroke=\"'red'\" class=\"white-spinner\" [diameter]=\"16\"></mat-spinner>\n            </div>\n          </button>\n        </div>\n      </div>\n    </ng-container>\n  </mat-card>\n</ng-container>\n\n\n<ng-template #cbpPlan  let-data=\"data\">\n  <div class=\"cbp-mark left-0 border-top-radius\">\n    <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.UPCOMING\"  class=\"cbp-warning\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\n    <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.SUCCESS\"  class=\"cbp-success\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\n    <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.OVERDUE\" class=\"cbp-danger\">{{'OverDue' }}</p>\n  </div>\n</ng-template>\n\n<ng-container *ngIf=\"isCardLoading\">\n    <mat-card class=\"card-portrait\" [ngClass]=\"widgetData.cardCustomeClass ? widgetData.cardCustomeClass : ''\">\n      <div class=\"margin-bottom-xs\">\n        <ng-container>\n          <sb-uic-skeleton-loader [width]=\"'147px'\" [height]=\"'26px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n        </ng-container>\n      </div>\n      <div class=\"flex\">\n        <div class=\"margin-right-s\">\n          <ng-container>\n            <sb-uic-skeleton-loader [width]=\"'147px'\" [height]=\"'98px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n          </ng-container>\n        </div>\n        <div class=\"width-1-1\">\n          <div class=\"portrait-subheading title-text\">\n              <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded width-1-1'\"></sb-uic-skeleton-loader>\n          </div>\n          <div class=\"flex w-full flex-wrap flex-middle\">\n            <div class=\" margin-right-xs\">\n              <sb-uic-skeleton-loader [width]=\"'24px'\" [height]=\"'24px'\"  [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n            </div>\n            <span class=\"\"><sb-uic-skeleton-loader [width]=\"'133px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader></span>\n          </div>\n          <div class=\"portrait_widget flex margin-top-xs\">\n            <div class=\"flex flex-end flex-middle\">\n              <sb-uic-skeleton-loader [width]=\"'65px'\" [height]=\"'12px'\"  [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"flex flex-align-end progress-wrapper flex-between\">\n        <div class=\"progress-block\">\n          <div class=\"completed-time\">\n            <sb-uic-skeleton-loader [width]=\"'211px'\" [height]=\"'16px'\"  [bindingClass]=\"'flex rounded margin-top-xs md:w-211'\"></sb-uic-skeleton-loader>\n          </div>\n        </div>\n        <div class=\"progress-btn\">\n          <sb-uic-skeleton-loader [width]=\"'117px'\" [height]=\"'32px'\"  [bindingClass]=\"'flex rounded margin-top-xs'\"></sb-uic-skeleton-loader>\n        </div>\n      </div>\n    </mat-card>\n</ng-container>",
+                        styles: [".card-portrait{border-radius:12px;border:1px solid rgba(0,0,0,.08);opacity:1;width:318px;min-height:154px;padding:16px}.card-portrait .img-block-portrait{line-height:10px}.card-portrait .card-image{border-radius:8px;opacity:1;background-size:100%;width:147px;height:100px}.card-portrait .portrait-subheading{opacity:1;color:rgba(0,0,0,.87);font-weight:700;font-style:normal;letter-spacing:.25px;text-align:left;word-break:break-word;white-space:initial;margin:0 0 8px;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px}.card-portrait .portrait_course_logo_box img{padding:3px;display:inline-block;width:24px;height:24px;border:1px solid #d6d6d6;border-radius:4px;box-sizing:border-box}.card-portrait span.portrait-org-name{width:75%;word-break:break-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-portrait .portrait_widget{align-items:center;margin-top:0}.card-portrait .portrait_widget .course_port{border:1px solid #ef951e;padding:4px 8px;align-items:center;border-radius:16px}.card-portrait .portrait_widget .video-icon{opacity:1;color:#ef951e;width:15px;height:15px;font-size:15px}.card-portrait .portrait_widget .portrait-category{color:rgba(0,0,0,.6)!important;font-size:.75rem;opacity:1;font-family:Lato-Regular;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:left;line-height:20px}.card-portrait .progress-wrapper .progress-block{width:60%}.card-portrait .progress-wrapper .progress-block .completed-time{color:#ef951e;display:flex;padding:8px 0}.card-portrait .progress-wrapper .progress-block .completed-time mat-icon{width:1rem;height:1rem;font-size:1rem}.card-portrait .progress-wrapper .progress-block .completed-time span{opacity:1;color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.75rem;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:left;line-height:16px}.card-portrait .progress-wrapper .progress-btn .resume-btn{opacity:1;color:#fff;font-family:Lato-Bold;font-size:14px;font-weight:700;font-style:normal;letter-spacing:.5px;text-align:left;line-height:20px;background:#1a4ca1;border-radius:63px;padding:6px 16px;border:none;width:100%;cursor:pointer}.card-portrait .progress-wrapper .progress-btn .resume-btn .textwrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:82px}.card-portrait .progress-wrapper .progress-btn .resume-btn:hover{background-color:#253379}.card-portrait .progress-bar-new{color:#ef951e!important;height:10px;border-radius:5px}.card-portrait .rating-session mat-icon{font-size:20px;height:20px;width:20px;color:#ef951e}.card-portrait .rating-session .rating-number{font-size:14px}.card-portrait .rating-session .most-enrolled-text{font-size:10px;font-weight:400;padding:4px;background:#ffea9e;border-radius:4px;line-height:12px}.card-portrait .right-corner-portrait{right:8px;bottom:8px}.course_widget{margin-top:10px}.course_widget .mat-icon{vertical-align:middle;color:#ef951e!important}.course_widget .course_v2{border:1px solid #ef951e;padding:4px 8px;align-items:end;border-radius:16px}.course_widget .main_icon{font-size:16px;width:16px;height:16px}.rating-session mat-icon{font-size:16px;height:16px;width:12px;padding-right:3px;color:#ef951e}.rating-session span{font-size:11px}.rating-session .most-enrolled-text{padding:0 8px;background:#ffea9e;border-radius:4px}.duration-box{background:#000;position:absolute;border:none;display:flex;align-items:center;padding:4px;border-radius:4px}.duration-box.right-corner{right:4px;bottom:4px}.duration-box .mat-icon{vertical-align:middle;color:#fff!important;height:14px!important;width:14px!important;font-size:14px}.duration-box .duration{font:700 12px/16px Lato;display:inline-block;margin:0;padding:0}"]
+                    }] }
+        ];
+        /** @nocollapse */
+        CardProgressPortraitLibComponent.ctorParameters = function () { return [
+            { type: material.MatSnackBar },
+            { type: core$1.TranslateService },
+            { type: utilsV2.EventService },
+            { type: MultilingualTranslationsService },
+            { type: utilsV2.ConfigurationsService },
+            { type: WidgetContentService },
+            { type: CertificateService },
+            { type: material.MatDialog }
+        ]; };
+        CardProgressPortraitLibComponent.propDecorators = {
+            widgetData: [{ type: core.Input }],
+            isLiveOrMarkForDeletion: [{ type: core.Input }],
+            showIntranetContent: [{ type: core.Input }],
+            isIntranetAllowedSettings: [{ type: core.Input }],
+            isCardLoading: [{ type: core.Input }],
+            contentData: [{ type: core.Output }],
+            cbPlanMapData: [{ type: core.Input }]
+        };
+        return CardProgressPortraitLibComponent;
+    }());
+    if (false) {
+        /** @type {?} */
+        CardProgressPortraitLibComponent.prototype.widgetData;
+        /** @type {?} */
+        CardProgressPortraitLibComponent.prototype.isLiveOrMarkForDeletion;
+        /** @type {?} */
+        CardProgressPortraitLibComponent.prototype.showIntranetContent;
+        /** @type {?} */
+        CardProgressPortraitLibComponent.prototype.isIntranetAllowedSettings;
+        /** @type {?} */
+        CardProgressPortraitLibComponent.prototype.isCardLoading;
+        /** @type {?} */
+        CardProgressPortraitLibComponent.prototype.contentData;
+        /** @type {?} */
+        CardProgressPortraitLibComponent.prototype.cbPlanMapData;
+        /** @type {?} */
+        CardProgressPortraitLibComponent.prototype.isCardFlipped;
+        /** @type {?} */
+        CardProgressPortraitLibComponent.prototype.acbpConstants;
+        /** @type {?} */
+        CardProgressPortraitLibComponent.prototype.defaultThumbnail;
+        /** @type {?} */
+        CardProgressPortraitLibComponent.prototype.sourceLogos;
+        /** @type {?} */
+        CardProgressPortraitLibComponent.prototype.defaultSLogo;
+        /** @type {?} */
+        CardProgressPortraitLibComponent.prototype.showFlip;
+        /** @type {?} */
+        CardProgressPortraitLibComponent.prototype.widgetType;
+        /** @type {?} */
+        CardProgressPortraitLibComponent.prototype.widgetSubType;
+        /** @type {?} */
+        CardProgressPortraitLibComponent.prototype.downloadCertificateLoading;
+        /**
+         * @type {?}
+         * @private
+         */
+        CardProgressPortraitLibComponent.prototype.snackBar;
+        /**
+         * @type {?}
+         * @private
+         */
+        CardProgressPortraitLibComponent.prototype.translate;
+        /**
+         * @type {?}
+         * @private
+         */
+        CardProgressPortraitLibComponent.prototype.events;
+        /**
+         * @type {?}
+         * @private
+         */
+        CardProgressPortraitLibComponent.prototype.langtranslations;
+        /**
+         * @type {?}
+         * @private
+         */
+        CardProgressPortraitLibComponent.prototype.configSvc;
+        /**
+         * @type {?}
+         * @private
+         */
+        CardProgressPortraitLibComponent.prototype.contSvc;
+        /**
+         * @type {?}
+         * @private
+         */
+        CardProgressPortraitLibComponent.prototype.certificateService;
+        /**
+         * @type {?}
+         * @private
+         */
+        CardProgressPortraitLibComponent.prototype.dialog;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var ContentProgressComponent = /** @class */ (function () {
+        function ContentProgressComponent() {
+            this.contentId = '';
+            this.progress = 0;
+            this.progressType = '';
+            this.forPreview = false;
+            this.className = '';
+            this.customClassName = 'accent-progress';
+            this.rendom = Math.random();
+            this.id = "progress_" + Math.random();
+            if (this.contentId) {
+                this.id = this.contentId;
+            }
+        }
+        /**
+         * @return {?}
+         */
+        ContentProgressComponent.prototype.ngOnChanges = /**
+         * @return {?}
+         */
+        function () {
+            if (this.contentId && !this.progress && !this.forPreview) {
+                // this.progressSvc.getProgressFor(this.contentId).subscribe(data => {
+                //   this.progress = data
+                //   if (this.progress) {
+                //     this.progress = Math.round(this.progress * 10000) / 100
+                //   }
+                // })
+            }
+            if (this.progress) {
+                if (this.progressType === 'percentage') {
+                    this.progress = this.progress;
+                }
+                else {
+                    this.progress = Math.round(this.progress * 10000) / 100;
+                }
+            }
+        };
+        ContentProgressComponent.decorators = [
+            { type: core.Component, args: [{
+                        selector: 'sb-uic-content-progress',
+                        template: "<mat-progress-bar [mode]=\"'determinate'\" [matTooltip]=\"progress + ' %'\" [value]=\"progress\" class=\"new-w content-progress {{customClassName}}\"\n  [attr.aria-labelledby]=\"'m-c-'+ contentId\" [ngClass]=\"{ 'visibility-0': progress === undefined, 'thick': className}\"\n  i18n-aria-label> {{ progress }} % </mat-progress-bar>",
+                        /* tslint:disable */
+                        host: {
+                            // Sets the role for this component to "progressbar"
+                            role: 'progressbar',
+                            // Sets the minimum and maximum values for the progressbar role.
+                            'aria-valuemin': '0',
+                            'aria-valuemax': '100',
+                            'title': 'progres',
+                            // Binding that updates the current value of the progressbar.
+                            '[attr.aria-valuenow]': 'progress',
+                        },
+                        styles: [".visibility-0{display:none}::ng-deep.mat-progress-bar.thick{height:10px}::ng-deep.theme-igot.day-mode .mat-progress-bar-fill::after{background:no-repeat padding-box #34d6a4}::ng-deep.theme-igot.day-mode .mat-progress-bar-background{fill:rgba(0,0,0,.001)!important}::ng-deep.theme-igot.day-mode .mat-progress-bar-buffer{background-color:rgba(0,0,0,.1)!important}::ng-deep .content-progress .mat-progress-bar-fill::after{background:#f69953!important}::ng-deep.theme-igot.day-mode .viewer-progress .mat-progress-bar-background{fill:rgba(0,0,0,.1)!important}::ng-deep.theme-igot.day-mode .viewer-progress .mat-progress-bar-buffer{background-color:rgba(0,0,0,.1)!important}::ng-deep.mat-progress-bar.viewer-progress{height:4px;border-radius:5px}"]
+                    }] }
+        ];
+        /** @nocollapse */
+        ContentProgressComponent.ctorParameters = function () { return []; };
+        ContentProgressComponent.propDecorators = {
+            contentId: [{ type: core.Input }],
+            progress: [{ type: core.Input }],
+            progressType: [{ type: core.Input }],
+            forPreview: [{ type: core.Input }],
+            className: [{ type: core.Input }],
+            customClassName: [{ type: core.Input }],
+            id: [{ type: core.HostBinding, args: ['id',] }]
+        };
+        return ContentProgressComponent;
+    }());
+    if (false) {
+        /** @type {?} */
+        ContentProgressComponent.prototype.contentId;
+        /** @type {?} */
+        ContentProgressComponent.prototype.progress;
+        /** @type {?} */
+        ContentProgressComponent.prototype.progressType;
+        /** @type {?} */
+        ContentProgressComponent.prototype.forPreview;
+        /** @type {?} */
+        ContentProgressComponent.prototype.className;
+        /** @type {?} */
+        ContentProgressComponent.prototype.customClassName;
+        /** @type {?} */
+        ContentProgressComponent.prototype.rendom;
+        /** @type {?} */
+        ContentProgressComponent.prototype.id;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var ContentProgressModule = /** @class */ (function () {
+        function ContentProgressModule() {
+        }
+        ContentProgressModule.decorators = [
+            { type: core.NgModule, args: [{
+                        declarations: [ContentProgressComponent],
+                        imports: [
+                            common.CommonModule,
+                            material.MatProgressBarModule,
+                            material.MatTooltipModule,
+                        ],
+                        exports: [ContentProgressComponent],
+                    },] }
+        ];
+        return ContentProgressModule;
+    }());
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var ɵ0$4 = HttpLoaderFactory;
+    var DialogComponentsModule = /** @class */ (function () {
+        function DialogComponentsModule() {
+        }
+        DialogComponentsModule.decorators = [
+            { type: core.NgModule, args: [{
+                        declarations: [
+                            CertificateDialogComponent
+                        ],
+                        imports: [
+                            common.CommonModule,
+                            material.MatMenuModule,
+                            material.MatCardModule,
+                            material.MatIconModule,
+                            material.MatDialogModule,
+                            utilsV2.PipeSafeSanitizerModule,
+                            core$1.TranslateModule.forRoot({
+                                loader: {
+                                    provide: core$1.TranslateLoader,
+                                    useFactory: ɵ0$4,
+                                    deps: [http.HttpClient],
+                                },
+                            }),
+                        ],
+                        exports: [
+                            CertificateDialogComponent
+                        ],
+                        entryComponents: [CertificateDialogComponent],
+                    },] }
+        ];
+        return DialogComponentsModule;
+    }());
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var CardMdoChannelV1Component = /** @class */ (function () {
+        function CardMdoChannelV1Component(events, translate, langtranslations, configSvc, contSvc, router) {
+            var _this = this;
+            this.events = events;
+            this.translate = translate;
+            this.langtranslations = langtranslations;
+            this.configSvc = configSvc;
+            this.contSvc = contSvc;
+            this.router = router;
+            this.channelData = new core.EventEmitter();
+            this.emitTelemetry = new core.EventEmitter();
+            this.widgetType = '';
+            this.widgetSubType = '';
+            this.langtranslations.languageSelectedObservable.subscribe((/**
+             * @return {?}
+             */
+            function () {
+                if (localStorage.getItem('websiteLanguage')) {
+                    _this.translate.setDefaultLang('en');
+                    /** @type {?} */
+                    var lang = (/** @type {?} */ (localStorage.getItem('websiteLanguage')));
+                    _this.translate.use(lang);
+                }
+            }));
+        }
+        /**
+         * @return {?}
+         */
+        CardMdoChannelV1Component.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+            /** @type {?} */
+            var instanceConfig = this.configSvc.instanceConfig;
+            if (instanceConfig) {
+                this.defaultThumbnail = instanceConfig.logos.defaultContent || '';
+                this.sourceLogos = instanceConfig.sources;
+                this.defaultSLogo = instanceConfig.logos.defaultSourceLogo || '';
+            }
+            else {
+                this.defaultThumbnail = '/assets/instances/eagle/app_logos/default.png';
+                this.defaultSLogo = '/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg';
+            }
+        };
+        /**
+         * @param {?} contentData
+         * @return {?}
+         */
+        CardMdoChannelV1Component.prototype.raiseTelemetry = /**
+         * @param {?} contentData
+         * @return {?}
+         */
+        function (contentData) {
+            this.emitTelemetry.emit(contentData);
+            if (this.widgetData) {
+                contentData['typeOfTelemetry'] = 'mdo-channel';
+            }
+            this.contSvc.changeTelemetryData(contentData);
+        };
+        /**
+         * @param {?} channeldata
+         * @return {?}
+         */
+        CardMdoChannelV1Component.prototype.channelClick = /**
+         * @param {?} channeldata
+         * @return {?}
+         */
+        function (channeldata) {
+            this.channelData.emit(channeldata);
+        };
+        /**
+         * @param {?} content
+         * @return {?}
+         */
+        CardMdoChannelV1Component.prototype.redirectTo = /**
+         * @param {?} content
+         * @return {?}
+         */
+        function (content) {
+            this.router.navigate(["/app/learn/mdo-channels/" + content.orgName + "/" + content.identifier + "/micro-sites"]);
+        };
+        CardMdoChannelV1Component.decorators = [
+            { type: core.Component, args: [{
+                        selector: 'sb-uic-card-mdo-channel-v1',
+                        template: "<mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\">\n    <div class=\"display-contents\">\n        <ng-container *ngIf=\"widgetData?.content\">\n            <a (click)=\"raiseTelemetry(widgetData?.content); redirectTo(widgetData?.content); $event.stopPropagation()\"\n                i18n-aria-label>\n                <ng-container>\n                    <mat-card-content class=\"min-top\">\n                        <div class=\"flex flex-col h-full\">\n                            <div class=\"image-container\">\n                                <ng-container *ngIf=\"widgetData?.content?.imgUrl; else defaultImg\">\n                                    <img mat-card-image [src]=\"widgetData?.content?.imgUrl\" loading=\"lazy\"\n                                    class=\"card-img ws-mat-primary-lite-background margin-remove\"  [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n                                    [alt]=\"widgetData?.content?.orgName\" />\n                                </ng-container>\n                                <ng-template #defaultImg>\n                                    <sb-uic-avatar-photo [randomColor]=\"true\" [name]=\"widgetData?.content?.orgName\" [photoUrl]=\"widgetData?.content?.imgUrl\" size=\"m-side-rating\">\n                                    </sb-uic-avatar-photo>\n                                </ng-template>\n                            </div>\n                            <div class=\"flex  title-container px-2\">\n                                <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n                                    class=\"flex-1 text-center  mat-subheading-2 title-text ws-mat-black-text\">\n                                    {{ widgetData?.content?.orgName }}\n                                </div>\n                            </div>\n                        </div>\n                    </mat-card-content>\n                </ng-container>\n            </a>\n        </ng-container>\n    </div>\n</mat-card>",
+                        styles: [".card-channels-container{position:relative;width:245px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:156px;height:156px;max-height:156px;margin:20px 8px;background:#7faeff!important;border-radius:12px;padding:4px!important}.card-channels-container .min-top{background:inherit;margin-bottom:0;height:inherit}.card-channels-container .image-container{background-color:#fff;width:inherit;height:86px;max-height:86px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px}.card-channels-container .card-img{max-height:62px;min-height:62px;display:block;-o-object-fit:fill;object-fit:contain}.card-channels-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-channels-container .title-container{background:inherit}.card-channels-container .description-text{position:relative;overflow:hidden;height:51px}.card-channels-container .title-text{word-break:break-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}"]
+                    }] }
+        ];
+        /** @nocollapse */
+        CardMdoChannelV1Component.ctorParameters = function () { return [
+            { type: utilsV2.EventService },
+            { type: core$1.TranslateService },
+            { type: utilsV2.MultilingualTranslationsService },
+            { type: utilsV2.ConfigurationsService },
+            { type: WidgetContentService },
+            { type: router.Router }
+        ]; };
+        CardMdoChannelV1Component.propDecorators = {
+            widgetData: [{ type: core.Input }],
+            channelData: [{ type: core.Output }],
+            emitTelemetry: [{ type: core.Output }]
+        };
+        return CardMdoChannelV1Component;
+    }());
+    if (false) {
+        /** @type {?} */
+        CardMdoChannelV1Component.prototype.widgetData;
+        /** @type {?} */
+        CardMdoChannelV1Component.prototype.channelData;
+        /** @type {?} */
+        CardMdoChannelV1Component.prototype.emitTelemetry;
+        /** @type {?} */
+        CardMdoChannelV1Component.prototype.defaultThumbnail;
+        /** @type {?} */
+        CardMdoChannelV1Component.prototype.sourceLogos;
+        /** @type {?} */
+        CardMdoChannelV1Component.prototype.defaultSLogo;
+        /** @type {?} */
+        CardMdoChannelV1Component.prototype.widgetType;
+        /** @type {?} */
+        CardMdoChannelV1Component.prototype.widgetSubType;
+        /**
+         * @type {?}
+         * @private
+         */
+        CardMdoChannelV1Component.prototype.events;
+        /**
+         * @type {?}
+         * @private
+         */
+        CardMdoChannelV1Component.prototype.translate;
+        /**
+         * @type {?}
+         * @private
+         */
+        CardMdoChannelV1Component.prototype.langtranslations;
+        /**
+         * @type {?}
+         * @private
+         */
+        CardMdoChannelV1Component.prototype.configSvc;
+        /**
+         * @type {?}
+         * @private
+         */
+        CardMdoChannelV1Component.prototype.contSvc;
+        /** @type {?} */
+        CardMdoChannelV1Component.prototype.router;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var AvatarPhotoLibComponent = /** @class */ (function () {
         function AvatarPhotoLibComponent() {
             this.size = '';
             this.defaulfColor = '';
@@ -11280,6 +12335,7 @@
      * @fileoverview added by tsickle
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
+    var ɵ0$5 = HttpLoaderFactory;
     var CardsModule = /** @class */ (function () {
         function CardsModule() {
         }
@@ -11296,20 +12352,34 @@
                             CardKarmaProgramsComponent,
                             CardKarmaProgramsV2Component,
                             CardPortraitExtComponent,
+                            CardAssessmentComponent,
+                            CardProgressPortraitLibComponent,
                             CardMdoChannelV1Component
                         ],
                         imports: [
                             common.CommonModule,
                             material.MatCardModule,
                             material.MatButtonModule,
+                            material.MatTooltipModule,
                             material.MatIconModule,
                             material.MatTooltipModule,
                             router.RouterModule,
                             PipePublicURLModule,
+                            ObjectToArrayPipeModule,
                             DisplayContentTypeLibModule,
                             DefaultThumbnailModule,
                             PipeDurationTransformModule,
                             SkeletonLoaderLibModule,
+                            material.MatProgressSpinnerModule,
+                            ContentProgressModule,
+                            DialogComponentsModule,
+                            core$1.TranslateModule.forRoot({
+                                loader: {
+                                    provide: core$1.TranslateLoader,
+                                    useFactory: ɵ0$5,
+                                    deps: [http.HttpClient],
+                                },
+                            }),
                             AvatarPhotoLibModule
                         ],
                         entryComponents: [CardsComponent],
@@ -11323,7 +12393,7 @@
                             CardMDOChannelComponent,
                             CardWideV2Component,
                             CardKarmaProgramsComponent,
-                            CardKarmaProgramsV2Component
+                            CardKarmaProgramsV2Component,
                         ],
                     },] }
         ];
@@ -12420,7 +13490,7 @@
      */
     /** @type {?} */
     var PROXY_SLAG_V8 = '/apis/proxies/v8';
-    var ɵ0$3 = /**
+    var ɵ0$6 = /**
      * @param {?} contentId
      * @param {?} contentType
      * @param {?} userId
@@ -12428,7 +13498,7 @@
      */
     function (contentId, contentType, userId) {
         return PROXY_SLAG_V8 + "/ratings/v1/read/" + contentId + "/" + contentType + "/" + userId;
-    }, ɵ1$2 = /**
+    }, ɵ1$3 = /**
      * @param {?} contentId
      * @param {?} contentType
      * @return {?}
@@ -12445,9 +13515,9 @@
     };
     /** @type {?} */
     var API_END_POINTS$3 = {
-        GET_RATING: (ɵ0$3),
+        GET_RATING: (ɵ0$6),
         ADD_OR_UPDATE: PROXY_SLAG_V8 + "/ratings/v1/upsert",
-        GET_RATING_SUMMARY: (ɵ1$2),
+        GET_RATING_SUMMARY: (ɵ1$3),
         GET_RATING_LOOKUP: PROXY_SLAG_V8 + "/ratings/v1/ratingLookUp",
         GET_AUTHOR_REPLY: (ɵ2$2),
         POST_AUTHOR_REPLY: PROXY_SLAG_V8 + "/ratings/v2/read",
@@ -13209,6 +14279,7 @@
     exports.ConsumptionComponent = ConsumptionComponent;
     exports.ConsumptionModule = ConsumptionModule;
     exports.ConsumptionService = ConsumptionService;
+    exports.ContentProgressModule = ContentProgressModule;
     exports.ContentStripWithTabsLibModule = ContentStripWithTabsLibModule;
     exports.DataPointsModule = DataPointsModule;
     exports.HttpLoaderFactory = HttpLoaderFactory;
@@ -13225,32 +14296,40 @@
     exports.ɵbb = CardKarmaProgramsComponent;
     exports.ɵbc = CardKarmaProgramsV2Component;
     exports.ɵbd = CardPortraitExtComponent;
-    exports.ɵbe = CardMdoChannelV1Component;
-    exports.ɵbf = PipePublicURLModule;
-    exports.ɵbg = PipePublicURL;
-    exports.ɵbh = DisplayContentTypeLibModule;
-    exports.ɵbi = DisplayContentTypeLibComponent;
-    exports.ɵbj = DefaultThumbnailModule;
-    exports.ɵbk = DefaultThumbnailDirective;
-    exports.ɵbl = PipeDurationTransformModule;
-    exports.ɵbm = PipeDurationTransformPipe;
-    exports.ɵbn = AvatarPhotoLibModule;
-    exports.ɵbo = AvatarPhotoLibComponent;
-    exports.ɵbp = CompetencyPassbookComponent;
-    exports.ɵbq = CompetencyPassbookService;
-    exports.ɵbr = PillsModule;
-    exports.ɵbs = PillsComponent;
-    exports.ɵbt = CompetencyPassbookMdoComponent;
-    exports.ɵbu = CompetencyPassbookMdoService;
-    exports.ɵbv = UserContentRatingLibComponent;
-    exports.ɵbw = ScrollableItemDirective;
-    exports.ɵbx = RatingService;
-    exports.ɵby = UserContentRatingLibService;
-    exports.ɵbz = MyHammerConfig$1;
+    exports.ɵbe = CardAssessmentComponent;
+    exports.ɵbf = CardProgressPortraitLibComponent;
+    exports.ɵbg = CertificateService;
+    exports.ɵbh = CardMdoChannelV1Component;
+    exports.ɵbi = PipePublicURLModule;
+    exports.ɵbj = PipePublicURL;
+    exports.ɵbk = ObjectToArrayPipeModule;
+    exports.ɵbl = ObjectToArrayPipe;
+    exports.ɵbm = DisplayContentTypeLibModule;
+    exports.ɵbn = DisplayContentTypeLibComponent;
+    exports.ɵbo = DefaultThumbnailModule;
+    exports.ɵbp = DefaultThumbnailDirective;
+    exports.ɵbq = PipeDurationTransformModule;
+    exports.ɵbr = PipeDurationTransformPipe;
+    exports.ɵbs = ContentProgressComponent;
+    exports.ɵbt = DialogComponentsModule;
+    exports.ɵbu = CertificateDialogComponent;
+    exports.ɵbv = AvatarPhotoLibModule;
+    exports.ɵbw = AvatarPhotoLibComponent;
+    exports.ɵbx = CompetencyPassbookComponent;
+    exports.ɵby = CompetencyPassbookService;
+    exports.ɵbz = PillsModule;
     exports.ɵc = MultilingualTranslationsService;
-    exports.ɵca = SlidersNgContentLibModule;
-    exports.ɵcb = SlidersNgContentLibComponent;
-    exports.ɵcc = ScrollableItemModule;
+    exports.ɵca = PillsComponent;
+    exports.ɵcb = CompetencyPassbookMdoComponent;
+    exports.ɵcc = CompetencyPassbookMdoService;
+    exports.ɵcd = UserContentRatingLibComponent;
+    exports.ɵce = ScrollableItemDirective;
+    exports.ɵcf = RatingService;
+    exports.ɵcg = UserContentRatingLibService;
+    exports.ɵch = MyHammerConfig$1;
+    exports.ɵci = SlidersNgContentLibModule;
+    exports.ɵcj = SlidersNgContentLibComponent;
+    exports.ɵck = ScrollableItemModule;
     exports.ɵd = ConfigurationsService;
     exports.ɵe = HorizontalScrollerV2Module;
     exports.ɵf = HorizontalScrollerV2Component;