@yoobic/yobi 8.5.0-60 → 8.5.0-61

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

@@ -3,13 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const index$2 = require('./index-9aadeb94.js');
+const index$3 = require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const button_factory = require('./button.factory-604b2344.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
-const index$1 = require('./index-a1bbe627.js');
-require('./index-ec50fd6e.js');
+const button_factory = require('./button.factory-b50d940e.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
+const index$2 = require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const EventActions = ({ actions, extraClasses }) => {
@@ -32,11 +31,11 @@ const EventAttendance = ({ info, count, handler }) => {
     var _a;
     let text = '';
     if (users.length === 1) {
-      const firstUsername = ((_a = users[0]) === null || _a === void 0 ? void 0 : _a._id) === overlays.getSession().userId ? overlays.translate('YOOBICYOU') : overlays.capitalizeFirstLetter(users[0].firstName);
-      text = overlays.translate(users[0]._id === overlays.getSession().userId ? 'YOOBICYOUAREGOING' : 'YOOBICISGOING', { name: firstUsername });
+      const firstUsername = ((_a = users[0]) === null || _a === void 0 ? void 0 : _a._id) === index$1.getSession().userId ? index$1.translate('YOOBICYOU') : index$1.capitalizeFirstLetter(users[0].firstName);
+      text = index$1.translate(users[0]._id === index$1.getSession().userId ? 'YOOBICYOUAREGOING' : 'YOOBICISGOING', { name: firstUsername });
     }
     else {
-      text = overlays.translate('YOOBICAREGOING', { count: users.length });
+      text = index$1.translate('YOOBICAREGOING', { count: users.length });
     }
     return [
       users.slice(0, 2).map(user => {
@@ -45,13 +44,13 @@ const EventAttendance = ({ info, count, handler }) => {
       index.h("span", { class: "text" }, text)
     ];
   };
-  return (index.h("div", { class: "attendance", onClick: (ev) => { commonHelpers.execHandlerAndStopEvent(ev, () => handler ? handler() : null); } }, users.length ? renderGoing() : index.h("span", { class: "text" }, overlays.translate('YOOBICEVENTUSERSINVITE', { count }))));
+  return (index.h("div", { class: "attendance", onClick: (ev) => { commonHelpers.execHandlerAndStopEvent(ev, () => handler ? handler() : null); } }, users.length ? renderGoing() : index.h("span", { class: "text" }, index$1.translate('YOOBICEVENTUSERSINVITE', { count }))));
 };
 
 const CardAnnouncement = ({ configs }) => {
   const announcementMission = lodash.cloneDeep(configs.missionDescription);
   announcementMission.description = announcementMission; // needed to display some infos into the mission-todo-page component, as it gets them from the description of the mission
-  return (index.h("yoo-announcement-heading", { class: { 'overlay': overlays.isCampaignFeed(announcementMission) }, mission: announcementMission, viewAllHandler: configs.viewAllHandler, layout: "feed" }));
+  return (index.h("yoo-announcement-heading", { class: { 'overlay': index$1.isCampaignFeed(announcementMission) }, mission: announcementMission, viewAllHandler: configs.viewAllHandler, layout: "feed" }));
 };
 const CardCampaign = ({ configs }) => {
   return (index.h("div", { class: "campaign-container" },
@@ -59,55 +58,55 @@ const CardCampaign = ({ configs }) => {
 };
 const CardIncentive = ({ configs }) => {
   if (configs.isEmpty) {
-    const customColor = overlays.getCssColor('app-color');
+    const customColor = index$1.getCssColor('app-color');
     return (index.h("div", { class: "outer-container empty incentive" },
       index.h("yoo-tag", { customColor: customColor, size: "extra-large", icon: "lock" }),
-      index.h("span", { class: "empty-text" }, overlays.translate('RESTRICTEDINCENTIVE'))));
+      index.h("span", { class: "empty-text" }, index$1.translate('RESTRICTEDINCENTIVE'))));
   }
   return ([
     index.h("div", { class: "incentives-container" },
       index.h("yoo-entity", { item: { ...configs.incentive, ...{ extraClasses: 'no-footer' } }, displayType: "card-incentive" })),
-    configs.viewHandler ? index.h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, configs.viewHandler) }, overlays.translate('VIEWINCENTIVE')) : null
+    configs.viewHandler ? index.h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, configs.viewHandler) }, index$1.translate('VIEWINCENTIVE')) : null
   ]);
 };
 const CardEvent = ({ configs }) => {
   var _a;
   const startDate = new Date(configs.recurrenceStart || configs.startDate);
   const endDate = new Date(configs.recurrenceEnd || configs.endDate);
-  const startDay = overlays.dateFormat(startDate, 'D');
-  const endDay = overlays.dateFormat(endDate, 'D');
+  const startDay = index$1.dateFormat(startDate, 'D');
+  const endDay = index$1.dateFormat(endDate, 'D');
   const isSameDay = startDay === endDay;
   const format = configs.allDay ? 'ddd DD MMM' : 'ddd DD MMM LT';
   const endformat = isSameDay ? (configs.allDay ? null : 'LT') : format;
-  const isPublic = configs.eventType === index$1.EventType.PUBLIC;
+  const isPublic = configs.eventType === index$2.EventType.PUBLIC;
   const isRecurring = configs.recurring;
   return ([
     index.h("div", { class: "row" },
       index.h("div", { class: "left-part" },
         index.h("div", { class: "box" },
-          index.h("div", { class: "month" }, overlays.dateFormat(startDate, 'MMM').toUpperCase()),
+          index.h("div", { class: "month" }, index$1.dateFormat(startDate, 'MMM').toUpperCase()),
           index.h("div", { class: "day" }, startDay),
-          !isSameDay && index.h("div", { class: "month end" }, overlays.dateFormat(endDate, 'MMM').toUpperCase()),
+          !isSameDay && index.h("div", { class: "month end" }, index$1.dateFormat(endDate, 'MMM').toUpperCase()),
           !isSameDay && index.h("div", { class: "day" }, endDay))),
       index.h("div", { class: "right-part" },
         index.h("span", { class: "heading" },
           index.h("yoo-icon", { size: "small", color: "text-color", name: isPublic ? 'feed' : 'email' }),
-          overlays.translate(`${isPublic ? 'PUBLICEVENT' : 'PRIVATEEVENT'}`),
-          isRecurring && index.h("yoo-tag", { innerHTML: overlays.translate('RECURRING'), color: "app-color-10" })),
+          index$1.translate(`${isPublic ? 'PUBLICEVENT' : 'PRIVATEEVENT'}`),
+          isRecurring && index.h("yoo-tag", { innerHTML: index$1.translate('RECURRING'), color: "app-color-10" })),
         index.h("span", { class: "title" },
-          overlays.translateMulti(configs.title),
+          index$1.translateMulti(configs.title),
           " "),
-        index.h("span", { class: "date dark" }, `${overlays.dateFormat(startDate, format)}${!isSameDay || !configs.allDay ? (` ${overlays.translate('YOOBICTO').toLowerCase()} ${overlays.dateFormat(endDate, endformat)}`) : ''}`),
+        index.h("span", { class: "date dark" }, `${index$1.dateFormat(startDate, format)}${!isSameDay || !configs.allDay ? (` ${index$1.translate('YOOBICTO').toLowerCase()} ${index$1.dateFormat(endDate, endformat)}`) : ''}`),
         configs.location && (index.h("div", { class: "preview-container" },
           index.h("yoo-avatar", { imgSrc: configs.location.imageData, iconText: configs.location.title, size: "extra-small" }),
           index.h("span", null, configs.location.title))),
         configs.address && index.h("span", { class: "address" }, configs.address),
-        configs.virtualRoomUrl && index.h("yoo-truncate", { class: "url", innerHTML: overlays.replaceAllLinks(configs.virtualRoomUrl) }),
-        configs.description && index.h("yoo-truncate", { class: "card-feeds", maxLength: 10, byWords: true, showEllipsisButton: true, content: overlays.replaceAllLinks(overlays.translateMulti(configs.description)) }),
-        ((_a = configs.tags) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("div", { class: "feed-hashtags" }, configs.tags.map((a) => (a === null || a === void 0 ? void 0 : a.toLowerCase) && index.h("span", { class: "hashtag", innerHTML: `#${overlays.translateMulti(a.toUpperCase()).toLowerCase()} ` })))),
+        configs.virtualRoomUrl && index.h("yoo-truncate", { class: "url", innerHTML: index$1.replaceAllLinks(configs.virtualRoomUrl) }),
+        configs.description && index.h("yoo-truncate", { class: "card-feeds", maxLength: 10, byWords: true, showEllipsisButton: true, content: index$1.replaceAllLinks(index$1.translateMulti(configs.description)) }),
+        ((_a = configs.tags) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("div", { class: "feed-hashtags" }, configs.tags.map((a) => (a === null || a === void 0 ? void 0 : a.toLowerCase) && index.h("span", { class: "hashtag", innerHTML: `#${index$1.translateMulti(a.toUpperCase()).toLowerCase()} ` })))),
         configs.type && index.h("span", { class: "dark flex" },
-          `${overlays.translate('YOOBICCATEGORY')}: `,
-          index.h("span", { class: "type", innerHTML: overlays.translate(configs.type) })),
+          `${index$1.translate('YOOBICCATEGORY')}: `,
+          index.h("span", { class: "type", innerHTML: index$1.translate(configs.type) })),
         (configs.totalUserCount > 0 || configs.eventInfo) && index.h(EventAttendance, { info: configs.eventInfo, count: configs.totalUserCount, handler: configs.eventHandler }),
         index.h("slot", { name: "event-document" }))),
     index.h("slot", { name: "event-action" })
@@ -146,10 +145,10 @@ const YooCardFeedComponent = class {
   componentWillLoad() {
     var _a;
     if ((_a = this.entry) === null || _a === void 0 ? void 0 : _a.description) {
-      this.entry.description = overlays.setSecuredContent(this.entry.description);
+      this.entry.description = index$1.setSecuredContent(this.entry.description);
     }
     this.isPhotos = this.host.classList.contains('photos');
-    if (overlays.isNullOrUndefined(this.preventAutoPlayMedia)) {
+    if (index$1.isNullOrUndefined(this.preventAutoPlayMedia)) {
       this.preventAutoPlayMedia = this.modalMode;
     }
     this.initView();
@@ -221,7 +220,7 @@ const YooCardFeedComponent = class {
   }
   isCreator() {
     var _a, _b;
-    return ((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b._id) === overlays.getSession().userId;
+    return ((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b._id) === index$1.getSession().userId;
   }
   onMediaClicked(ev) {
     if (!this.previewMode && this.host.classList.contains('shared-feed')) {
@@ -250,12 +249,12 @@ const YooCardFeedComponent = class {
     var _a;
     ev.stopPropagation();
     if (this.modalMode && this.isCreator() && ((_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.keys)) {
-      overlays.getAsyncExtraData({ type: 'user-list', params: { keys: ev.detail.users } });
+      index$1.getAsyncExtraData({ type: 'user-list', params: { keys: ev.detail.users } });
     }
   }
   observeVisibility() {
-    if (index$2.isIntersectionObserverSupported()) {
-      this.observer = index$2.intersectionObserve(this.host, (nodes) => {
+    if (index$3.isIntersectionObserverSupported()) {
+      this.observer = index$3.intersectionObserve(this.host, (nodes) => {
         nodes.forEach((node) => {
           if (node.isIntersecting) {
             this.removeIntersectionObserver();
@@ -304,14 +303,14 @@ const YooCardFeedComponent = class {
       } }, index.h("yoo-empty-state", { type: "waiting" }), this.hasMediaTags() && this.renderMediaTags()));
   }
   renderMarkDescription() {
-    return (index.h("div", null, overlays.translate('DERIVEDFROM'), index.h("mark", null, " ", ' "' + overlays.translateMulti(this.entry.fieldTitle) + '" '), overlays.translate('YOOBICIN')));
+    return (index.h("div", null, index$1.translate('DERIVEDFROM'), index.h("mark", null, " ", ' "' + index$1.translateMulti(this.entry.fieldTitle) + '" '), index$1.translate('YOOBICIN')));
   }
   renderText() {
     var _a;
     const preventNewLine = (_a = this.entry.description) === null || _a === void 0 ? void 0 : _a.includes('name="slide"');
-    const content = overlays.parseMarkDown(overlays.replaceAllLinks(this.entry.description, preventNewLine), true);
+    const content = index$1.parseMarkDown(index$1.replaceAllLinks(this.entry.description, preventNewLine), true);
     return this.modalMode ? index.h("div", { ref: (el) => this.textElement = el, onClick: (ev) => { var _a; return commonHelpers.openImageDetailFromRTE(this.host, this.textElement, (_a = ev === null || ev === void 0 ? void 0 : ev.target) === null || _a === void 0 ? void 0 : _a['src']); }, innerHTML: content }) :
-      index.h("yoo-truncate", { class: "card-feeds", maxLength: 20, byWords: true, replaceBreakWithClosed: true, showEllipsisButton: !this.isBlog(), onContentToggled: (ev) => this.viewMoreToggled.emit(ev.detail), content: overlays.replaceAllLinks(this.entry.description, preventNewLine) });
+      index.h("yoo-truncate", { class: "card-feeds", maxLength: 20, byWords: true, replaceBreakWithClosed: true, showEllipsisButton: !this.isBlog(), onContentToggled: (ev) => this.viewMoreToggled.emit(ev.detail), content: index$1.replaceAllLinks(this.entry.description, preventNewLine) });
   }
   renderEntryDescription() {
     return (index.h("div", { class: {
@@ -345,7 +344,7 @@ const YooCardFeedComponent = class {
   }
   renderFeedTags() {
     var _a, _b, _c;
-    return (index.h("div", { class: "feed-hashtags" }, (_c = (_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.tags) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.call(_b, (a) => (a === null || a === void 0 ? void 0 : a.toLowerCase) && index.h("span", { class: "hashtag", onClick: (ev) => { var _a; return this.onEmbeddedEntityClicked({ tag: a, custom: true, communityRef: (_a = this.entry.community) === null || _a === void 0 ? void 0 : _a._id }, 'feeds', ev); }, innerHTML: `#${overlays.translateMulti(a).toLowerCase()} ` }))));
+    return (index.h("div", { class: "feed-hashtags" }, (_c = (_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.tags) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.call(_b, (a) => (a === null || a === void 0 ? void 0 : a.toLowerCase) && index.h("span", { class: "hashtag", onClick: (ev) => { var _a; return this.onEmbeddedEntityClicked({ tag: a, custom: true, communityRef: (_a = this.entry.community) === null || _a === void 0 ? void 0 : _a._id }, 'feeds', ev); }, innerHTML: `#${index$1.translateMulti(a).toLowerCase()} ` }))));
   }
   renderTopActions() {
     return (index.h("div", { class: "info-feed" }, this.entry.topActions.map((a) => (index.h("span", { onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, a.handler) }, a.text)))));
@@ -353,7 +352,7 @@ const YooCardFeedComponent = class {
   renderChart() {
     return (index.h("div", { class: "feed-chart" }, this.entry.chartDefinition.title && index.h("div", { class: "chart-title" }, this.entry.chartDefinition.title), index.h("yoo-kpi", { class: { 'allow-click': this.modalMode && this.isCreator() }, chartClass: "feed-chart", style: { height: this.entry.chartBarTotal * 70 + 'px' }, hideIfEmpty: true, definition: this.entry.chartDefinition, config: this.entry.chartConfig, isFullScreen: this.modalMode, onKpiClick: (ev) => this.onKpiClick(ev) }), this.entry.chartTotal > 0 && (index.h("div", { onClick: (ev) => {
         this.onPollVoteClicked(ev);
-      }, class: "chart-total" }, this.entry.chartTotal.toLocaleString(), " ", overlays.translate('VOTES').toLowerCase()))));
+      }, class: "chart-total" }, this.entry.chartTotal.toLocaleString(), " ", index$1.translate('VOTES').toLowerCase()))));
   }
   renderBottomActionText(item) {
     return (index.h("div", { class: 'action ' + (item.cssClass || '') }, item.icon && index.h("yoo-icon", { name: item.icon, color: item.iconColor, size: "medium" }), item.text));
@@ -403,13 +402,13 @@ const YooCardFeedComponent = class {
     const actions = icon.subIcons.map((subIcon) => {
       return { text: subIcon.text, icon: subIcon.icon, handler: () => subIcon.handler() };
     });
-    if (overlays.isWeb(this.host)) {
+    if (index$1.isWeb(this.host)) {
       return (index.h("span", { slot: "start", class: "feed-icon" }, index.h("yoo-context-menu", { contentButtons: actions }, index.h("yoo-icon", { name: icon.icon, color: icon.color || 'stable-alt', size: size || 'medium' }))));
     }
     else {
       return (index.h("span", { slot: "start", class: "feed-icon", onClick: (ev) => {
           ev.stopPropagation();
-          overlays.showActionSheet(actions);
+          index$1.showActionSheet(actions);
         } }, index.h("yoo-icon", { name: icon.icon, color: icon.color || 'stable-alt', size: size || 'medium' })));
     }
   }
@@ -424,11 +423,11 @@ const YooCardFeedComponent = class {
     ];
   }
   onShowActions(ev) {
-    if (!overlays.isWeb(this.host)) {
+    if (!index$1.isWeb(this.host)) {
       ev.stopPropagation();
       ev.preventDefault();
       if (this.hasActions()) {
-        overlays.showActionSheet(this.entry.actions);
+        index$1.showActionSheet(this.entry.actions);
       }
     }
   }
@@ -566,9 +565,9 @@ const YooCardFeedComponent = class {
   renderSharedIn() {
     const multiGroups = this.entry.groups.length > 1;
     return [
-      overlays.isWeb(this.host) ? '' : overlays.translate('SHAREDIN'),
+      index$1.isWeb(this.host) ? '' : index$1.translate('SHAREDIN'),
       index.h("span", { class: "feed-group" }, ` ${multiGroups ? this.entry.groups.length : this.entry.groups[0]} `),
-      multiGroups && overlays.translate('GROUPS')
+      multiGroups && index$1.translate('GROUPS')
     ];
   }
   renderFeedSubheading() {
@@ -577,7 +576,7 @@ const YooCardFeedComponent = class {
       this.hasSubheadings()
         ? this.entry.subheadings.map((sub) => (sub ? index.h("span", { class: "feed-subheading" }, sub) : null))
         : null,
-      ((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.groups) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("span", { class: "feed-subheading pointer truncate", onClick: () => this.onGroupClicked() }, overlays.isWeb(this.host) ? index.h("yoo-icon", { name: "group", size: "small", color: "text-color" }) : index.h("span", { class: "pre-wrap" }, ' • '), this.entry.sharedIn ? this.entry.sharedIn : this.renderSharedIn()))
+      ((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.groups) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("span", { class: "feed-subheading pointer truncate", onClick: () => this.onGroupClicked() }, index$1.isWeb(this.host) ? index.h("yoo-icon", { name: "group", size: "small", color: "text-color" }) : index.h("span", { class: "pre-wrap" }, ' • '), this.entry.sharedIn ? this.entry.sharedIn : this.renderSharedIn()))
     ];
   }
   renderFeedDates() {
@@ -594,7 +593,7 @@ const YooCardFeedComponent = class {
     var _a;
     return (index.h("div", { class: "feed-top" }, index.h("div", { class: "feed-heading" }, ((_a = this.entry) === null || _a === void 0 ? void 0 : _a.heading) && (index.h("span", { class: "feed-title-container" }, this.renderAvatar('small'), index.h("span", { class: "text" }, this.entry.heading), this.hasActions() && (index.h("yoo-context-menu", { class: "flex", contentButtons: this.entry.actions, onClick: (ev) => ev.stopPropagation() }, index.h("yoo-icon", { name: "download", color: "stable-alt" }))))), index.h("div", { class: "feed-heading-inner-container" }, this.isPhotos ? this.renderPhotosSubheading() : this.renderFeedSubheading()), this.renderFeedDates())));
   }
-  renderAvatar(size = overlays.isWeb(this.host) ? 'large' : 'medium') {
+  renderAvatar(size = index$1.isWeb(this.host) ? 'large' : 'medium') {
     var _a, _b, _c;
     return (index.h("yoo-avatar", { onClick: (ev) => {
         this.onUserClicked(ev);
@@ -604,7 +603,7 @@ const YooCardFeedComponent = class {
     var _a, _b, _c, _d, _e, _f;
     return (index.h("div", { class: { 'feed-top': true, 'community': !!this.entry.community } }, index.h("div", { class: "left-part" }, ((_a = this.entry.community) === null || _a === void 0 ? void 0 : _a.name) && index.h("yoo-badge", { class: "community", color: "app-color", onClick: (ev) => this.onEmbeddedEntityClicked(this.entry.community, 'communities', ev), text: this.entry.community.name, shape: "rectangle" }), (((_b = this.entry) === null || _b === void 0 ? void 0 : _b.icon) || ((_c = this.entry) === null || _c === void 0 ? void 0 : _c.iconText) || ((_d = this.entry) === null || _d === void 0 ? void 0 : _d.user) || ((_e = this.entry) === null || _e === void 0 ? void 0 : _e.username)) && this.renderAvatar(), index.h("div", { class: "feed-heading" }, ((_f = this.entry) === null || _f === void 0 ? void 0 : _f.heading) && (index.h("span", { class: "feed-title-container" }, index.h("span", { class: "text" }, this.entry.heading))), index.h("div", { class: "feed-heading-inner-container" }, this.isPhotos ? this.renderPhotosSubheading() : this.renderFeedSubheading()), this.renderFeedDates())), this.hasActions() &&
       !this.detailView &&
-      (overlays.isWeb(this.host) ? (index.h("yoo-context-menu", { contentButtons: this.entry.actions, onClick: (ev) => ev.stopPropagation() }, this.renderMoreButton())) : (this.renderMoreButton()))));
+      (index$1.isWeb(this.host) ? (index.h("yoo-context-menu", { contentButtons: this.entry.actions, onClick: (ev) => ev.stopPropagation() }, this.renderMoreButton())) : (this.renderMoreButton()))));
   }
   renderFooterActions() {
     return index.h("div", { class: "feed-footer-actions" }, this.entry.footerActions.map((item) => button_factory.getButton(item)));
@@ -617,14 +616,14 @@ const YooCardFeedComponent = class {
       description = description.replace(/<br[^>]*>/g, '');
     }
     const mentionedBy = this.entry.firstComment.user || null;
-    const hasImage = overlays.isMedia(description) || description.includes('<ionic-chat-image');
+    const hasImage = index$1.isMedia(description) || description.includes('<ionic-chat-image');
     let firstCommentText = (_c = (_b = this.entry) === null || _b === void 0 ? void 0 : _b.firstComment) === null || _c === void 0 ? void 0 : _c.text;
     if (firstCommentText && this.entry.firstComment.mentions) {
-      firstCommentText = overlays.replaceAtTagToMentionTag(firstCommentText, this.entry.firstComment.mentions);
+      firstCommentText = index$1.replaceAtTagToMentionTag(firstCommentText, this.entry.firstComment.mentions);
     }
     return (index.h("div", { class: "feed-mention-actions", onClick: (ev) => {
         this.onFirstCommentClicked(ev);
-      } }, mentionedBy && index.h("yoo-avatar", { user: mentionedBy, size: "extra-small" }), hasImage ? index.h("span", { class: "app-color" }, overlays.translate('VIEWMEDIA')) : index.h("span", { class: "first-comment-text" }, overlays.removeTextStyle(firstCommentText))));
+      } }, mentionedBy && index.h("yoo-avatar", { user: mentionedBy, size: "extra-small" }), hasImage ? index.h("span", { class: "app-color" }, index$1.translate('VIEWMEDIA')) : index.h("span", { class: "first-comment-text" }, index$1.removeTextStyle(firstCommentText))));
   }
   renderFiles(documents) {
     return (index.h("div", { class: "feed-document-container" }, index.h("yoo-form-carousel", { mediaType: "document", allowSwipeDownDismiss: false, mediaSrc: documents, hideSecondaryActions: this.previewMode })));
@@ -632,7 +631,7 @@ const YooCardFeedComponent = class {
   renderPlan() {
     return (index.h("div", { class: "feed-plan" }, index.h("yoo-form-plan", { class: "dark", secondaryView: true, plan: this.entry.plan, planRef: this.entry.plan._id, feedRef: this.entry.feedRef, checkPermission: true, onClick: (ev) => {
         var _a;
-        if ((_a = overlays.getPermissions()) === null || _a === void 0 ? void 0 : _a.canViewMicrolearning) {
+        if ((_a = index$1.getPermissions()) === null || _a === void 0 ? void 0 : _a.canViewMicrolearning) {
           this.onEmbeddedEntityClicked(this.entry.plan, 'plans', ev);
         }
       } })));
@@ -644,14 +643,14 @@ const YooCardFeedComponent = class {
   }
   renderAttachment(extraClasses) {
     var _a;
-    return (index.h("div", { class: `attachment-container ${extraClasses ? extraClasses : ''}` }, index.h("div", { class: "header" }, index.h("yoo-icon", { name: "attachment", color: "dark", size: "small" }), overlays.translate('ATTACHMENTS')), index.h("div", { class: "attachment-inner-container" }, ((_a = this.entry.documents) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.renderFiles(this.entry.documents), this.entry.plan && Object.keys(this.entry.plan).length > 0 && this.renderPlan(), this.entry.question && this.renderWiki())));
+    return (index.h("div", { class: `attachment-container ${extraClasses ? extraClasses : ''}` }, index.h("div", { class: "header" }, index.h("yoo-icon", { name: "attachment", color: "dark", size: "small" }), index$1.translate('ATTACHMENTS')), index.h("div", { class: "attachment-inner-container" }, ((_a = this.entry.documents) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.renderFiles(this.entry.documents), this.entry.plan && Object.keys(this.entry.plan).length > 0 && this.renderPlan(), this.entry.question && this.renderWiki())));
   }
   renderPoll() {
     var _a, _b;
-    return (index.h("div", { class: "poll-container" }, index.h("div", { class: "header" }, this.entry.pollIsLong ? overlays.translate('POLLLINKEXISTING') : overlays.translate('POLLTITLE')), index.h("div", { class: "content" }, overlays.translateMulti(this.entry.pollTitle)), (_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.pollAnswers) === null || _b === void 0 ? void 0 :
+    return (index.h("div", { class: "poll-container" }, index.h("div", { class: "header" }, this.entry.pollIsLong ? index$1.translate('POLLLINKEXISTING') : index$1.translate('POLLTITLE')), index.h("div", { class: "content" }, index$1.translateMulti(this.entry.pollTitle)), (_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.pollAnswers) === null || _b === void 0 ? void 0 :
       _b.map((item) => {
         if (item) {
-          return [index.h("div", { class: "header" }, overlays.translate('ANSWER')), index.h("div", { class: "content" }, overlays.translate(item))];
+          return [index.h("div", { class: "header" }, index$1.translate('ANSWER')), index.h("div", { class: "content" }, index$1.translate(item))];
         }
       })));
   }
@@ -664,7 +663,7 @@ const YooCardFeedComponent = class {
         'no-tags': !((_b = this.entry) === null || _b === void 0 ? void 0 : _b.tags),
         'no-icons': !this.hasFeedIcons(),
         'no-first-comment': !((_c = this.entry) === null || _c === void 0 ? void 0 : _c.firstComment),
-        'has-translation-toggle': !overlays.isNullOrUndefined(this.entry.translationCallback)
+        'has-translation-toggle': !index$1.isNullOrUndefined(this.entry.translationCallback)
       } }, (_d = this.orderItem) === null || _d === void 0 ? void 0 : _d.map((item) => this.renderDynamic(item))));
   }
   onTranslateToggle(ev) {
@@ -691,11 +690,11 @@ const YooCardFeedComponent = class {
     return (index.h("div", { class: {
         'translate-container fr-view': true,
         active: this.showTranslatedText
-      } }, index.h("div", { class: "inner-container" }, this.isTranslating && index.h("yoo-loader", { class: "absolute backdrop-transparent" }), this.showTranslatedText && index.h("div", { class: "text-container", innerHTML: overlays.replaceAllLinks(this.translatedText, true) }), index.h("div", { class: "translation-button", onClick: (ev) => this.onTranslateToggle(ev) }, this.showTranslatedText ? index.h("span", null, overlays.translate('HIDETRANSLATION')) : overlays.translate('SEETRANSLATION')))));
+      } }, index.h("div", { class: "inner-container" }, this.isTranslating && index.h("yoo-loader", { class: "absolute backdrop-transparent" }), this.showTranslatedText && index.h("div", { class: "text-container", innerHTML: index$1.replaceAllLinks(this.translatedText, true) }), index.h("div", { class: "translation-button", onClick: (ev) => this.onTranslateToggle(ev) }, this.showTranslatedText ? index.h("span", null, index$1.translate('HIDETRANSLATION')) : index$1.translate('SEETRANSLATION')))));
   }
   renderSharedEvent(configs, slotName) {
     var _a, _b;
-    return (index.h("div", { class: "event-container", slot: slotName }, index.h(CardEvent, { configs: configs }), !!((_a = configs === null || configs === void 0 ? void 0 : configs.documents) === null || _a === void 0 ? void 0 : _a.length) && index.h("div", { slot: "event-document" }, this.renderFiles(configs.documents)), !!((_b = configs === null || configs === void 0 ? void 0 : configs.actions) === null || _b === void 0 ? void 0 : _b.length) && index.h("div", { slot: "event-action" }, index.h(EventActions, { extraClasses: { 'single-row': !overlays.isWeb(this.host) || (this.modalMode && this.eventMode) }, actions: configs.actions }))));
+    return (index.h("div", { class: "event-container", slot: slotName }, index.h(CardEvent, { configs: configs }), !!((_a = configs === null || configs === void 0 ? void 0 : configs.documents) === null || _a === void 0 ? void 0 : _a.length) && index.h("div", { slot: "event-document" }, this.renderFiles(configs.documents)), !!((_b = configs === null || configs === void 0 ? void 0 : configs.actions) === null || _b === void 0 ? void 0 : _b.length) && index.h("div", { slot: "event-action" }, index.h(EventActions, { extraClasses: { 'single-row': !index$1.isWeb(this.host) || (this.modalMode && this.eventMode) }, actions: configs.actions }))));
   }
   renderScheduledDate() {
     return (index.h("yoo-tag", { color: "energized", class: "scheduled-date" }, index.h("yoo-icon", { slot: "start", name: "calendar", size: "small", color: "light" }), this.entry.scheduledDate));
@@ -704,7 +703,7 @@ const YooCardFeedComponent = class {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     if (((_c = (_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.uiFields) === null || _b === void 0 ? void 0 : _b.fields) === null || _c === void 0 ? void 0 : _c.length) > 0 &&
       !lodash.isEmpty((_e = (_d = this.entry) === null || _d === void 0 ? void 0 : _d.uiFields) === null || _e === void 0 ? void 0 : _e.data) &&
-      this.entry.uiFields.fields.some((f) => overlays.isFieldWithNoValue(f) || !overlays.isNullOrUndefined(this.entry.uiFields.data[f.name]))
+      this.entry.uiFields.fields.some((f) => index$1.isFieldWithNoValue(f) || !index$1.isNullOrUndefined(this.entry.uiFields.data[f.name]))
       && !((_g = (_f = this.host) === null || _f === void 0 ? void 0 : _f.classList) === null || _g === void 0 ? void 0 : _g.contains('map')) && !((_j = (_h = this.host) === null || _h === void 0 ? void 0 : _h.classList) === null || _j === void 0 ? void 0 : _j.contains('grid-cell'))) {
       return (index.h("div", { class: "uifield-container" }, index.h("yoo-form-dynamic", { class: "inline in-card secondary", scrollable: false, forceReadonly: true, slides: [{ title: '', items: this.entry.uiFields.fields }], data: this.entry.uiFields.data, suffix: this.entry.uiFieldsSuffix, showTabs: false, formInputSize: "medium", showRecap: false, onDataChanged: (ev) => ev.stopPropagation() })));
     }
@@ -740,7 +739,7 @@ const YooCardFeedComponent = class {
       case 'chart':
         return this.entry.chartDefinition && this.renderChart();
       case 'attachment':
-        return overlays.hasAttachment(this.entry) && this.renderAttachment(item.params);
+        return index$1.hasAttachment(this.entry) && this.renderAttachment(item.params);
       case 'bottom-actions':
         return this.entry.bottomActions && this.renderActions(this.entry.bottomActions);
       case 'middle-actions':
@@ -760,7 +759,7 @@ const YooCardFeedComponent = class {
       case 'shared-event':
         return this.entry.eventConfigs && this.renderSharedEvent(this.entry.eventConfigs);
       case 'shared-campaign': {
-        const isAnnouncement = overlays.isCampaignTodo((_f = this.entry.campaignConfigs) === null || _f === void 0 ? void 0 : _f.missionDescription) || overlays.isCampaignFeed((_g = this.entry.campaignConfigs) === null || _g === void 0 ? void 0 : _g.missionDescription);
+        const isAnnouncement = index$1.isCampaignTodo((_f = this.entry.campaignConfigs) === null || _f === void 0 ? void 0 : _f.missionDescription) || index$1.isCampaignFeed((_g = this.entry.campaignConfigs) === null || _g === void 0 ? void 0 : _g.missionDescription);
         return this.entry.campaignConfigs && (isAnnouncement ? this.renderCardAnnouncement() : this.renderCardCampaign());
       }
       case 'shared-incentive':
@@ -777,11 +776,11 @@ const YooCardFeedComponent = class {
   }
   renderCardCampaign() {
     return (index.h("div", { class: "card-container" }, index.h(CardCampaign, { configs: this.entry.campaignConfigs }), (!this.entry.campaignConfigs.isEmpty && this.entry.campaignConfigs.availableCount > 1 && !this.entry.campaignConfigs.isService) ?
-      index.h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, this.entry.campaignConfigs.viewAllHandler) }, overlays.translate('VIEWALL'))
+      index.h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, this.entry.campaignConfigs.viewAllHandler) }, index$1.translate('VIEWALL'))
       : null, (!this.entry.campaignConfigs.isEmpty && this.entry.campaignConfigs.availableMission && this.entry.campaignConfigs.missionDetailHandler) ?
-      index.h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, this.entry.campaignConfigs.missionDetailHandler) }, overlays.translate('VIEW'))
+      index.h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, this.entry.campaignConfigs.missionDetailHandler) }, index$1.translate('VIEW'))
       : null, (!this.entry.campaignConfigs.isEmpty && this.entry.campaignConfigs.isService && this.entry.campaignConfigs.createHandler) ?
-      index.h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, this.entry.campaignConfigs.createHandler) }, overlays.translate('CREATEREQUEST'))
+      index.h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, this.entry.campaignConfigs.createHandler) }, index$1.translate('CREATEREQUEST'))
       : null));
   }
   renderThumbnailView() {
@@ -815,19 +814,19 @@ const YooCardFeedComponent = class {
   renderMainView() {
     var _a, _b;
     const mediaSrc = ((_a = this.entry.mediaSrc) === null || _a === void 0 ? void 0 : _a[this.currentSlideIndex]) || ((_b = this.entry.mediaSrc) === null || _b === void 0 ? void 0 : _b[0]);
-    const isTypeVideo = overlays.isVideo(mediaSrc);
+    const isTypeVideo = index$1.isVideo(mediaSrc);
     return (index.h("div", { class: "main-view-container" }, isTypeVideo ? this.renderVideo(mediaSrc) : this.renderMainViewImage(mediaSrc)));
   }
   renderDetailView() {
     var _a;
     return [
-      index.h("div", { class: "left-container" }, index.h("yoo-icon", { name: "close", class: "close", color: "stable", onClick: () => overlays.closeModal(null) }), this.renderMainView(), ((_a = this.entry.mediaSrc) === null || _a === void 0 ? void 0 : _a.length) > 1 && this.renderThumbnailView()),
+      index.h("div", { class: "left-container" }, index.h("yoo-icon", { name: "close", class: "close", color: "stable", onClick: () => index$1.closeModal(null) }), this.renderMainView(), ((_a = this.entry.mediaSrc) === null || _a === void 0 ? void 0 : _a.length) > 1 && this.renderThumbnailView()),
       index.h("div", { class: "right-container" }, this.renderDetailViewHeader(), index.h("yoo-ion-content", null, this.renderContent()), index.h("slot", { name: "bottom" }))
     ];
   }
   renderSharedFeed() {
     const entry = this.entry.sharedFeed;
-    entry.heading = overlays.getUserDisplayName(entry.user);
+    entry.heading = index$1.getUserDisplayName(entry.user);
     return (index.h("div", { class: "shared-container" }, index.h("yoo-card-feed", { class: "shared-feed", previewMode: this.previewMode, detailView: this.detailView, modalMode: this.modalMode, entry: entry, onEmbeddedEntityClicked: (ev) => this.onEmbeddedEntityClicked(ev.detail.entity, ev.detail.entityType, ev), onSharedUserClicked: (ev) => {
         ev.stopPropagation();
         this.sharedUserClicked.emit(true);

package/dist/cjs/yoo-card-file.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');
@@ -30,14 +30,14 @@ const YooCardFileComponent = class {
   get fileSize() {
     var _a, _b, _c, _d;
     const file = typeof ((_b = (_a = this.localFile) === null || _a === void 0 ? void 0 : _a['name' || '']) === null || _b === void 0 ? void 0 : _b[0]) !== 'string' ? (_d = (_c = this.localFile) === null || _c === void 0 ? void 0 : _c['name']) === null || _d === void 0 ? void 0 : _d[0] : this.localFile;
-    return overlays.pipes.fileSize.transform((file === null || file === void 0 ? void 0 : file.size) || this.localFile.size);
+    return index$1.pipes.fileSize.transform((file === null || file === void 0 ? void 0 : file.size) || this.localFile.size);
   }
   get isType() {
     var _a, _b, _c;
     return {
-      image: this.type === 'photo' || ((_a = this.fileType) === null || _a === void 0 ? void 0 : _a.includes('image')) || overlays.isImageUrl(this.fileSrc) || overlays.isImage(this.fileSrc),
-      video: this.type === 'video' || ((_b = this.fileType) === null || _b === void 0 ? void 0 : _b.includes('video')) || overlays.isVideo(this.fileSrc),
-      audio: this.type === 'audio' || ((_c = this.fileType) === null || _c === void 0 ? void 0 : _c.includes('audio')) || overlays.isAudio(this.fileSrc)
+      image: this.type === 'photo' || ((_a = this.fileType) === null || _a === void 0 ? void 0 : _a.includes('image')) || index$1.isImageUrl(this.fileSrc) || index$1.isImage(this.fileSrc),
+      video: this.type === 'video' || ((_b = this.fileType) === null || _b === void 0 ? void 0 : _b.includes('video')) || index$1.isVideo(this.fileSrc),
+      audio: this.type === 'audio' || ((_c = this.fileType) === null || _c === void 0 ? void 0 : _c.includes('audio')) || index$1.isAudio(this.fileSrc)
     };
   }
   get hasIcon() {
@@ -64,9 +64,9 @@ const YooCardFileComponent = class {
     else {
       this.localFile = this.file;
     }
-    this.fileType = this.type || overlays.getType(this.localFile);
-    this.iconName = overlays.getIconName(this.localFile);
-    this.iconColor = overlays.getIconColor(this.localFile);
+    this.fileType = this.type || index$1.getType(this.localFile);
+    this.iconName = index$1.getIconName(this.localFile);
+    this.iconColor = index$1.getIconColor(this.localFile);
     await new Promise((resolve) => {
       setTimeout(() => {
         this.isLoading = false;
@@ -84,7 +84,7 @@ const YooCardFileComponent = class {
     return index.h("section", null, this.fileName && index.h("span", { id: "name", innerHTML: this.fileName }), this.fileSize && index.h("span", { id: "size", innerHTML: this.fileSize }));
   }
   renderThumbnail() {
-    return index.h("section", null, this.hasIcon && !this.isType.image && !this.isType.video && index.h("yoo-icon", { size: "large", name: this.iconName, color: this.iconColor }), (this.isType.image || this.isType.video) && index.h("yoo-img", { src: this.isType.video ? overlays.toPng(this.fileSrc) : this.fileSrc }));
+    return index.h("section", null, this.hasIcon && !this.isType.image && !this.isType.video && index.h("yoo-icon", { size: "large", name: this.iconName, color: this.iconColor }), (this.isType.image || this.isType.video) && index.h("yoo-img", { src: this.isType.video ? index$1.toPng(this.fileSrc) : this.fileSrc }));
   }
   renderDocumentCard() {
     return [this.renderClose(),

package/dist/cjs/yoo-card-image.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');
@@ -24,7 +24,7 @@ const YooCardImageComponent = class {
     const hasHeading = !!this.heading;
     const hasSubheading = !!this.subheading && !this.headingPosition;
     const hasDescription = hasHeading || hasSubheading;
-    return (index.h(index.Host, null, !!src && index.h("yoo-img", { instant: instant, src: src }), hasDescription && (index.h("div", { class: "description" }, hasHeading && index.h("h1", null, overlays.translateMulti(this.heading)), hasSubheading && index.h("p", null, overlays.translateMulti(this.subheading)))), !!this.icon && index.h("yoo-icon", { size: this.iconSize, color: "light", name: this.icon }), this.count > 0 && index.h("yoo-badge", { size: "small", text: `${this.count}` }), !!this.avatar && this.avatar));
+    return (index.h(index.Host, null, !!src && index.h("yoo-img", { instant: instant, src: src }), hasDescription && (index.h("div", { class: "description" }, hasHeading && index.h("h1", null, index$1.translateMulti(this.heading)), hasSubheading && index.h("p", null, index$1.translateMulti(this.subheading)))), !!this.icon && index.h("yoo-icon", { size: this.iconSize, color: "light", name: this.icon }), this.count > 0 && index.h("yoo-badge", { size: "small", text: `${this.count}` }), !!this.avatar && this.avatar));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-card-inbox.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');
 
@@ -34,7 +34,7 @@ const YooCardInboxComponent = class {
   renderTitle() {
     var _a;
     const renderTags = !!((_a = this.entry.tags) === null || _a === void 0 ? void 0 : _a.length);
-    const renderProgress = overlays.isPresent(this.entry.progress);
+    const renderProgress = index$1.isPresent(this.entry.progress);
     return (index.h("yoo-truncate", { class: { 'with-margin-bottom': renderTags || !renderProgress }, style: { cssText: '--max-lines: 2' } }, index.h("span", { innerHTML: this.entry.title })));
   }
   renderFlags() {
@@ -42,18 +42,18 @@ const YooCardInboxComponent = class {
     return (index.h("div", { class: "icons" }, (_a = this.entry.icons) === null || _a === void 0 ? void 0 : _a.map((flag) => (index.h("yoo-icon", { name: flag.icon, size: flag.size || 'small', color: flag.color || 'app-color' })))));
   }
   renderDatePrecision() {
-    const _isToday = overlays.isToday(this.entry.date);
+    const _isToday = index$1.isToday(this.entry.date);
     if (!_isToday) {
-      const time = overlays.pipes.dateFormat.transform(this.entry.date, 'LT');
-      return index.h("div", null, overlays.translate('SCHEDULEDATTIME', { time }));
+      const time = index$1.pipes.dateFormat.transform(this.entry.date, 'LT');
+      return index.h("div", null, index$1.translate('SCHEDULEDATTIME', { time }));
     }
     return null;
   }
   renderProgress() {
-    const renderProgress = overlays.isPresent(this.entry.progress);
+    const renderProgress = index$1.isPresent(this.entry.progress);
     if (renderProgress) {
       const { value, unit, max } = this.entry.progress;
-      return renderProgress && index.h("div", { class: "sub-item-detail" }, index.h("yoo-progress-bar", { shape: "circle", hideProgressValue: true, value: value, metric: unit, maxValue: max }), index.h("yoo-truncate", { style: { cssText: '--max-lines: 1' } }, index.h("span", null, overlays.translate('ACTIONSCOMPLETED', { smart_count: value, total: max }))));
+      return renderProgress && index.h("div", { class: "sub-item-detail" }, index.h("yoo-progress-bar", { shape: "circle", hideProgressValue: true, value: value, metric: unit, maxValue: max }), index.h("yoo-truncate", { style: { cssText: '--max-lines: 1' } }, index.h("span", null, index$1.translate('ACTIONSCOMPLETED', { smart_count: value, total: max }))));
     }
     return null;
   }
@@ -75,7 +75,7 @@ const YooCardInboxComponent = class {
     var _a, _b, _c, _d, _e, _f, _g;
     if (((_b = (_a = this.entry.uiFields) === null || _a === void 0 ? void 0 : _a.fields) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
       !lodash.isEmpty((_c = this.entry.uiFields) === null || _c === void 0 ? void 0 : _c.data) &&
-      this.entry.uiFields.fields.some((f) => overlays.isFieldWithNoValue(f) || !overlays.isNullOrUndefined(this.entry.uiFields.data[f.name])) &&
+      this.entry.uiFields.fields.some((f) => index$1.isFieldWithNoValue(f) || !index$1.isNullOrUndefined(this.entry.uiFields.data[f.name])) &&
       !((_e = (_d = this.host) === null || _d === void 0 ? void 0 : _d.classList) === null || _e === void 0 ? void 0 : _e.contains('map')) &&
       !((_g = (_f = this.host) === null || _f === void 0 ? void 0 : _f.classList) === null || _g === void 0 ? void 0 : _g.contains('grid-cell'))) {
       return (index.h("div", { class: "uifield-container" }, index.h("yoo-form-dynamic", { class: "inline in-card secondary", scrollable: false, forceReadonly: true, slides: [{ title: '', items: this.entry.uiFields.fields }], data: this.entry.uiFields.data, suffix: this.entry.uiFieldsSuffix, showTabs: false, formInputSize: "medium", showRecap: false, onDataChanged: (ev) => ev.stopPropagation() })));
@@ -84,8 +84,8 @@ const YooCardInboxComponent = class {
   render() {
     var _a, _b, _c, _d, _e;
     const renderSup = !!((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.icons) === null || _b === void 0 ? void 0 : _b.length) || !!((_c = this.entry) === null || _c === void 0 ? void 0 : _c.date);
-    const iconColor = ((_d = this.entry) === null || _d === void 0 ? void 0 : _d.iconColor) ? overlays.getCssColor(this.entry.iconColor) : null;
-    return (index.h(index.Host, { class: { rtl: overlays.isRTL() } }, !!this.entry && (index.h("div", { class: "outer-container" }, index.h("div", { class: "header" }, index.h("yoo-icon", { class: { 'unread-state': true, read: !this.entry.unread }, name: "circle1", size: "extra-small", color: "app-color" }), this.renderAvatar(), this.renderTitle(), renderSup && (index.h("div", { class: "sup" }, index.h("div", null, !!((_e = this.entry.icons) === null || _e === void 0 ? void 0 : _e.length) && this.renderFlags(), !!this.entry.date && overlays.fromToday(this.entry.date)), !this.entry.hideDatePrecision && !!this.entry.date && this.renderDatePrecision()))), index.h("div", { class: "content" }, this.renderTags(), this.renderProgress(), this.renderIdentities(), this.renderNote(), this.renderUIFields()), this.highlight && index.h("div", { class: "highlight", style: { 'background-color': iconColor || overlays.getCssColor('stable') } })))));
+    const iconColor = ((_d = this.entry) === null || _d === void 0 ? void 0 : _d.iconColor) ? index$1.getCssColor(this.entry.iconColor) : null;
+    return (index.h(index.Host, { class: { rtl: index$1.isRTL() } }, !!this.entry && (index.h("div", { class: "outer-container" }, index.h("div", { class: "header" }, index.h("yoo-icon", { class: { 'unread-state': true, read: !this.entry.unread }, name: "circle1", size: "extra-small", color: "app-color" }), this.renderAvatar(), this.renderTitle(), renderSup && (index.h("div", { class: "sup" }, index.h("div", null, !!((_e = this.entry.icons) === null || _e === void 0 ? void 0 : _e.length) && this.renderFlags(), !!this.entry.date && index$1.fromToday(this.entry.date)), !this.entry.hideDatePrecision && !!this.entry.date && this.renderDatePrecision()))), index.h("div", { class: "content" }, this.renderTags(), this.renderProgress(), this.renderIdentities(), this.renderNote(), this.renderUIFields()), this.highlight && index.h("div", { class: "highlight", style: { 'background-color': iconColor || index$1.getCssColor('stable') } })))));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-card-incentive-rank.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');
@@ -17,16 +17,16 @@ const YooCardIncentiveComponentRank = class {
     this.groups = [];
   }
   componentWillLoad() {
-    const session = overlays.getSession();
+    const session = index$1.getSession();
     this.userId = session.userId;
     this.groups = session.groups;
   }
   renderGroup(group) {
     var _a, _b, _c;
-    return (index.h("div", { class: { row: true, web: overlays.isWeb(this.host), active: group && ((_a = this.groups) === null || _a === void 0 ? void 0 : _a.includes(group._id)) } }, index.h("div", { class: "place" }, this.entry.position), index.h("div", { class: this.entry.isWinner ? 'avatar winner' : 'avatar' }, this.entry.isWinner && index.h("yoo-icon", { size: "small", name: "star", color: "energized" }), ((_b = group === null || group === void 0 ? void 0 : group.icon) === null || _b === void 0 ? void 0 : _b._downloadURL) && index.h("yoo-avatar", { instant: this.entry.isGridCell, imgSrc: group.icon._downloadURL, size: "medium" }), !((_c = group === null || group === void 0 ? void 0 : group.icon) === null || _c === void 0 ? void 0 : _c._downloadURL) && index.h("yoo-avatar", { size: "medium" })), index.h("div", { class: "name" }, group === null || group === void 0 ? void 0 : group.title), index.h("div", { class: "result" }, this.entry.textResult)));
+    return (index.h("div", { class: { row: true, web: index$1.isWeb(this.host), active: group && ((_a = this.groups) === null || _a === void 0 ? void 0 : _a.includes(group._id)) } }, index.h("div", { class: "place" }, this.entry.position), index.h("div", { class: this.entry.isWinner ? 'avatar winner' : 'avatar' }, this.entry.isWinner && index.h("yoo-icon", { size: "small", name: "star", color: "energized" }), ((_b = group === null || group === void 0 ? void 0 : group.icon) === null || _b === void 0 ? void 0 : _b._downloadURL) && index.h("yoo-avatar", { instant: this.entry.isGridCell, imgSrc: group.icon._downloadURL, size: "medium" }), !((_c = group === null || group === void 0 ? void 0 : group.icon) === null || _c === void 0 ? void 0 : _c._downloadURL) && index.h("yoo-avatar", { size: "medium" })), index.h("div", { class: "name" }, group === null || group === void 0 ? void 0 : group.title), index.h("div", { class: "result" }, this.entry.textResult)));
   }
   renderUser(user) {
-    return (index.h("div", { class: { row: true, web: overlays.isWeb(this.host), active: user && this.userId === user._id } }, !overlays.isWeb(this.host) && index.h("div", { class: "pointer" }), index.h("div", { class: "place" }, this.entry.position), index.h("div", { class: this.entry.isWinner ? 'avatar winner' : 'avatar' }, this.entry.isWinner && index.h("yoo-icon", { size: "small", name: "star", color: "energized" }), user && index.h("yoo-avatar", { instant: this.entry.isGridCell, user: user, size: "medium" }), !user && index.h("yoo-avatar", { size: "medium" })), index.h("div", { class: "name" }, overlays.getUserDisplayName(user)), index.h("div", { class: "result" }, this.entry.textResult)));
+    return (index.h("div", { class: { row: true, web: index$1.isWeb(this.host), active: user && this.userId === user._id } }, !index$1.isWeb(this.host) && index.h("div", { class: "pointer" }), index.h("div", { class: "place" }, this.entry.position), index.h("div", { class: this.entry.isWinner ? 'avatar winner' : 'avatar' }, this.entry.isWinner && index.h("yoo-icon", { size: "small", name: "star", color: "energized" }), user && index.h("yoo-avatar", { instant: this.entry.isGridCell, user: user, size: "medium" }), !user && index.h("yoo-avatar", { size: "medium" })), index.h("div", { class: "name" }, index$1.getUserDisplayName(user)), index.h("div", { class: "result" }, this.entry.textResult)));
   }
   render() {
     const group = this.entry.participant;