@sunbird-cb/consumption 0.0.42 → 0.0.44

package/fesm2015/sunbird-cb-consumption.js

@@ -3,8 +3,8 @@ 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 { 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 { __awaiter } from 'tslib';
 import { WidgetBaseComponent, SbUiResolverModule } from '@sunbird-cb/resolver-v2';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
@@ -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
@@ -321,15 +322,13 @@ class HorizontalScrollerV2Component {
                     /** @type {?} */
                     const totalCardsLength = cardWidth * this.widgetsLength;
                     if (totalCardsLength > scrollerWidth) {
-                        arrLength = (scrollerWidth / cardWidth);
+                        arrLength = Math.round(scrollerWidth / cardWidth);
                         this.defaultMaxWidgets = this.defaultMaxWidgets ? this.widgetsLength < this.defaultMaxWidgets ?
                             this.widgetsLength : this.defaultMaxWidgets : this.defaultMaxWidgets;
                         arrLength = this.defaultMaxWidgets / arrLength;
                         for (let i = 0; i < arrLength; i += 1) {
                             this.bottomDotsArray.push(i);
                         }
-                        // console.log('this.cardSubType', this.cardSubType, arrLength, this.widgetsLength ,
-                        // this.defaultMaxWidgets, scrollerWidth, this.bottomDotsArray)
                     }
                 }
             }
@@ -2220,7 +2219,6 @@ class WidgetContentService {
      * @return {?}
      */
     postApiMethod(apiUrl, req) {
-        req.query = req.query || '';
         return this.http.post(apiUrl, req);
     }
     /**
@@ -2603,33 +2601,36 @@ class MultilingualTranslationsService {
      * @return {?}
      */
     translateLabel(label, type, subtype) {
-        /** @type {?} */
-        let nlabel = label;
-        nlabel = nlabel.toLowerCase();
-        /** @type {?} */
-        const sl = nlabel.split(' ');
-        sl.forEach((/**
-         * @param {?} w
-         * @param {?} index
-         * @return {?}
-         */
-        (w, index) => {
-            if (index !== 0) {
-                sl[index] = w[0].toUpperCase() + w.slice(1);
+        if (label) {
+            /** @type {?} */
+            let nlabel = label;
+            nlabel = nlabel && nlabel.toLowerCase();
+            /** @type {?} */
+            const sl = nlabel.split(' ');
+            sl.forEach((/**
+             * @param {?} w
+             * @param {?} index
+             * @return {?}
+             */
+            (w, index) => {
+                if (index !== 0) {
+                    sl[index] = w[0].toUpperCase() + w.slice(1);
+                }
+            }));
+            nlabel = sl.join('');
+            nlabel = nlabel.replace(/\s/g, '');
+            if (subtype) {
+                // tslint:disable-next-line: prefer-template
+                /** @type {?} */
+                const 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 {?} */
-            const translationKey = type + '.' + nlabel + subtype;
-            return this.translate.instant(translationKey);
+            const translationKeyn = type + '.' + nlabel;
+            return this.translate.instant(translationKeyn);
         }
-        // tslint:disable-next-line: prefer-template
-        /** @type {?} */
-        const translationKeyn = type + '.' + nlabel;
-        return this.translate.instant(translationKeyn);
+        return label;
     }
     /**
      * @param {?} label
@@ -3922,7 +3923,18 @@ class ContentStripWithTabsLibComponent extends WidgetBaseComponent {
                         if (response && response.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 (strip.key === 'scheduledAssessment') {
+                                    this.enrollInterval = setInterval((/**
+                                     * @return {?}
+                                     */
+                                    () => {
+                                        this.checkInvitOnlyAssessments(response.results.result.content, strip, calculateParentStatus, response.viewMoreUrl);
+                                        // tslint:disable-next-line
+                                    }), 1000);
+                                }
+                                else {
+                                    this.processStrip(strip, this.transformContentsToWidgets(response.results.result.content, strip), 'done', calculateParentStatus, response.viewMoreUrl);
+                                }
                             }
                             else if (response.results.result.Event) {
                                 this.processStrip(strip, this.transformEventsToWidgets(response.results.result.Event, strip), 'done', calculateParentStatus, response.viewMoreUrl);
@@ -3943,6 +3955,33 @@ class ContentStripWithTabsLibComponent extends WidgetBaseComponent {
             }
         });
     }
