@sunbird-cb/consumption 0.0.43 → 0.0.44

package/fesm5/sunbird-cb-consumption.js

@@ -3,9 +3,9 @@ import { CommonModule, DatePipe } from '@angular/common';
 import { Router, RouterModule } from '@angular/router';
 import { fromEvent, timer, BehaviorSubject, Subject, of, EMPTY, ReplaySubject, throwError, interval } from 'rxjs';
 import { debounceTime, throttleTime, shareReplay, retry, map, catchError, filter, distinctUntilChanged } from 'rxjs/operators';
-import { ValueService, ConfigurationsService as ConfigurationsService$1, WsEvents, LoggerService, EventService, UtilityService, MultilingualTranslationsService as MultilingualTranslationsService$1 } from '@sunbird-cb/utils-v2';
-import { MatButtonModule, MatIconModule, MatProgressSpinnerModule, MatToolbarModule, MatTooltipModule, MatListModule, MatSidenavModule, MatCardModule, MatExpansionModule, MatRadioModule, MatChipsModule, MatInputModule, MatFormFieldModule, MatDialogModule, MatSnackBarModule, MatSelectModule, MatDatepickerModule, MatNativeDateModule, MatTableModule, MatCheckboxModule, MatButtonToggleModule, MatTabsModule, MatAutocompleteModule, MatSnackBar, MatMenuModule, MatRippleModule } from '@angular/material';
-import { __assign, __awaiter, __generator, __extends, __values, __spread } from 'tslib';
+import { ValueService, ConfigurationsService as ConfigurationsService$1, WsEvents, LoggerService, EventService, UtilityService, MultilingualTranslationsService as MultilingualTranslationsService$1, PipeSafeSanitizerModule } from '@sunbird-cb/utils-v2';
+import { MatButtonModule, MatIconModule, MatProgressSpinnerModule, MatToolbarModule, MatTooltipModule, MatListModule, MatSidenavModule, MatCardModule, MatExpansionModule, MatRadioModule, MatChipsModule, MatInputModule, MatFormFieldModule, MatDialogModule, MatSnackBarModule, MatSelectModule, MatDatepickerModule, MatNativeDateModule, MatTableModule, MatCheckboxModule, MatButtonToggleModule, MatTabsModule, MatAutocompleteModule, MatSnackBar, MatDialogRef, MAT_DIALOG_DATA, MatDialog, MatProgressBarModule, MatMenuModule, MatRippleModule } from '@angular/material';
+import { __assign, __awaiter, __generator, __extends, __values, __spread, __read } from 'tslib';
 import { WidgetBaseComponent, SbUiResolverModule } from '@sunbird-cb/resolver-v2';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { get, uniqBy, orderBy, camelCase } from 'lodash';
