@yoobic/yobi 8.5.0-60 → 8.5.0-61

package/dist/cjs/yoo-card-course-row.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const localForage = require('./localForage-d0842cbe.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const localForage = require('./localForage-446da40f.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-a1bbe627.js');
 
@@ -29,13 +29,13 @@ const YooCardCourseRowComponent = class {
     this.isFinished = this.calcIsFinished();
     this.hasRating = this.calcHasRating();
     const backgroundImage = lodash.get(this.actualPlan, 'background._downloadURL', lodash.get(this.actualPlan, 'background', lodash.get(this.actualPlan, 'imageData', null)));
-    this.backgroundImage = overlays.isOffline() ? await localForage.getFromOfflineStorage(backgroundImage) : backgroundImage;
+    this.backgroundImage = index$1.isOffline() ? await localForage.getFromOfflineStorage(backgroundImage) : backgroundImage;
     this.initPlanDates();
   }
   initPlanDates() {
     const creationDate = this.entry['assignmentDate'];
-    const startDate = overlays.getPlanStartDate(this.actualPlan, creationDate);
-    const dueDate = overlays.getPlanDueDate(this.actualPlan, creationDate);
+    const startDate = index$1.getPlanStartDate(this.actualPlan, creationDate);
+    const dueDate = index$1.getPlanDueDate(this.actualPlan, creationDate);
     const calendarEndDate = lodash.get(this.actualPlan, 'endDate', null);
     this.dueDateAfterToday = calendarEndDate ? this.isDateAfterToday(calendarEndDate) : this.isDateAfterToday(dueDate);
     if (dueDate || calendarEndDate) {
@@ -58,15 +58,15 @@ const YooCardCourseRowComponent = class {
   }
   // DD/MM/YYYY at HH:mm
   getScheduledAtFormattedDate(date) {
-    const formattedDate = overlays.dateFormat(date, 'DD/MM/YYYY HH:mm').split(' ');
-    return `${overlays.translate('SCHEDULEDAT', { date: formattedDate[0], time: formattedDate[1] })}`;
+    const formattedDate = index$1.dateFormat(date, 'DD/MM/YYYY HH:mm').split(' ');
+    return `${index$1.translate('SCHEDULEDAT', { date: formattedDate[0], time: formattedDate[1] })}`;
   }
   getTimeAgoFormattedDate(date) {
-    return overlays.pipes.timeAgo.transform(date);
+    return index$1.pipes.timeAgo.transform(date);
   }
   calcIsFinished() {
-    const totalCount = overlays.getPlanTotalItemsCount(this.actualPlan);
-    const finishedCount = overlays.getCourseFinishedItemsCount(this.entry);
+    const totalCount = index$1.getPlanTotalItemsCount(this.actualPlan);
+    const finishedCount = index$1.getCourseFinishedItemsCount(this.entry);
     return totalCount > 0 && finishedCount > 0 && totalCount === finishedCount;
   }
   calcHasRating() {
@@ -78,7 +78,7 @@ const YooCardCourseRowComponent = class {
   }
   isDateAfterToday(date) {
     const now = new Date();
-    return overlays.isDateAfter(date, now);
+    return index$1.isDateAfter(date, now);
   }
   renderCardImage() {
     return (index.h("yoo-img", { type: this.isLocked ? 'background' : 'default', disabled: this.isLocked, instant: this.entry.isGridCell, src: this.backgroundImage }, this.isLocked && index.h("yoo-tag", { icon: "lock", iconOnlyColor: "light", color: "stable", size: "small" })));
@@ -99,13 +99,13 @@ const YooCardCourseRowComponent = class {
     }
   }
   renderCourseContent() {
-    return overlays.isWeb(this.host) ? this.renderCourseContentWeb() : this.renderCourseContentMobile();
+    return index$1.isWeb(this.host) ? this.renderCourseContentWeb() : this.renderCourseContentMobile();
   }
   renderProgress() {
     if (this.forceHideProgressBar) {
       return;
     }
-    const progress = overlays.getCourseProgress(this.entry);
+    const progress = index$1.getCourseProgress(this.entry);
     return (!!progress && progress < 100 || this.forceShowProgressBar) && index.h("yoo-progress-bar", { value: progress, colorsRepartition: {
         colors: ['var(--danger)', 'var(--warning)', 'var(--success)'],
         thresholds: [.39, .79, 1]
@@ -113,10 +113,10 @@ const YooCardCourseRowComponent = class {
   }
   renderItemsCountTag() {
     const key = `SMARTCOUNT${this.entry.type === 'learningpath' ? 'COURSES' : 'LESSONS'}`;
-    const finishedItemsCount = overlays.getCourseFinishedItemsCount(this.entry);
+    const finishedItemsCount = index$1.getCourseFinishedItemsCount(this.entry);
     const finishedItemsText = !this.isFinished && finishedItemsCount > 0 ? finishedItemsCount + '/' : '';
-    const total = overlays.getPlanTotalItemsCount(this.actualPlan);
-    return total > 0 ? (index.h("yoo-tag", { color: "dark", noBackground: true, size: "small" }, index.h("yoo-icon", { slot: "start", name: "lesson", color: "stable", size: "small" }), overlays.translateMulti(key, { numerator: finishedItemsText, smart_count: total }))) : null;
+    const total = index$1.getPlanTotalItemsCount(this.actualPlan);
+    return total > 0 ? (index.h("yoo-tag", { color: "dark", noBackground: true, size: "small" }, index.h("yoo-icon", { slot: "start", name: "lesson", color: "stable", size: "small" }), index$1.translateMulti(key, { numerator: finishedItemsText, smart_count: total }))) : null;
   }
   renderPoints() {
     var _a, _b, _c;
@@ -124,21 +124,21 @@ const YooCardCourseRowComponent = class {
       return;
     }
     let points = (_c = (_b = this.actualPlan) === null || _b === void 0 ? void 0 : _b.availablePoints) === null || _c === void 0 ? void 0 : _c.toString();
-    const finishedItemsCount = overlays.getCourseFinishedItemsCount(this.entry);
+    const finishedItemsCount = index$1.getCourseFinishedItemsCount(this.entry);
     if (finishedItemsCount > 0) {
       points = `${Math.round(lodash.get(this.entry, 'earnedPoints', 0))}/${this.actualPlan.availablePoints}`;
     }
     return (index.h("yoo-tag", { color: "dark", noBackground: true, size: "small" }, index.h("yoo-icon", { slot: "start", name: "star", color: "app-color", size: "small" }), points));
   }
   renderRating() {
-    if (this.isFinished && overlays.isPlanRatingEnabled(this.actualPlan) && !this.hasRating) {
-      return (index.h("div", { class: "rating-container" }, index.h("div", { class: "rating-content", onClick: (ev) => this.onRatingClicked(ev) }, index.h("yoo-icon", { size: "small", name: "right-circle", color: "app-color" }), index.h("span", null, overlays.translate('RATEYOURCOURSE')))));
+    if (this.isFinished && index$1.isPlanRatingEnabled(this.actualPlan) && !this.hasRating) {
+      return (index.h("div", { class: "rating-container" }, index.h("div", { class: "rating-content", onClick: (ev) => this.onRatingClicked(ev) }, index.h("yoo-icon", { size: "small", name: "right-circle", color: "app-color" }), index.h("span", null, index$1.translate('RATEYOURCOURSE')))));
     }
   }
   onRatingClicked(ev) {
     var _a;
     ev.stopPropagation();
-    overlays.showRatingDialog((_a = this.entry) === null || _a === void 0 ? void 0 : _a._id);
+    index$1.showRatingDialog((_a = this.entry) === null || _a === void 0 ? void 0 : _a._id);
   }
   renderCalendarProgress() {
     const ongoing = lodash.get(this.actualPlan, 'ongoingLessons', 0);
@@ -152,19 +152,19 @@ const YooCardCourseRowComponent = class {
   }
   renderCourseContentMobile() {
     var _a;
-    return (index.h("div", { class: "content-container" }, index.h("div", { class: "inner-container" }, !this.isSelectedContent() && (index.h("div", { class: "info-row" }, index.h("div", { class: "left-part" }, index.h("div", { class: "type-tag" }, this.renderTag({ color: 'app-color', icon: 'courses', content: 'COURSE' }), this.isFinished && !this.forceHideProgressTags && this.renderTag({ color: 'success', icon: 'tick', content: 'YOOBICCOMPLETED' }), !this.isFinished && !this.forceHideProgressTags && overlays.getCourseFinishedItemsCount(this.entry) > 0 && this.renderTag({ color: 'info', icon: 'ongoing', content: 'ONGOING' })), index.h("div", { class: "info" }, this.renderPoints(), !this.host.classList.contains('selected-content') && this.renderItemsCountTag())), index.h("div", null, !this.hideLessonsCount && this.renderBookmarkIcon(), this.renderSyncedOffline()))), !this.isSelectedContent() && !this.isFinished && this.dateToDisplay && this.renderDate(), ((_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.title) && index.h("yoo-truncate", { class: "title-row" }, overlays.translateMulti(this.actualPlan.title)), this.renderCalendarProgress(), this.renderProgress(), this.renderRating())));
+    return (index.h("div", { class: "content-container" }, index.h("div", { class: "inner-container" }, !this.isSelectedContent() && (index.h("div", { class: "info-row" }, index.h("div", { class: "left-part" }, index.h("div", { class: "type-tag" }, this.renderTag({ color: 'app-color', icon: 'courses', content: 'COURSE' }), this.isFinished && !this.forceHideProgressTags && this.renderTag({ color: 'success', icon: 'tick', content: 'YOOBICCOMPLETED' }), !this.isFinished && !this.forceHideProgressTags && index$1.getCourseFinishedItemsCount(this.entry) > 0 && this.renderTag({ color: 'info', icon: 'ongoing', content: 'ONGOING' })), index.h("div", { class: "info" }, this.renderPoints(), !this.host.classList.contains('selected-content') && this.renderItemsCountTag())), index.h("div", null, !this.hideLessonsCount && this.renderBookmarkIcon(), this.renderSyncedOffline()))), !this.isSelectedContent() && !this.isFinished && this.dateToDisplay && this.renderDate(), ((_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.title) && index.h("yoo-truncate", { class: "title-row" }, index$1.translateMulti(this.actualPlan.title)), this.renderCalendarProgress(), this.renderProgress(), this.renderRating())));
   }
   renderTag(tagParams) {
     const { color, icon, content } = tagParams;
     const iconElement = `<yoo-icon slot="start" name="${icon}" color="${color}" size="small"></yoo-icon>`;
-    return (index.h("yoo-tag", { color: color, class: "inverse-color", innerHTML: `${iconElement} ${overlays.translate(content)}` }));
+    return (index.h("yoo-tag", { color: color, class: "inverse-color", innerHTML: `${iconElement} ${index$1.translate(content)}` }));
   }
   renderCourseContentWeb() {
     var _a;
-    return (index.h("div", { class: "content-container web-content-container" }, index.h("div", { class: "inner-container" }, !this.isSelectedContent() && (index.h("div", { class: "info-row web" }, index.h("div", { class: "left-part" }, index.h("div", { class: "type-tag" }, this.renderTag(overlays.getPlanTypeTagProps({ type: this.actualPlan.type }))), index.h("div", { class: "info" }, this.renderPoints(), !this.host.classList.contains('selected-content') && this.renderItemsCountTag(), !this.isFinished && this.dateToDisplay && this.renderDate(), this.actualPlan.isActive === false && (index.h("yoo-tag", { size: "small", color: "stable-light" }, overlays.translate('INACTIVE'))), this.isFinished && !this.forceHideProgressTags && this.renderTag({ color: 'success', icon: 'tick', content: 'YOOBICCOMPLETED' }), !this.isFinished && !this.forceHideProgressTags && overlays.getCourseFinishedItemsCount(this.entry) > 0 && this.renderTag({ color: 'info', icon: 'ongoing', content: 'ONGOING' }))), index.h("div", null, !this.hideLessonsCount && this.renderBookmarkIcon(), this.renderSyncedOffline()))), ((_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.title) && index.h("yoo-truncate", { class: "title-row" }, overlays.translateMulti(this.actualPlan.title)), this.renderCalendarProgress(), this.renderProgress(), this.renderRating())));
+    return (index.h("div", { class: "content-container web-content-container" }, index.h("div", { class: "inner-container" }, !this.isSelectedContent() && (index.h("div", { class: "info-row web" }, index.h("div", { class: "left-part" }, index.h("div", { class: "type-tag" }, this.renderTag(index$1.getPlanTypeTagProps({ type: this.actualPlan.type }))), index.h("div", { class: "info" }, this.renderPoints(), !this.host.classList.contains('selected-content') && this.renderItemsCountTag(), !this.isFinished && this.dateToDisplay && this.renderDate(), this.actualPlan.isActive === false && (index.h("yoo-tag", { size: "small", color: "stable-light" }, index$1.translate('INACTIVE'))), this.isFinished && !this.forceHideProgressTags && this.renderTag({ color: 'success', icon: 'tick', content: 'YOOBICCOMPLETED' }), !this.isFinished && !this.forceHideProgressTags && index$1.getCourseFinishedItemsCount(this.entry) > 0 && this.renderTag({ color: 'info', icon: 'ongoing', content: 'ONGOING' }))), index.h("div", null, !this.hideLessonsCount && this.renderBookmarkIcon(), this.renderSyncedOffline()))), ((_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.title) && index.h("yoo-truncate", { class: "title-row" }, index$1.translateMulti(this.actualPlan.title)), this.renderCalendarProgress(), this.renderProgress(), this.renderRating())));
   }
   render() {
-    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host), onClick: (ev) => this.isLocked && ev.stopPropagation() }, this.entry && index.h("div", { class: { 'outer-container': true, web: overlays.isWeb(this.host) } }, [this.renderCardImage(), this.renderCourseContent()])));
+    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host), onClick: (ev) => this.isLocked && ev.stopPropagation() }, this.entry && index.h("div", { class: { 'outer-container': true, web: index$1.isWeb(this.host) } }, [this.renderCardImage(), this.renderCourseContent()])));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-card-course.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -36,35 +36,35 @@ const YooCardCourseComponent = class {
     const isLocked = this.entry.isLocked;
     const isSavedOffline = this.entry.isSavedOffline;
     const isSelfAssigned = this.entry.isSelfAssigned;
-    const isFinished = overlays.getCourseProgress(this.entry) === 100;
-    const isOngoing = !isFinished && overlays.getCourseProgress(this.entry) > 0;
+    const isFinished = index$1.getCourseProgress(this.entry) === 100;
+    const isOngoing = !isFinished && index$1.getCourseProgress(this.entry) > 0;
     const hasIcons = isLocked || isSavedOffline || isSelfAssigned || isFinished || isOngoing;
     const iconSize = this.cardSize === 'small' ? 'small' : 'medium';
     return (backgroundImage && (index.h("yoo-img", { type: hasIcons ? 'background' : 'default', disabled: isLocked, class: "image", instant: this.entry.isGridCell, src: backgroundImage }, hasIcons && (index.h("yoo-items", null, isLocked && index.h("yoo-icon", { color: "light", name: "lock", size: iconSize }), isSavedOffline && index.h("yoo-icon", { name: "downloaded", size: iconSize }), isFinished && index.h("yoo-icon", { color: "success", name: "tick", size: iconSize }), isOngoing && index.h("yoo-icon", { color: "info", name: "ongoing", size: iconSize }), isSelfAssigned && !isFinished && !isOngoing && index.h("yoo-icon", { color: "app-color", name: "bookmark", size: iconSize }))))));
   }
   renderProgressBar() {
-    return index.h("yoo-progress-bar", { class: { 'app-color': !this.profileSummary }, value: overlays.getCourseProgress(this.entry) });
+    return index.h("yoo-progress-bar", { class: { 'app-color': !this.profileSummary }, value: index$1.getCourseProgress(this.entry) });
   }
   renderCourseTitle(plan) {
-    return [index.h("div", { class: "course-title" }, overlays.translateMulti(plan.title)), plan.description && index.h("div", { class: "course-description" }, overlays.translateMulti(plan.description))];
+    return [index.h("div", { class: "course-title" }, index$1.translateMulti(plan.title)), plan.description && index.h("div", { class: "course-description" }, index$1.translateMulti(plan.description))];
   }
   renderCourseLessonAndPointInfo(dueDate) {
     var _a, _b, _c, _d, _e, _f;
-    const isFinished = overlays.getCourseProgress(this.entry) === 100;
+    const isFinished = index$1.getCourseProgress(this.entry) === 100;
     const key = `SMARTCOUNT${this.entry.type === 'learningpath' ? 'COURSES' : 'LESSONS'}`;
-    const finishedItemsCount = overlays.getCourseFinishedItemsCount(this.entry);
+    const finishedItemsCount = index$1.getCourseFinishedItemsCount(this.entry);
     const finishedItemsText = !isFinished && finishedItemsCount > 0 ? finishedItemsCount + '/' : '';
-    const total = overlays.getPlanTotalItemsCount((_a = this.entry) === null || _a === void 0 ? void 0 : _a.plan);
+    const total = index$1.getPlanTotalItemsCount((_a = this.entry) === null || _a === void 0 ? void 0 : _a.plan);
     let points = (_d = (_c = (_b = this.entry) === null || _b === void 0 ? void 0 : _b.plan) === null || _c === void 0 ? void 0 : _c.availablePoints) === null || _d === void 0 ? void 0 : _d.toString();
     if (finishedItemsCount > 0) {
       points = `${Math.round(lodash.get(this.entry, 'earnedPoints', 0))}/${(_f = (_e = this.entry) === null || _e === void 0 ? void 0 : _e.plan) === null || _f === void 0 ? void 0 : _f.availablePoints}`;
     }
-    return (index.h("div", { class: "course-info" }, this.profileSummary && (index.h("div", { class: "points" }, index.h("yoo-tag", { color: "dark", noBackground: true, size: "small" }, index.h("yoo-icon", { color: "app-color", name: "star", size: this.iconSize, slot: "start" }), points))), index.h("div", { class: "lessons" }, index.h("yoo-tag", { color: this.profileSummary ? 'dark' : 'stable', noBackground: true, size: "small" }, index.h("yoo-icon", { color: "stable", name: "lesson", size: this.iconSize, slot: "start" }), overlays.translateMulti(key, { numerator: finishedItemsText, smart_count: total }))), !isFinished && dueDate && !this.profileSummary && (index.h("div", { class: "date" }, index.h("yoo-tag", { color: "danger", noBackground: true, size: "small" }, index.h("yoo-icon", { color: "danger", name: "alarm", size: this.iconSize, slot: "start" }), dueDate.toLocaleDateString())))));
+    return (index.h("div", { class: "course-info" }, this.profileSummary && (index.h("div", { class: "points" }, index.h("yoo-tag", { color: "dark", noBackground: true, size: "small" }, index.h("yoo-icon", { color: "app-color", name: "star", size: this.iconSize, slot: "start" }), points))), index.h("div", { class: "lessons" }, index.h("yoo-tag", { color: this.profileSummary ? 'dark' : 'stable', noBackground: true, size: "small" }, index.h("yoo-icon", { color: "stable", name: "lesson", size: this.iconSize, slot: "start" }), index$1.translateMulti(key, { numerator: finishedItemsText, smart_count: total }))), !isFinished && dueDate && !this.profileSummary && (index.h("div", { class: "date" }, index.h("yoo-tag", { color: "danger", noBackground: true, size: "small" }, index.h("yoo-icon", { color: "danger", name: "alarm", size: this.iconSize, slot: "start" }), dueDate.toLocaleDateString())))));
   }
   renderEarnedCoursePoints() {
     var _a, _b, _c, _d, _e;
     let points = (_c = (_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.plan) === null || _b === void 0 ? void 0 : _b.availablePoints) === null || _c === void 0 ? void 0 : _c.toString();
-    const finishedItemsCount = overlays.getCourseFinishedItemsCount(this.entry);
+    const finishedItemsCount = index$1.getCourseFinishedItemsCount(this.entry);
     if (finishedItemsCount > 0) {
       points = `${Math.round(lodash.get(this.entry, 'earnedPoints', 0))}/${(_e = (_d = this.entry) === null || _d === void 0 ? void 0 : _d.plan) === null || _e === void 0 ? void 0 : _e.availablePoints}`;
     }
@@ -80,7 +80,7 @@ const YooCardCourseComponent = class {
   }
   renderCourseContainer() {
     const plan = this.entry.plan;
-    const dueDate = overlays.getPlanDueDate(plan, this.entry.assignmentDate);
+    const dueDate = index$1.getPlanDueDate(plan, this.entry.assignmentDate);
     let lessonsCount = lodash.get(plan, 'missiondescriptionsRef', []).length;
     if (lessonsCount === 0) {
       lessonsCount = lodash.get(plan, 'lessonsCount', 0);

package/dist/cjs/yoo-card-feed-row.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -31,7 +31,7 @@ const YooCardFeedRowComponent = class {
     const image = this.image || {};
     const hasDate = this.validated && !!this.date;
     const hasUser = !!this.user;
-    return (index.h(index.Host, null, index.h("div", { class: "information" }, index.h("yoo-truncate", { innerHTML: overlays.translateMulti(this.heading) }), index.h("div", { class: "indicators" }, (hasDate || hasUser) && (index.h("div", { class: "details" }, hasUser && index.h("yoo-avatar", { size: "extra-small", user: this.user }), hasUser && index.h("span", { class: "truncated" }, overlays.getUserDisplayName(this.user)), hasDate && hasUser && ' • ', hasDate && index.h("span", null, overlays.fromNow(this.date, true)))), this.validated && this.featured && index.h("yoo-icon", { color: "app-color", name: "fixed", size: "small" }), this.validated && !!this.hasReadReceipts && index.h("yoo-icon", { color: "text-color", name: "read", size: "small" }), !this.validated && index.h("yoo-tag", { color: "text-color-10" }, overlays.translate('PENDINGVALIDATION')))), index.h("yoo-img", { fallbackIcon: { color: 'text-color', name: 'news', size: 'medium' }, instant: image.instant, src: image.src })));
+    return (index.h(index.Host, null, index.h("div", { class: "information" }, index.h("yoo-truncate", { innerHTML: index$1.translateMulti(this.heading) }), index.h("div", { class: "indicators" }, (hasDate || hasUser) && (index.h("div", { class: "details" }, hasUser && index.h("yoo-avatar", { size: "extra-small", user: this.user }), hasUser && index.h("span", { class: "truncated" }, index$1.getUserDisplayName(this.user)), hasDate && hasUser && ' • ', hasDate && index.h("span", null, index$1.fromNow(this.date, true)))), this.validated && this.featured && index.h("yoo-icon", { color: "app-color", name: "fixed", size: "small" }), this.validated && !!this.hasReadReceipts && index.h("yoo-icon", { color: "text-color", name: "read", size: "small" }), !this.validated && index.h("yoo-tag", { color: "text-color-10" }, index$1.translate('PENDINGVALIDATION')))), index.h("yoo-img", { fallbackIcon: { color: 'text-color', name: 'news', size: 'medium' }, instant: image.instant, src: image.src })));
   }
 };
 YooCardFeedRowComponent.style = cardFeedRowCss;