+    /**
+     * @param {?} content
+     * @param {?} strip
+     * @param {?} calculateParentStatus
+     * @param {?} viewMoreUrl
+     * @return {?}
+     */
+    checkInvitOnlyAssessments(content, strip, calculateParentStatus, viewMoreUrl) {
+        if (localStorage.getItem('enrollmentMapData')) {
+            this.enrollmentMapData = JSON.parse(localStorage.getItem('enrollmentMapData') || '{}');
+            /** @type {?} */
+            let filteredArray = [];
+            content.forEach((/**
+             * @param {?} data
+             * @return {?}
+             */
+            (data) => {
+                if (this.enrollmentMapData[data.identifier]) {
+                    data['batch'] = this.enrollmentMapData[data.identifier].batch;
+                    data['completionPercentage'] = this.enrollmentMapData[data.identifier].completionPercentage;
+                    filteredArray.push(data);
+                }
+            }));
+            this.processStrip(strip, this.transformContentsToWidgets(filteredArray, strip), 'done', calculateParentStatus, viewMoreUrl);
+            clearInterval(this.enrollInterval);
+        }
+    }
     /**
      * @param {?} strip
      * @param {?} request
@@ -5195,6 +5234,7 @@ class ContentStripWithTabsLibComponent extends WidgetBaseComponent {
     fetchCiosContentData(strip, calculateParentStatus = true) {
         return __awaiter(this, void 0, void 0, function* () {
             if (strip.request && strip.request.ciosContent && Object.keys(strip.request.ciosContent).length) {
+                debugger;
                 /** @type {?} */
                 let originalFilters = [];
                 if (strip.request &&
@@ -5319,6 +5359,8 @@ if (false) {
     ContentStripWithTabsLibComponent.prototype.enrollInterval;
     /** @type {?} */
     ContentStripWithTabsLibComponent.prototype.todaysEvents;
+    /** @type {?} */
+    ContentStripWithTabsLibComponent.prototype.enrollmentMapData;
     /**
      * @type {?}
      * @private
@@ -7546,14 +7588,12 @@ var NsCardContent$1;
 class CardsComponent extends WidgetBaseComponent {
     /**
      * @param {?} utilitySvc
-     * @param {?} configSvc
      * @param {?} contSvc
      * @param {?} router
      */
-    constructor(utilitySvc, configSvc, contSvc, router) {
+    constructor(utilitySvc, contSvc, router) {
         super();
         this.utilitySvc = utilitySvc;
-        this.configSvc = configSvc;
         this.contSvc = contSvc;
         this.router = router;
         this.triggerTelemetry = new EventEmitter();
@@ -7569,6 +7609,13 @@ class CardsComponent extends WidgetBaseComponent {
         () => {
             this.getCbPlanData();
         }), 1000);
+        this.enrollInterval = setInterval((/**
+         * @return {?}
+         */
+        () => {
+            this.getEnrollmentData();
+            // tslint:disable-next-line
+        }), 1000);
     }
     /**
      * @return {?}
@@ -7596,21 +7643,8 @@ class CardsComponent extends WidgetBaseComponent {
      */
     getRedirectUrlData(content) {
         return __awaiter(this, void 0, void 0, function* () {
-            /** @type {?} */
-            const userProfile = this.configSvc.userProfile;
             if (content.externalId) {
-                /** @type {?} */
-                let extUrl = content.redirectUrl.replace('<username>', userProfile.userId)
-                // const url = this.router.serializeUrl(
-                //   this.router.createUrlTree([extUrl])
-                // );
-                ;
-                // const url = this.router.serializeUrl(
-                //   this.router.createUrlTree([extUrl])
-                // );
                 this.router.navigate([`app/toc/ext/${content.contentId}`]);
-                // window.open(extUrl, '_blank');
-                // window.open(content.redirectUrl)
             }
             else {
                 /** @type {?} */
@@ -7644,6 +7678,15 @@ class CardsComponent extends WidgetBaseComponent {
             clearInterval(this.cbPlanInterval);
         }
     }
+    /**
+     * @return {?}
+     */
+    getEnrollmentData() {
+        if (localStorage.getItem('enrollmentMapData')) {
+            this.enrollmentMapData = JSON.parse(localStorage.getItem('enrollmentMapData') || '{}');
+            clearInterval(this.enrollInterval);
+        }
+    }
     /**
      * @param {?} data
      * @return {?}
@@ -7655,14 +7698,13 @@ class CardsComponent extends WidgetBaseComponent {
 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 = () => [
     { type: UtilityService },
-    { type: ConfigurationsService$1 },
     { type: WidgetContentService },
     { type: Router }
 ];
@@ -7681,16 +7723,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
@@ -7944,6 +7985,49 @@ PipePublicURLModule.decorators = [
             },] }
 ];
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class 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] }));
+    // }
+    /**
+     * @param {...?} args
+     * @return {?}
+     */
+    transform(...args) {
+        return args;
+    }
+}
+ObjectToArrayPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'objectToArray'
+            },] }
+];
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class ObjectToArrayPipeModule {
+}
+ObjectToArrayPipeModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [ObjectToArrayPipe],
+                imports: [
+                    CommonModule,
+                ],
+                exports: [ObjectToArrayPipe],
+            },] }
+];
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -8089,7 +8173,7 @@ DefaultThumbnailModule.decorators = [
 class PipeDurationTransformPipe {
     /**
      * @param {?} data
-     * @param {?} type
+     * @param {?=} type
      * @return {?}
      */
     transform(data, type) {
@@ -9515,37 +9599,24 @@ if (false) {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-class CardMdoChannelV1Component {
+// @Directive({
+//   selector: '[callFunctionOnInit]'
+// })
+class CardAssessmentComponent {
     /**
-     * @param {?} events
-     * @param {?} translate
-     * @param {?} langtranslations
      * @param {?} configSvc
      * @param {?} contSvc
-     * @param {?} router
      */
-    constructor(events, translate, langtranslations, configSvc, contSvc, router) {
-        this.events = events;
-        this.translate = translate;
-        this.langtranslations = langtranslations;
+    constructor(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 {?}
-         */
-        () => {
-            if (localStorage.getItem('websiteLanguage')) {
-                this.translate.setDefaultLang('en');
-                /** @type {?} */
-                const 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 {?}
@@ -9555,8 +9626,7 @@ class CardMdoChannelV1Component {
         const 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';
@@ -9564,109 +9634,962 @@ class CardMdoChannelV1Component {
         }
     }
     /**
-     * @param {?} contentData
+     * @param {?} startDate
      * @return {?}
      */
-    raiseTelemetry(contentData) {
-        this.emitTelemetry.emit(contentData);
-        if (this.widgetData) {
-            contentData['typeOfTelemetry'] = 'mdo-channel';
+    updateStartDate(startDate) {
+        this.startDate = startDate;
+        this.startCountdown(this.startDate);
+    }
+    /**
+     * @param {?} date
+     * @return {?}
+     */
+    startCountdown(date) {
+        // Update the countdown immediately on start
+        this.updateCountdown(date);
+        // Update the countdown every second
+        this.intervalId = setInterval((/**
+         * @return {?}
+         */
+        () => {
+            this.updateCountdown(date);
+        }), 1000);
+    }
+    // Method to update the countdown values
+    /**
+     * @param {?} targetDate
+     * @return {?}
+     */
+    updateCountdown(targetDate) {
+        /** @type {?} */
+        const now = new Date().getTime();
+        // Current time in milliseconds
+        /** @type {?} */
+        const targetTime = new Date(targetDate).getTime();
+        /** @type {?} */
+        const 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
     /**
-     * @param {?} channeldata
      * @return {?}
      */
-    channelClick(channeldata) {
-        this.channelData.emit(channeldata);
+    clearTimer() {
+        clearInterval(this.intervalId);
     }
     /**
-     * @param {?} content
      * @return {?}
      */
-    redirectTo(content) {
-        this.router.navigate([`/app/learn/mdo-channels/${content.orgName}/${content.identifier}/micro-sites`]);
+    ngOnDestroy() {
+        this.clearTimer();
+    }
+    /**
+     * @param {?} contentData
+     * @return {?}
+     */
+    getRedirectUrlData(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);
     }
 }
-CardMdoChannelV1Component.decorators = [
+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 = () => [
-    { type: EventService },
-    { type: TranslateService },
-    { type: MultilingualTranslationsService$1 },
+CardAssessmentComponent.ctorParameters = () => [
     { 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 }]
 };
 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;
+    CardAssessmentComponent.prototype.defaultThumbnail;
+    /** @type {?} */
+    CardAssessmentComponent.prototype.defaultSLogo;
+    /** @type {?} */
+    CardAssessmentComponent.prototype.daysRemaining;
+    /** @type {?} */
+    CardAssessmentComponent.prototype.startDate;
+    /** @type {?} */
+    CardAssessmentComponent.prototype.daysPending;
     /**
      * @type {?}
      * @private
      */
-    CardMdoChannelV1Component.prototype.events;
+    CardAssessmentComponent.prototype.intervalId;
     /**
      * @type {?}
      * @private
      */
-    CardMdoChannelV1Component.prototype.translate;
+    CardAssessmentComponent.prototype.configSvc;
     /**
      * @type {?}
      * @private
      */
-    CardMdoChannelV1Component.prototype.langtranslations;
+    CardAssessmentComponent.prototype.contSvc;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+const ɵ0$3 = /**
+ * @param {?} id
+ * @return {?}
+ */
+(id) => `certreg/v2/certs/download/${id}`, ɵ1$2 = /**
+ * @param {?} id
+ * @return {?}
+ */
+(id) => `apis/protected/v8/cohorts/course/batch/cert/download/${id}`;
+/** @type {?} */
+const urls = {
+    DOWNLOAD_CERTIFICATE: (ɵ0$3),
+    DOWNLOAD_CERTIFICATE_v2: (ɵ1$2),
+};
+class CertificateService {
     /**
-     * @type {?}
-     * @private
+     * @param {?} http
      */
-    CardMdoChannelV1Component.prototype.configSvc;
+    constructor(http) {
+        this.http = http;
+    }
+    /**
+     * @param {?} id
+     * @return {?}
+     */
+    downloadCertificate(id) {
+        return this.http.get(urls.DOWNLOAD_CERTIFICATE(id));
+    }
+    /**
+     * @param {?} id
+     * @return {?}
+     */
+    downloadCertificate_v2(id) {
+        return this.http.get(urls.DOWNLOAD_CERTIFICATE_v2(id));
+    }
+}
+CertificateService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+/** @nocollapse */
+CertificateService.ctorParameters = () => [
+    { type: HttpClient }
+];
+/** @nocollapse */ CertificateService.ngInjectableDef = ɵɵdefineInjectable({ factory: function CertificateService_Factory() { return new CertificateService(ɵɵinject(HttpClient)); }, token: CertificateService, providedIn: "root" });
+if (false) {
     /**
      * @type {?}
      * @private
      */
-    CardMdoChannelV1Component.prototype.contSvc;
-    /** @type {?} */
-    CardMdoChannelV1Component.prototype.router;
+    CertificateService.prototype.http;
 }
 
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-class AvatarPhotoLibComponent {
-    constructor() {
-        this.size = '';
-        this.defaulfColor = '';
-        this.randomColor = false;
-        this.showBadge = false;
-        this.showInitials = false;
+class CertificateDialogComponent {
+    /**
+     * @param {?} environment
+     * @param {?} events
+     * @param {?} translate
+     * @param {?} langtranslations
+     * @param {?} dialogRef
+     * @param {?} data
+     */
+    constructor(environment, events, translate, langtranslations, dialogRef, data) {
+        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 {?}
+         */
+        () => {
+            if (localStorage.getItem('websiteLanguage')) {
+                this.translate.setDefaultLang('en');
+                /** @type {?} */
+                const lang = (/** @type {?} */ (localStorage.getItem('websiteLanguage')));
+                this.translate.use(lang);
+            }
+        }));
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        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 {?}
+     */
+    downloadCert() {
+        this.raiseIntreactTelemetry('svg');
+        /** @type {?} */
+        const 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 {?}
+     */
+    downloadCertPng() {
+        this.raiseIntreactTelemetry('png');
+        /** @type {?} */
+        const uriData = this.data.cet;
+        /** @type {?} */
+        const img = new Image();
+        img.src = uriData;
+        img.width = 1820;
+        img.height = 1000;
+        img.onload = (/**
+         * @return {?}
+         */
+        () => {
+            /** @type {?} */
+            const canvas = document.createElement('canvas');
+            [canvas.width, canvas.height] = [img.width, img.height];
+            /** @type {?} */
+            const ctx = canvas.getContext('2d');
+            if (ctx) {
+                // ctx.imageSmoothingEnabled = true
+                ctx.drawImage(img, 0, 0, img.width, img.height);
+                /** @type {?} */
+                const a = document.createElement('a');
+                /** @type {?} */
+                const 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 {?}
+     */
+    downloadCertPdf() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.raiseIntreactTelemetry('pdf');
+            /** @type {?} */
+            const uriData = this.data.cet;
+            /** @type {?} */
+            const img = new Image();
+            img.src = uriData;
+            img.width = 1820;
+            img.height = 1000;
+            img.onload = (/**
+             * @return {?}
+             */
+            () => {
+                /** @type {?} */
+                const canvas = document.createElement('canvas');
+                [canvas.width, canvas.height] = [img.width, img.height];
+                /** @type {?} */
+                const ctx = canvas.getContext('2d');
+                if (ctx) {
+                    ctx.drawImage(img, 0, 0, img.width, img.height);
+                    /** @type {?} */
+                    const 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 {?} */
+                    const dataImg = canvas.toDataURL('application/pdf', quality);
+                    /** @type {?} */
+                    const 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 {?}
+     */
+    shareCert() {
+        this.raiseShareIntreactTelemetry('share');
+        return window.open(this.navUrl, '_blank');
+    }
+    /**
+     * @param {?=} type
+     * @param {?=} action
+     * @return {?}
+     */
+    raiseShareIntreactTelemetry(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 {?}
+     */
+    raiseIntreactTelemetry(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 = () => [
+    { 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,] }] }
+];
+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
+ */
+class CardProgressPortraitLibComponent {
+    /**
+     * @param {?} snackBar
+     * @param {?} translate
+     * @param {?} events
+     * @param {?} langtranslations
+     * @param {?} configSvc
+     * @param {?} contSvc
+     * @param {?} certificateService
+     * @param {?} dialog
+     */
+    constructor(snackBar, translate, events, langtranslations, configSvc, contSvc, certificateService, dialog) {
+        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 {?}
+         */
+        () => {
+            if (localStorage.getItem('websiteLanguage')) {
+                this.translate.setDefaultLang('en');
+                /** @type {?} */
+                const lang = (/** @type {?} */ (localStorage.getItem('websiteLanguage')));
+                this.translate.use(lang);
+            }
+        }));
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        /** @type {?} */
+        const 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 {?}
+     */
+    showSnackbar() {
+        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 {?}
+     */
+    getRedirectUrlData(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 {?}
+     */
+    translateLabels(label, type, subtype) {
+        return this.langtranslations.translateLabelWithoutspace(label, type, subtype);
+    }
+    /**
+     * @return {?}
+     */
+    raiseTelemetry() {
+        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 {?}
+     */
+    downloadCertificate(certificateData) {
+        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 {?} */
+            let certData = certificateData.issuedCertificates[0];
+            this.certificateService.downloadCertificate_v2(certData.identifier).subscribe((/**
+             * @param {?} res
+             * @return {?}
+             */
+            (res) => {
+                this.downloadCertificateLoading = false;
+                /** @type {?} */
+                const cet = res.result.printUri;
+                this.dialog.open(CertificateDialogComponent, {
+                    width: '1300px',
+                    data: { cet, certId: certData.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 = () => [
+    { 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 }]
+};
+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
+ */
+class ContentProgressComponent {
+    constructor() {
+        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 {?}
+     */
+    ngOnChanges() {
+        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 = () => [];
+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',] }]
+};
+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
+ */
+class ContentProgressModule {
+}
+ContentProgressModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [ContentProgressComponent],
+                imports: [
+                    CommonModule,
+                    MatProgressBarModule,
+                    MatTooltipModule,
+                ],
+                exports: [ContentProgressComponent],
+            },] }
+];
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+const ɵ0$4 = HttpLoaderFactory;
+class 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],
+            },] }
+];
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class CardMdoChannelV1Component {
+    /**
+     * @param {?} events
+     * @param {?} translate
+     * @param {?} langtranslations
+     * @param {?} configSvc
+     * @param {?} contSvc
+     * @param {?} router
+     */
+    constructor(events, translate, langtranslations, configSvc, contSvc, router) {
+        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 {?}
+         */
+        () => {
+            if (localStorage.getItem('websiteLanguage')) {
+                this.translate.setDefaultLang('en');
+                /** @type {?} */
+                const lang = (/** @type {?} */ (localStorage.getItem('websiteLanguage')));
+                this.translate.use(lang);
+            }
+        }));
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        /** @type {?} */
+        const 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 {?}
+     */
+    raiseTelemetry(contentData) {
+        this.emitTelemetry.emit(contentData);
+        if (this.widgetData) {
+            contentData['typeOfTelemetry'] = 'mdo-channel';
+        }
+        this.contSvc.changeTelemetryData(contentData);
+    }
+    /**
+     * @param {?} channeldata
+     * @return {?}
+     */
+    channelClick(channeldata) {
+        this.channelData.emit(channeldata);
+    }
+    /**
+     * @param {?} content
+     * @return {?}
+     */
+    redirectTo(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 = () => [
+    { 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 }]
+};
+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
+ */
+class AvatarPhotoLibComponent {
+    constructor() {
+        this.size = '';
+        this.defaulfColor = '';
+        this.randomColor = false;
+        this.showBadge = false;
+        this.showInitials = false;
         this.random = Math.random().toString(36).slice(2);
         // public initials!: string
         this.colors = [
@@ -9840,6 +10763,7 @@ AvatarPhotoLibModule.decorators = [
  * @fileoverview added by tsickle
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
+const ɵ0$5 = HttpLoaderFactory;
 class CardsModule {
 }
 CardsModule.decorators = [
@@ -9855,20 +10779,34 @@ CardsModule.decorators = [
                     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],
@@ -9882,7 +10820,7 @@ CardsModule.decorators = [
                     CardMDOChannelComponent,
                     CardWideV2Component,
                     CardKarmaProgramsComponent,
-                    CardKarmaProgramsV2Component
+                    CardKarmaProgramsV2Component,
                 ],
             },] }
 ];
@@ -10829,13 +11767,13 @@ CompetencyPassbookMdoModule.decorators = [
  */
 /** @type {?} */
 const PROXY_SLAG_V8 = '/apis/proxies/v8';
-const ɵ0$3 = /**
+const ɵ0$6 = /**
  * @param {?} contentId
  * @param {?} contentType
  * @param {?} userId
  * @return {?}
  */
-(contentId, contentType, userId) => `${PROXY_SLAG_V8}/ratings/v1/read/${contentId}/${contentType}/${userId}`, ɵ1$2 = /**
+(contentId, contentType, userId) => `${PROXY_SLAG_V8}/ratings/v1/read/${contentId}/${contentType}/${userId}`, ɵ1$3 = /**
  * @param {?} contentId
  * @param {?} contentType
  * @return {?}
@@ -10848,9 +11786,9 @@ const ɵ0$3 = /**
 (contentId, userID) => `${PROXY_SLAG_V8}/ratings/v1/read/${contentId}/Course/${userID}`;
 /** @type {?} */
 const 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`,
@@ -11506,5 +12444,5 @@ UserContentRatingLibModule.decorators = [
  * @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