@@ -18,6 +18,7 @@ import { BreakpointObserver } from '@angular/cdk/layout';
 import { HammerGestureConfig, HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
 import Hammer from 'hammerjs';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { jsPDF } from 'jspdf';
 
 /**
  * @fileoverview added by tsickle
@@ -351,15 +352,13 @@ var HorizontalScrollerV2Component = /** @class */ (function () {
                     /** @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)
                     }
                 }
             }
@@ -2916,33 +2915,36 @@ var MultilingualTranslationsService = /** @class */ (function () {
      * @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
@@ -4385,7 +4387,8 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
     function (strip, calculateParentStatus) {
         if (calculateParentStatus === void 0) { calculateParentStatus = true; }
         return __awaiter(this, void 0, void 0, function () {
-            var originalFilters, firstTab, allTabs, currentTabFromMap, response, error_1;
+            var originalFilters, firstTab, allTabs, currentTabFromMap, response_1, error_1;
+            var _this = this;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -4423,15 +4426,26 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
                         _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);
@@ -4449,6 +4463,41 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
             });
         });
     };
+    /**
+     * @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
@@ -5967,6 +6016,7 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
                 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 &&
@@ -6094,6 +6144,8 @@ if (false) {
     ContentStripWithTabsLibComponent.prototype.enrollInterval;
     /** @type {?} */
     ContentStripWithTabsLibComponent.prototype.todaysEvents;
+    /** @type {?} */
+    ContentStripWithTabsLibComponent.prototype.enrollmentMapData;
     /**
      * @type {?}
      * @private
@@ -8610,10 +8662,9 @@ var NsCardContent$1;
  */
 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 EventEmitter();
@@ -8634,6 +8685,13 @@ var CardsComponent = /** @class */ (function (_super) {
         function () {
             _this.getCbPlanData();
         }), 1000);
+        this.enrollInterval = setInterval((/**
+         * @return {?}
+         */
+        function () {
+            _this.getEnrollmentData();
+            // tslint:disable-next-line
+        }), 1000);
     };
     Object.defineProperty(CardsComponent.prototype, "isLiveOrMarkForDeletion", {
         get: /**
@@ -8673,16 +8731,11 @@ var CardsComponent = /** @class */ (function (_super) {
      */
     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)];
@@ -8723,6 +8776,18 @@ var CardsComponent = /** @class */ (function (_super) {
             clearInterval(this.cbPlanInterval);
         }
     };
+    /**
+     * @return {?}
+     */
+    CardsComponent.prototype.getEnrollmentData = /**
+     * @return {?}
+     */
+    function () {
+        if (localStorage.getItem('enrollmentMapData')) {
+            this.enrollmentMapData = JSON.parse(localStorage.getItem('enrollmentMapData') || '{}');
+            clearInterval(this.enrollInterval);
+        }
+    };
     /**
      * @param {?} data
      * @return {?}
@@ -8737,14 +8802,13 @@ var CardsComponent = /** @class */ (function (_super) {
     CardsComponent.decorators = [
         { type: Component, args: [{
                     selector: 'sb-uic-cards',
-                    template: "<div class=\"widget-card-content-new\">\n    <ng-container *ngIf=\"widgetData && (((widgetData?.deletedMode || 'none') === 'hide' && !!!isLiveOrMarkForDeletion)\n    ? false\n    : !((widgetData?.intranetMode || 'none') === 'hide' && !!showIntranetContent))\"\n      [ngSwitch]=\"( (widgetData && widgetData?.cardSubType) || 'cardPortraitLib')\">\n      <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"cardPortraitLib\"></ng-container>\n      <ng-container *ngSwitchCase=\"'user-card'\" [ngTemplateOutlet]=\"cardUser\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-portrait-lib-skeleton'\" [ngTemplateOutlet]=\"cardPortraitLibSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-portrait-lib'\" [ngTemplateOutlet]=\"cardPortraitLib\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-landscape-lib-skeleton'\" [ngTemplateOutlet]=\"cardLandscapeLibSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-landscape-lib'\" [ngTemplateOutlet]=\"cardLandscapeLib\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-wide-lib-skeleton'\" [ngTemplateOutlet]=\"cardWideLibSkeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-wide-lib'\" [ngTemplateOutlet]=\"cardWideLib\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-wide-v2'\" [ngTemplateOutlet]=\"cardWideV2\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-wide-v2-skeleton'\" [ngTemplateOutlet]=\"cardWideV2Skeleton\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-mdo-lib'\" [ngTemplateOutlet]=\"cardMdo\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-mdo-home-lib'\" [ngTemplateOutlet]=\"cardMdoHome\"></ng-container>\n      <ng-container *ngSwitchCase=\"'card-mdo-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: UtilityService },
-        { type: ConfigurationsService$1 },
         { type: WidgetContentService },
         { type: Router }
     ]; };
@@ -8765,16 +8829,15 @@ if (false) {
     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
@@ -9043,6 +9106,80 @@ var PipePublicURLModule = /** @class */ (function () {
     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: 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: NgModule, args: [{
+                    declarations: [ObjectToArrayPipe],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [ObjectToArrayPipe],
+                },] }
+    ];
+    return ObjectToArrayPipeModule;
+}());
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -9209,12 +9346,12 @@ var PipeDurationTransformPipe = /** @class */ (function () {
     }
     /**
      * @param {?} data
-     * @param {?} type
+     * @param {?=} type
      * @return {?}
      */
     PipeDurationTransformPipe.prototype.transform = /**
      * @param {?} data
-     * @param {?} type
+     * @param {?=} type
      * @return {?}
      */
     function (data, type) {
@@ -10721,35 +10858,22 @@ if (false) {
  * @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 EventEmitter();
-        this.emitTelemetry = new 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 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 () {
@@ -10757,8 +10881,7 @@ var CardMdoChannelV1Component = /** @class */ (function () {
         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';
@@ -10766,116 +10889,1049 @@ var CardMdoChannelV1Component = /** @class */ (function () {
         }
     };
     /**
-     * @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: 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: EventService },
-        { type: TranslateService },
-        { type: MultilingualTranslationsService$1 },
+    CardAssessmentComponent.ctorParameters = function () { return [
         { type: ConfigurationsService$1 },
-        { type: WidgetContentService },
-        { type: Router }
+        { type: WidgetContentService }
     ]; };
-    CardMdoChannelV1Component.propDecorators = {
+    CardAssessmentComponent.propDecorators = {
         widgetData: [{ type: Input }],
-        channelData: [{ type: Output }],
-        emitTelemetry: [{ type: Output }]
+        enrollmentMapData: [{ type: Input }],
+        contentData: [{ type: Output }],
+        isCardLoading: [{ type: 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: Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    /** @nocollapse */
+    CertificateService.ctorParameters = function () { return [
+        { type: HttpClient }
+    ]; };
+    /** @nocollapse */ CertificateService.ngInjectableDef = ɵɵdefineInjectable({ factory: function CertificateService_Factory() { return new CertificateService(ɵɵinject(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('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: WsEvents.EnumInteractTypes.CLICK,
+            id: type + "-" + WsEvents.EnumInteractSubTypes.CERTIFICATE,
+            subType: action && action,
+        }, {
+            id: this.data.certId,
+            // id of the certificate
+            type: WsEvents.EnumInteractSubTypes.CERTIFICATE,
+        });
+    };
+    /**
+     * @param {?=} action
+     * @return {?}
+     */
+    CertificateDialogComponent.prototype.raiseIntreactTelemetry = /**
+     * @param {?=} action
+     * @return {?}
+     */
+    function (action) {
+        this.events.raiseInteractTelemetry({
+            type: WsEvents.EnumInteractTypes.CLICK,
+            id: 'download-certificate',
+            subType: action && action,
+        }, {
+            id: this.data.certId,
+            // id of the certificate
+            type: WsEvents.EnumInteractSubTypes.CERTIFICATE,
+        });
+    };
+    CertificateDialogComponent.decorators = [
+        { type: 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: Inject, args: ['environment',] }] },
+        { type: EventService },
+        { type: TranslateService },
+        { type: MultilingualTranslationsService$1 },
+        { type: MatDialogRef },
+        { type: undefined, decorators: [{ type: Inject, args: [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 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: 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: camelCase(this.widgetData.content.primaryCategory) + "-card",
+            module: camelCase(this.widgetData.content.primaryCategory),
+        });
+    };
+    /**
+     * @param {?} certificateData
+     * @return {?}
+     */
+    CardProgressPortraitLibComponent.prototype.downloadCertificate = /**
+     * @param {?} certificateData
+     * @return {?}
+     */
+    function (certificateData) {
+        var _this = this;
+        this.events.raiseInteractTelemetry({
+            type: WsEvents.EnumInteractTypes.CLICK,
+            id: 'view-certificate',
+            subType: WsEvents.EnumInteractSubTypes.CERTIFICATE,
+        }, {
+            id: certificateData.issuedCertificates[0].identifier,
+            // id of the certificate
+            type: 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: 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: MatSnackBar },
+        { type: TranslateService },
+        { type: EventService },
+        { type: MultilingualTranslationsService },
+        { type: ConfigurationsService$1 },
+        { type: WidgetContentService },
+        { type: CertificateService },
+        { type: MatDialog }
+    ]; };
+    CardProgressPortraitLibComponent.propDecorators = {
+        widgetData: [{ type: Input }],
+        isLiveOrMarkForDeletion: [{ type: Input }],
+        showIntranetContent: [{ type: Input }],
+        isIntranetAllowedSettings: [{ type: Input }],
+        isCardLoading: [{ type: Input }],
+        contentData: [{ type: Output }],
+        cbPlanMapData: [{ type: 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: 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: Input }],
+        progress: [{ type: Input }],
+        progressType: [{ type: Input }],
+        forPreview: [{ type: Input }],
+        className: [{ type: Input }],
+        customClassName: [{ type: Input }],
+        id: [{ type: 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: NgModule, args: [{
+                    declarations: [ContentProgressComponent],
+                    imports: [
+                        CommonModule,
+                        MatProgressBarModule,
+                        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: NgModule, args: [{
+                    declarations: [
+                        CertificateDialogComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        MatMenuModule,
+                        MatCardModule,
+                        MatIconModule,
+                        MatDialogModule,
+                        PipeSafeSanitizerModule,
+                        TranslateModule.forRoot({
+                            loader: {
+                                provide: TranslateLoader,
+                                useFactory: ɵ0$4,
+                                deps: [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 EventEmitter();
+        this.emitTelemetry = new 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: 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: EventService },
+        { type: TranslateService },
+        { type: MultilingualTranslationsService$1 },
+        { type: ConfigurationsService$1 },
+        { type: WidgetContentService },
+        { type: Router }
+    ]; };
+    CardMdoChannelV1Component.propDecorators = {
+        widgetData: [{ type: Input }],
+        channelData: [{ type: Output }],
+        emitTelemetry: [{ type: 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 = '';
@@ -11074,6 +12130,7 @@ var AvatarPhotoLibModule = /** @class */ (function () {
  * @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() {
     }
@@ -11090,20 +12147,34 @@ var CardsModule = /** @class */ (function () {
                         CardKarmaProgramsComponent,
                         CardKarmaProgramsV2Component,
                         CardPortraitExtComponent,
+                        CardAssessmentComponent,
+                        CardProgressPortraitLibComponent,
                         CardMdoChannelV1Component
                     ],
                     imports: [
                         CommonModule,
                         MatCardModule,
                         MatButtonModule,
+                        MatTooltipModule,
                         MatIconModule,
                         MatTooltipModule,
                         RouterModule,
                         PipePublicURLModule,
+                        ObjectToArrayPipeModule,
                         DisplayContentTypeLibModule,
                         DefaultThumbnailModule,
                         PipeDurationTransformModule,
                         SkeletonLoaderLibModule,
+                        MatProgressSpinnerModule,
+                        ContentProgressModule,
+                        DialogComponentsModule,
+                        TranslateModule.forRoot({
+                            loader: {
+                                provide: TranslateLoader,
+                                useFactory: ɵ0$5,
+                                deps: [HttpClient],
+                            },
+                        }),
                         AvatarPhotoLibModule
                     ],
                     entryComponents: [CardsComponent],
@@ -11117,7 +12188,7 @@ var CardsModule = /** @class */ (function () {
                         CardMDOChannelComponent,
                         CardWideV2Component,
                         CardKarmaProgramsComponent,
-                        CardKarmaProgramsV2Component
+                        CardKarmaProgramsV2Component,
                     ],
                 },] }
     ];
@@ -12214,7 +13285,7 @@ var CompetencyPassbookMdoModule = /** @class */ (function () {
  */
 /** @type {?} */
 var PROXY_SLAG_V8 = '/apis/proxies/v8';
-var ɵ0$3 = /**
+var ɵ0$6 = /**
  * @param {?} contentId
  * @param {?} contentType
  * @param {?} userId
@@ -12222,7 +13293,7 @@ var ɵ0$3 = /**
  */
 function (contentId, contentType, userId) {
     return PROXY_SLAG_V8 + "/ratings/v1/read/" + contentId + "/" + contentType + "/" + userId;
-}, ɵ1$2 = /**
+}, ɵ1$3 = /**
  * @param {?} contentId
  * @param {?} contentType
  * @return {?}
@@ -12239,9 +13310,9 @@ function (contentId, userID) {
 };
 /** @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",
@@ -13003,5 +14074,5 @@ var UserContentRatingLibModule = /** @class */ (function () {
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { AnnouncementsModule, CalenderModule, CardsModule, CommonMethodsService, CommonStripModule, CompetencyPassbookMdoModule, CompetencyPassbookModule, ConsumptionComponent, ConsumptionModule, ConsumptionService, ContentStripWithTabsLibModule, DataPointsModule, HttpLoaderFactory, MyHammerConfig, ROOT_WIDGET_CONFIG, SlidersLibModule, UserContentRatingLibModule, WIDGET_REGISTERED_LIB_MODULES, WIDGET_REGISTRATION_LIB_CONFIG, WidgetContentService, ContentStripWithTabsLibComponent as ɵa, WidgetUserService as ɵb, CardWideV2Component as ɵba, CardKarmaProgramsComponent as ɵbb, CardKarmaProgramsV2Component as ɵbc, CardPortraitExtComponent as ɵbd, CardMdoChannelV1Component as ɵbe, PipePublicURLModule as ɵbf, PipePublicURL as ɵbg, DisplayContentTypeLibModule as ɵbh, DisplayContentTypeLibComponent as ɵbi, DefaultThumbnailModule as ɵbj, DefaultThumbnailDirective as ɵbk, PipeDurationTransformModule as ɵbl, PipeDurationTransformPipe as ɵbm, AvatarPhotoLibModule as ɵbn, AvatarPhotoLibComponent as ɵbo, CompetencyPassbookComponent as ɵbp, CompetencyPassbookService as ɵbq, PillsModule as ɵbr, PillsComponent as ɵbs, CompetencyPassbookMdoComponent as ɵbt, CompetencyPassbookMdoService as ɵbu, UserContentRatingLibComponent as ɵbv, ScrollableItemDirective as ɵbw, RatingService as ɵbx, UserContentRatingLibService as ɵby, MyHammerConfig$1 as ɵbz, MultilingualTranslationsService as ɵc, SlidersNgContentLibModule as ɵca, SlidersNgContentLibComponent as ɵcb, ScrollableItemModule as ɵcc, ConfigurationsService as ɵd, HorizontalScrollerV2Module as ɵe, HorizontalScrollerV2Component as ɵf, SlidersLibComponent as ɵg, NavigationModule as ɵh, NavigationDirective as ɵi, ImageResponsiveModule as ɵj, ImageResponsiveDirective as ɵk, DataPointsComponent as ɵl, InsiteDataService as ɵm, SkeletonLoaderLibModule as ɵn, SkeletonLoaderLibComponent as ɵo, CalenderComponent as ɵp, CalenderDayComponent as ɵq, CommonStripComponent as ɵr, AnnouncementsComponent as ɵs, CardResourceComponent as ɵt, CardsComponent as ɵu, CardPortraitComponent as ɵv, CardUserComponent as ɵw, CardLandscapeComponent as ɵx, CardWideComponent as ɵy, CardMDOChannelComponent as ɵz };
+export { AnnouncementsModule, CalenderModule, CardsModule, CommonMethodsService, CommonStripModule, CompetencyPassbookMdoModule, CompetencyPassbookModule, ConsumptionComponent, ConsumptionModule, ConsumptionService, ContentProgressModule, ContentStripWithTabsLibModule, DataPointsModule, HttpLoaderFactory, MyHammerConfig, ROOT_WIDGET_CONFIG, SlidersLibModule, UserContentRatingLibModule, WIDGET_REGISTERED_LIB_MODULES, WIDGET_REGISTRATION_LIB_CONFIG, WidgetContentService, ContentStripWithTabsLibComponent as ɵa, WidgetUserService as ɵb, CardWideV2Component as ɵba, CardKarmaProgramsComponent as ɵbb, CardKarmaProgramsV2Component as ɵbc, CardPortraitExtComponent as ɵbd, CardAssessmentComponent as ɵbe, CardProgressPortraitLibComponent as ɵbf, CertificateService as ɵbg, CardMdoChannelV1Component as ɵbh, PipePublicURLModule as ɵbi, PipePublicURL as ɵbj, ObjectToArrayPipeModule as ɵbk, ObjectToArrayPipe as ɵbl, DisplayContentTypeLibModule as ɵbm, DisplayContentTypeLibComponent as ɵbn, DefaultThumbnailModule as ɵbo, DefaultThumbnailDirective as ɵbp, PipeDurationTransformModule as ɵbq, PipeDurationTransformPipe as ɵbr, ContentProgressComponent as ɵbs, DialogComponentsModule as ɵbt, CertificateDialogComponent as ɵbu, AvatarPhotoLibModule as ɵbv, AvatarPhotoLibComponent as ɵbw, CompetencyPassbookComponent as ɵbx, CompetencyPassbookService as ɵby, PillsModule as ɵbz, MultilingualTranslationsService as ɵc, PillsComponent as ɵca, CompetencyPassbookMdoComponent as ɵcb, CompetencyPassbookMdoService as ɵcc, UserContentRatingLibComponent as ɵcd, ScrollableItemDirective as ɵce, RatingService as ɵcf, UserContentRatingLibService as ɵcg, MyHammerConfig$1 as ɵch, SlidersNgContentLibModule as ɵci, SlidersNgContentLibComponent as ɵcj, ScrollableItemModule as ɵck, ConfigurationsService as ɵd, HorizontalScrollerV2Module as ɵe, HorizontalScrollerV2Component as ɵf, SlidersLibComponent as ɵg, NavigationModule as ɵh, NavigationDirective as ɵi, ImageResponsiveModule as ɵj, ImageResponsiveDirective as ɵk, DataPointsComponent as ɵl, InsiteDataService as ɵm, SkeletonLoaderLibModule as ɵn, SkeletonLoaderLibComponent as ɵo, CalenderComponent as ɵp, CalenderDayComponent as ɵq, CommonStripComponent as ɵr, AnnouncementsComponent as ɵs, CardResourceComponent as ɵt, CardsComponent as ɵu, CardPortraitComponent as ɵv, CardUserComponent as ɵw, CardLandscapeComponent as ɵx, CardWideComponent as ɵy, CardMDOChannelComponent as ɵz };
 //# sourceMappingURL=sunbird-cb-consumption.js.map