@yoobic/yobi 8.5.0-60 → 8.5.0-61

package/dist/cjs/yoo-card-progress.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');
 
@@ -18,10 +18,10 @@ const YooCardProgressComponent = class {
     this.mode = 'large';
   }
   get isAnimated() {
-    return this.animated && !overlays.isAnimationsDisabled();
+    return this.animated && !index$1.isAnimationsDisabled();
   }
   renderHelpButton() {
-    return this.entry.helpDescriptionTK && (index.h("yoo-tooltip", { content: overlays.translate(this.entry.helpDescriptionTK), placement: "right" }, index.h("yoo-icon", { name: "help", color: "text-color" })));
+    return this.entry.helpDescriptionTK && (index.h("yoo-tooltip", { content: index$1.translate(this.entry.helpDescriptionTK), placement: "right" }, index.h("yoo-icon", { name: "help", color: "text-color" })));
   }
   renderChange(change) {
     return !!change && index.h("yoo-display-increment", { changeValue: change });
@@ -29,7 +29,7 @@ const YooCardProgressComponent = class {
   renderLabel() {
     const { labelConfig, animatedValue, change } = this.entry;
     const animateValue = this.isAnimated && ((lodash.isFinite(animatedValue) && animatedValue !== 0) || (lodash.isString(animatedValue) && !animatedValue));
-    return labelConfig && index.h("section", { class: "label" }, index.h("div", null, index.h("span", { ref: (el) => (this.valueElement = el) }, animateValue ? '' : animatedValue), overlays.translate(labelConfig.value)), this.renderChange(change));
+    return labelConfig && index.h("section", { class: "label" }, index.h("div", null, index.h("span", { ref: (el) => (this.valueElement = el) }, animateValue ? '' : animatedValue), index$1.translate(labelConfig.value)), this.renderChange(change));
   }
   renderProgress() {
     const { progressBarParams, animatedValue } = this.entry;

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

@@ -3,10 +3,10 @@
 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 overlays = require('./overlays-e5d2ff76.js');
+const localForage = require('./localForage-446da40f.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-a1bbe627.js');
 
@@ -25,7 +25,7 @@ const YooCardRecommendationComponent = class {
   async prepareData() {
     this.actualPlan = this.entry['plan'] || this.entry;
     const backgroundImage = lodash.get(this.actualPlan, 'background._downloadURL', lodash.get(this.actualPlan, 'background'));
-    this.backgroundImage = overlays.isOffline() ? await localForage.getFromOfflineStorage(backgroundImage) : backgroundImage;
+    this.backgroundImage = index$1.isOffline() ? await localForage.getFromOfflineStorage(backgroundImage) : backgroundImage;
   }
   getEntry(attr1) {
     var _a;
@@ -37,14 +37,14 @@ const YooCardRecommendationComponent = class {
   renderLessonRecommendation() {
     var _a;
     const lesson = this.entry;
-    return (index.h("div", { class: "outer-container" }, index.h("div", { class: "image-container" }, this.backgroundImage && this.renderCardImage(), index.h("yoo-tag", { class: "img-tag", color: "app-color", size: "small" }, index.h("yoo-icon", { slot: "start", size: "small", name: "lesson", color: "light" }), overlays.translate('LESSON')), ((_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.title) && index.h("yoo-truncated-line", { class: "course-title", content: overlays.translateMulti(this.actualPlan.title), tooltipPlacement: "top" })), index.h("div", { class: "content-container" }, index.h("div", { class: "title-container" }, (lesson === null || lesson === void 0 ? void 0 : lesson.lessonType) && index.h("yoo-icon", { size: "small", name: overlays.getLessonTypeIcon(lesson.lessonType), color: "app-color" }), (lesson === null || lesson === void 0 ? void 0 : lesson.title) && index.h("yoo-truncated-line", { class: "lesson-title", content: overlays.translateMulti(lesson.title), tooltipPlacement: "top" })), (lesson === null || lesson === void 0 ? void 0 : lesson.points) &&
+    return (index.h("div", { class: "outer-container" }, index.h("div", { class: "image-container" }, this.backgroundImage && this.renderCardImage(), index.h("yoo-tag", { class: "img-tag", color: "app-color", size: "small" }, index.h("yoo-icon", { slot: "start", size: "small", name: "lesson", color: "light" }), index$1.translate('LESSON')), ((_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.title) && index.h("yoo-truncated-line", { class: "course-title", content: index$1.translateMulti(this.actualPlan.title), tooltipPlacement: "top" })), index.h("div", { class: "content-container" }, index.h("div", { class: "title-container" }, (lesson === null || lesson === void 0 ? void 0 : lesson.lessonType) && index.h("yoo-icon", { size: "small", name: index$1.getLessonTypeIcon(lesson.lessonType), color: "app-color" }), (lesson === null || lesson === void 0 ? void 0 : lesson.title) && index.h("yoo-truncated-line", { class: "lesson-title", content: index$1.translateMulti(lesson.title), tooltipPlacement: "top" })), (lesson === null || lesson === void 0 ? void 0 : lesson.points) &&
       index.h("yoo-tag", { class: "points", noBackground: true, color: "dark", size: "medium" }, index.h("yoo-icon", { slot: "start", size: "small", name: "star", color: "app-color" }), index.h("span", null, lesson.points)))));
   }
   renderCourseRecommendation() {
     var _a, _b;
     const lessonsCount = lodash.get(this.actualPlan, 'missiondescriptionsRef', []).length;
-    const lessonLabel = overlays.translate((lessonsCount || 0) > 1 ? 'LESSONS' : 'LESSON');
-    return (index.h("div", { class: "outer-container" }, index.h("div", { class: "image-container" }, this.backgroundImage && this.renderCardImage(), index.h("yoo-tag", { class: "img-tag", color: "app-color", size: "small" }, index.h("yoo-icon", { slot: "start", size: "small", name: "courses", color: "light" }), overlays.translate('COURSE')), index.h("yoo-tag", { class: "points-tag", color: "light", noBackground: true, size: "small" }, index.h("yoo-icon", { slot: "start", size: "small", name: "star", color: "light" }), ((_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.availablePoints) || 0), index.h("yoo-tag", { class: "lessons-tag", color: "light", noBackground: true, size: "small" }, index.h("yoo-icon", { slot: "start", size: "small", name: "lesson", color: "light" }), `${lessonsCount || 0} ${lessonLabel}`), ((_b = this.actualPlan) === null || _b === void 0 ? void 0 : _b.title) && index.h("yoo-truncated-line", { class: "course-title", content: overlays.translateMulti(this.actualPlan.title), tooltipPlacement: "top" }))));
+    const lessonLabel = index$1.translate((lessonsCount || 0) > 1 ? 'LESSONS' : 'LESSON');
+    return (index.h("div", { class: "outer-container" }, index.h("div", { class: "image-container" }, this.backgroundImage && this.renderCardImage(), index.h("yoo-tag", { class: "img-tag", color: "app-color", size: "small" }, index.h("yoo-icon", { slot: "start", size: "small", name: "courses", color: "light" }), index$1.translate('COURSE')), index.h("yoo-tag", { class: "points-tag", color: "light", noBackground: true, size: "small" }, index.h("yoo-icon", { slot: "start", size: "small", name: "star", color: "light" }), ((_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.availablePoints) || 0), index.h("yoo-tag", { class: "lessons-tag", color: "light", noBackground: true, size: "small" }, index.h("yoo-icon", { slot: "start", size: "small", name: "lesson", color: "light" }), `${lessonsCount || 0} ${lessonLabel}`), ((_b = this.actualPlan) === null || _b === void 0 ? void 0 : _b.title) && index.h("yoo-truncated-line", { class: "course-title", content: index$1.translateMulti(this.actualPlan.title), tooltipPlacement: "top" }))));
   }
   render() {
     return this.entry ? (this.type === 'lesson' ? this.renderLessonRecommendation() : this.renderCourseRecommendation()) : null;

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -22,7 +22,7 @@ const YooCardStickyComponent = class {
   }
   get title() {
     var _a;
-    return overlays.translateMulti((_a = this.entry) === null || _a === void 0 ? void 0 : _a.title) || '';
+    return index$1.translateMulti((_a = this.entry) === null || _a === void 0 ? void 0 : _a.title) || '';
   }
   onOuterContainerClick(ev) {
     if (ev) {
@@ -34,7 +34,7 @@ const YooCardStickyComponent = class {
   onMoreClicked(ev) {
     ev.stopPropagation();
     if (this.entry.secondaryActionSheet && this.entry.secondaryActionSheet.length > 0) {
-      overlays.showActionSheet(this.entry.secondaryActionSheet);
+      index$1.showActionSheet(this.entry.secondaryActionSheet);
     }
   }
   onUserClicked(ev) {
@@ -47,8 +47,8 @@ const YooCardStickyComponent = class {
     const isPhoto = this.type === 'photos';
     const standardWidth = isCourse ? 190 : isPlan ? 239 : isPhoto ? 320 : 310;
     const standardHeight = isCourse ? 130 : isPlan ? 180 : isPhoto ? 240 : 230;
-    this.imageWidth = overlays.isWeb(this.host) || isCourse || isPhoto ? standardWidth : window.innerWidth * 0.8;
-    this.imageHeight = overlays.isWeb(this.host) || isCourse || isPhoto ? standardHeight : this.imageWidth * 0.75;
+    this.imageWidth = index$1.isWeb(this.host) || isCourse || isPhoto ? standardWidth : window.innerWidth * 0.8;
+    this.imageHeight = index$1.isWeb(this.host) || isCourse || isPhoto ? standardHeight : this.imageWidth * 0.75;
     return { width: `${this.imageWidth}px`, height: `${this.imageHeight}px` };
   }
   renderIcons() {
@@ -70,20 +70,20 @@ const YooCardStickyComponent = class {
     const hasActions = ((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.secondaryActionSheet) === null || _b === void 0 ? void 0 : _b.length) > 0;
     const hasMediaBadges = ((_d = (_c = this.entry) === null || _c === void 0 ? void 0 : _c.mediaBadges) === null || _d === void 0 ? void 0 : _d.length) > 0;
     const isFullWidth = this.host.classList.contains('full-width');
-    const showMainViewBadge = hasMediaBadges && (isFullWidth || !overlays.isWeb(this.host));
-    const showHeaderViewBadge = hasMediaBadges && !(isFullWidth || !overlays.isWeb(this.host));
-    return (index.h("div", { class: `outer-container  ${this.type} ${overlays.isGif((_e = this.entry) === null || _e === void 0 ? void 0 : _e.imgSrc) ? 'gif' : ''}`, onClick: (ev) => {
+    const showMainViewBadge = hasMediaBadges && (isFullWidth || !index$1.isWeb(this.host));
+    const showHeaderViewBadge = hasMediaBadges && !(isFullWidth || !index$1.isWeb(this.host));
+    return (index.h("div", { class: `outer-container  ${this.type} ${index$1.isGif((_e = this.entry) === null || _e === void 0 ? void 0 : _e.imgSrc) ? 'gif' : ''}`, onClick: (ev) => {
         this.onOuterContainerClick(ev);
-      } }, showMainViewBadge && this.renderMediaBadges(this.entry.mediaBadges), index.h("yoo-img", { instant: true, type: "background", class: { 'image-container': true, 'no-radius': overlays.isWeb(this.host) }, src: this.entry.imgSrc }), index.h("div", { class: "bottom-container" }, index.h("yoo-truncate", { class: "text-wrapper", innerHTML: overlays.removeTextStyle((_f = this.entry) === null || _f === void 0 ? void 0 : _f.title) }), this.entry.subheadings && this.entry.subheadings[0] && (index.h("div", { class: "subheading" }, this.entry.user && (index.h("yoo-avatar", { onClick: (ev) => {
+      } }, showMainViewBadge && this.renderMediaBadges(this.entry.mediaBadges), index.h("yoo-img", { instant: true, type: "background", class: { 'image-container': true, 'no-radius': index$1.isWeb(this.host) }, src: this.entry.imgSrc }), index.h("div", { class: "bottom-container" }, index.h("yoo-truncate", { class: "text-wrapper", innerHTML: index$1.removeTextStyle((_f = this.entry) === null || _f === void 0 ? void 0 : _f.title) }), this.entry.subheadings && this.entry.subheadings[0] && (index.h("div", { class: "subheading" }, this.entry.user && (index.h("yoo-avatar", { onClick: (ev) => {
         this.onUserClicked(ev);
-      }, iconSize: (_g = this.entry) === null || _g === void 0 ? void 0 : _g.avatarIconSize, size: overlays.isWeb(this.host) ? 'extra-small' : 'small', user: this.entry.user })), this.entry.postedBy && index.h("span", null, `${this.entry.postedBy} • ${this.entry.subheadings[0]}`, " "), showHeaderViewBadge && this.renderMediaBadges(this.entry.mediaBadges, 'extra-small', true), hasActions && !overlays.isWeb(this.host) && (index.h("yoo-icon", { name: "more", color: "stable", size: ((_h = this.entry) === null || _h === void 0 ? void 0 : _h.actionIconSize) || 'small', onClick: (ev) => this.onMoreClicked(ev) })), hasActions && overlays.isWeb(this.host) && (index.h("yoo-context-menu", { contentButtons: this.entry.secondaryActionSheet, onClick: (ev) => ev.stopPropagation() }, index.h("yoo-icon", { color: "stable", name: "more", size: ((_j = this.entry) === null || _j === void 0 ? void 0 : _j.actionIconSize) || 'small' }))))))));
+      }, iconSize: (_g = this.entry) === null || _g === void 0 ? void 0 : _g.avatarIconSize, size: index$1.isWeb(this.host) ? 'extra-small' : 'small', user: this.entry.user })), this.entry.postedBy && index.h("span", null, `${this.entry.postedBy} • ${this.entry.subheadings[0]}`, " "), showHeaderViewBadge && this.renderMediaBadges(this.entry.mediaBadges, 'extra-small', true), hasActions && !index$1.isWeb(this.host) && (index.h("yoo-icon", { name: "more", color: "stable", size: ((_h = this.entry) === null || _h === void 0 ? void 0 : _h.actionIconSize) || 'small', onClick: (ev) => this.onMoreClicked(ev) })), hasActions && index$1.isWeb(this.host) && (index.h("yoo-context-menu", { contentButtons: this.entry.secondaryActionSheet, onClick: (ev) => ev.stopPropagation() }, index.h("yoo-icon", { color: "stable", name: "more", size: ((_j = this.entry) === null || _j === void 0 ? void 0 : _j.actionIconSize) || 'small' }))))))));
   }
   renderCoursesCard() {
     var _a, _b;
     const hasMediaBadges = ((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.mediaBadges) === null || _b === void 0 ? void 0 : _b.length) > 0;
     const isFullWidth = this.host.classList.contains('full-width');
     const showHeaderViewBadge = hasMediaBadges && !isFullWidth;
-    return (index.h("div", { class: { 'outer-container': true, [this.type]: true, ticked: this.entry.isTicked }, style: this.getCardSize() }, index.h("yoo-img", { instant: true, type: "background", class: "image-container", disabled: this.entry.isLocked, src: this.entry.imgSrc }, this.renderIcons()), index.h("div", { class: "bottom-container" }, index.h("div", { class: "tags-container" }, showHeaderViewBadge && this.renderMediaBadges(this.entry.mediaBadges, 'small')), index.h("div", { class: "text-wrapper" }, overlays.removeTextStyle(this.title)), this.entry.subheadings && this.entry.subheadings[0] && index.h("div", { class: "subheading" }, this.entry.subheadings[0]), index.h("div", { class: "subheading" }, this.entry.postedBy && index.h("span", null, `${this.entry.postedBy} • ${this.entry.subheadings[0]}`, " ")))));
+    return (index.h("div", { class: { 'outer-container': true, [this.type]: true, ticked: this.entry.isTicked }, style: this.getCardSize() }, index.h("yoo-img", { instant: true, type: "background", class: "image-container", disabled: this.entry.isLocked, src: this.entry.imgSrc }, this.renderIcons()), index.h("div", { class: "bottom-container" }, index.h("div", { class: "tags-container" }, showHeaderViewBadge && this.renderMediaBadges(this.entry.mediaBadges, 'small')), index.h("div", { class: "text-wrapper" }, index$1.removeTextStyle(this.title)), this.entry.subheadings && this.entry.subheadings[0] && index.h("div", { class: "subheading" }, this.entry.subheadings[0]), index.h("div", { class: "subheading" }, this.entry.postedBy && index.h("span", null, `${this.entry.postedBy} • ${this.entry.subheadings[0]}`, " ")))));
   }
   renderPhotosCard() {
     return (index.h("div", { class: { 'outer-container': true, [this.type]: true }, style: this.getCardSize() }, index.h("yoo-img", { instant: true, type: "background", class: "image-container", src: this.entry.imgSrc })));

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
 const index$1 = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const cardVideo_interface = require('./card-video.interface-70a68a05.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$2 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -113,7 +113,7 @@ const YooCardVideoComponent = class {
     if (track === null || track === void 0 ? void 0 : track.getSettings) {
       const settings = track.getSettings();
       if ((settings === null || settings === void 0 ? void 0 : settings.height) && (settings === null || settings === void 0 ? void 0 : settings.width)) {
-        ratio = overlays.getClosestImageRatio(settings.width, settings.height, [1.3, 0.75]);
+        ratio = index$2.getClosestImageRatio(settings.width, settings.height, [1.3, 0.75]);
       }
     }
     return ratio;
@@ -174,7 +174,7 @@ const YooCardVideoComponent = class {
   }
   renderRedial() {
     return [
-      index.h("div", { class: "redial-container" }, index.h("div", { class: "button-container" }, index.h("yoo-button", null, overlays.translate('REDIAL'))))
+      index.h("div", { class: "redial-container" }, index.h("div", { class: "button-container" }, index.h("yoo-button", null, index$2.translate('REDIAL'))))
     ];
   }
   renderBody() {
@@ -182,7 +182,7 @@ const YooCardVideoComponent = class {
     const bodyClass = {
       'remote-media': true,
       'screen-sharing': this.isStreamScreenSharing(),
-      'others': ((_b = (_a = this.participant) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b._id) !== ((_c = overlays.getSession()) === null || _c === void 0 ? void 0 : _c.userId)
+      'others': ((_b = (_a = this.participant) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b._id) !== ((_c = index$2.getSession()) === null || _c === void 0 ? void 0 : _c.userId)
     };
     return (index.h("div", { ref: (el) => (this.trackDiv = el), class: bodyClass }, this.showRedialButton && this.renderRedial()));
   }

package/dist/cjs/yoo-chart.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-9aadeb94.js');
+const index$2 = require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
 const highcharts = require('./highcharts-874d9bd2.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 
 function fixChartCategories(options) {
@@ -1426,7 +1426,7 @@ const YooChartComponent = class {
   async getSVG(width, height, x, y, margin = 0) {
     if (this.chart) {
       let svg = this.chart.getSVG({
-        chart: { width: width - margin, height: height - margin, borderWidth: 1, borderColor: '#ccc', marginTop: 50, backgroundColor: overlays.getCssColor('light') },
+        chart: { width: width - margin, height: height - margin, borderWidth: 1, borderColor: '#ccc', marginTop: 50, backgroundColor: index$1.getCssColor('light') },
         title: {
           text: this.definition.title,
           style: { color: '#000', fontSize: '13px' },
@@ -1465,7 +1465,7 @@ const YooChartComponent = class {
       const blob = new Blob([csv], {
         type
       });
-      overlays.FileSaver_min.saveAs(blob, filename + '.csv');
+      index$1.FileSaver_min.saveAs(blob, filename + '.csv');
     }
   }
   async resize() {
@@ -1489,10 +1489,10 @@ const YooChartComponent = class {
     this.renderChart();
     setTimeout(() => {
       if (this.chartContainer && !this.disableResize) {
-        this.resizeObserver = index$1.resizeObserve(this.chartContainer, (entries) => {
+        this.resizeObserver = index$2.resizeObserve(this.chartContainer, (entries) => {
           for (const entry of entries) {
             const { left, top, width, height } = entry.contentRect;
-            overlays.debounce(this.onChartResize.bind(this), CHART_ANIMATION_TIMEOUT)(entry.target, width, height, left, top, entry);
+            index$1.debounce(this.onChartResize.bind(this), CHART_ANIMATION_TIMEOUT)(entry.target, width, height, left, top, entry);
           }
         });
       }
@@ -1539,10 +1539,10 @@ const YooChartComponent = class {
     options = fixChartCategories(options);
     highcharts.highcharts.setOptions({
       lang: {
-        months: overlays.getMonths(),
-        shortMonths: overlays.getMonths().map((m) => m.substring(0, 3)),
-        weekdays: overlays.getWeekDays(),
-        shortWeekdays: overlays.getWeekDays().map((d) => d.substring(0, 3))
+        months: index$1.getMonths(),
+        shortMonths: index$1.getMonths().map((m) => m.substring(0, 3)),
+        weekdays: index$1.getWeekDays(),
+        shortWeekdays: index$1.getWeekDays().map((d) => d.substring(0, 3))
       },
       time: {
         timezoneOffset: new Date().getTimezoneOffset()
@@ -1550,7 +1550,7 @@ const YooChartComponent = class {
     });
     if (!this.isChartEmpty()) {
       options.title = { text: null };
-      if (overlays.isRTL()) {
+      if (index$1.isRTL()) {
         options.chart.style.direction = 'rtl';
         options.xAxis.reversed = true;
         options.yAxis.opposite = true;
@@ -1573,7 +1573,7 @@ const YooChartComponent = class {
       emptyState.type = 'chart';
       emptyState.style.height = this.emptyStateHeight || (((_c = this.definition) === null || _c === void 0 ? void 0 : _c.kpi) ? '4rem' : '6.25rem');
       const textElement = document.createElement('div');
-      textElement.innerHTML = overlays.translate('LISTEMPTY');
+      textElement.innerHTML = index$1.translate('LISTEMPTY');
       this.chartContainer.appendChild(emptyState);
       this.chartContainer.appendChild(textElement);
     }
@@ -1606,16 +1606,16 @@ const YooChartComponent = class {
   setupLegendListener(options) {
     options.plotOptions = options.plotOptions || {};
     options.plotOptions.series = options.plotOptions.series || {};
-    options.plotOptions.series.animation = !this.disableAnimation && !overlays.isChromatic();
+    options.plotOptions.series.animation = !this.disableAnimation && !index$1.isChromatic();
     options.chart = options.chart || {};
-    options.chart.animation = !this.disableAnimation && !overlays.isChromatic();
+    options.chart.animation = !this.disableAnimation && !index$1.isChromatic();
     options.exporting = options.exporting || {};
     options.exporting.enabled = false;
     options.exporting.showTable = options.exporting.showTable !== false; // this.definition?.showTable !== false;
     options.exporting.allowHTML = options.exporting.allowHTML !== false; // this.definition?.showTable !== false;
     options.exporting.tableCaption = false;
     const chartCmp = this;
-    if (overlays.isIonic(this.host)) {
+    if (index$1.isIonic(this.host)) {
       options.plotOptions.series.point = {
         cursor: 'pointer',
         events: {
@@ -1680,8 +1680,8 @@ const YooChartComponent = class {
       if (e.type === 'exportData') {
         e.dataRows.forEach((row, idx) => {
           var _a;
-          if (idx > 1 && overlays.dateIsValid(row[0]) && ((_a = row[0]) === null || _a === void 0 ? void 0 : _a.length) >= 10) {
-            row[0] = overlays.dateFormat(row[0], 'L LT');
+          if (idx > 1 && index$1.dateIsValid(row[0]) && ((_a = row[0]) === null || _a === void 0 ? void 0 : _a.length) >= 10) {
+            row[0] = index$1.dateFormat(row[0], 'L LT');
           }
         });
       }

package/dist/cjs/yoo-chat-message-dialog.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const chatHelpers = require('./chat-helpers-369984b9.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const chatHelpers = require('./chat-helpers-d4033481.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -30,15 +30,15 @@ const YooChatMessageDialogComponent = class {
     }
   }
   renderHeader() {
-    return index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", rippleType: "unbounded", fill: "transparent", shape: "circular", onClick: () => overlays.closeModal(null) }, index.h("yoo-icon", { name: "close" }))), index.h("yoo-truncated-line", { content: overlays.translate(this.heading), withTooltip: false })));
+    return index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", rippleType: "unbounded", fill: "transparent", shape: "circular", onClick: () => index$1.closeModal(null) }, index.h("yoo-icon", { name: "close" }))), index.h("yoo-truncated-line", { content: index$1.translate(this.heading), withTooltip: false })));
   }
   renderRow(item) {
     const { readTime, receivedBy } = item || {};
     const user = (receivedBy || item);
-    const timetoken = overlays.parseLongIntoDate(readTime);
+    const timetoken = index$1.parseLongIntoDate(readTime);
     return [
-      user && (index.h("div", null, index.h("yoo-avatar", { size: "small", user: user }), index.h("span", { class: "username" }, overlays.getUserDisplayName(user)))),
-      timetoken && index.h("span", null, overlays.dateFormat(timetoken, ['DD/MM/YYYY', chatHelpers.getDateFormats().single].join(' ')))
+      user && (index.h("div", null, index.h("yoo-avatar", { size: "small", user: user }), index.h("span", { class: "username" }, index$1.getUserDisplayName(user)))),
+      timetoken && index.h("span", null, index$1.dateFormat(timetoken, ['DD/MM/YYYY', chatHelpers.getDateFormats().single].join(' ')))
     ];
   }
   renderEmptyState() {
@@ -69,13 +69,13 @@ const YooChatMessageDialogComponent = class {
   }
   renderPreview() {
     var _a;
-    return (index.h("section", { class: "preview" }, ((_a = this.message) === null || _a === void 0 ? void 0 : _a.time) && index.h("div", { class: "time-title" }, overlays.dateFormat(this.message.time, chatHelpers.getDateFormats().grouped)), index.h("yoo-chat-message", { ref: (el) => this.chatMessageElement = el, hasOptions: true, preventDetailView: true, message: this.message, receivedByOthers: this.receivedByOthers })));
+    return (index.h("section", { class: "preview" }, ((_a = this.message) === null || _a === void 0 ? void 0 : _a.time) && index.h("div", { class: "time-title" }, index$1.dateFormat(this.message.time, chatHelpers.getDateFormats().grouped)), index.h("yoo-chat-message", { ref: (el) => this.chatMessageElement = el, hasOptions: true, preventDetailView: true, message: this.message, receivedByOthers: this.receivedByOthers })));
   }
   renderAcknowledgement(type, time) {
     var _a;
     const isRead = type === 'read';
-    const timetoken = overlays.parseLongIntoDate(time) || ((_a = this.message) === null || _a === void 0 ? void 0 : _a.time);
-    return (index.h("section", { class: { [type]: true } }, index.h("div", null, index.h("yoo-icon", { size: "small", name: "double-tick", color: isRead ? 'app-color' : 'stable' }), index.h("span", null, overlays.translate(isRead ? 'YOOBICREAD' : 'DELIVERED'))), timetoken && index.h("span", null, overlays.dateFormat(timetoken, ['DD/MM/YYYY', chatHelpers.getDateFormats().single].join(' ')))));
+    const timetoken = index$1.parseLongIntoDate(time) || ((_a = this.message) === null || _a === void 0 ? void 0 : _a.time);
+    return (index.h("section", { class: { [type]: true } }, index.h("div", null, index.h("yoo-icon", { size: "small", name: "double-tick", color: isRead ? 'app-color' : 'stable' }), index.h("span", null, index$1.translate(isRead ? 'YOOBICREAD' : 'DELIVERED'))), timetoken && index.h("span", null, index$1.dateFormat(timetoken, ['DD/MM/YYYY', chatHelpers.getDateFormats().single].join(' ')))));
   }
   render() {
     return index.h(index.Host, null, index.h("div", { class: "outer-container" }, this.renderHeader(), this.renderPreview(), this.renderAcknowledgements(), this.isMultiple && this.renderTabsContent()));

package/dist/cjs/yoo-chat-message-preview.cjs.entry.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
 const index$1 = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
-const chatHelpers = require('./chat-helpers-369984b9.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const chatHelpers = require('./chat-helpers-d4033481.js');
+const index$2 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -30,12 +30,12 @@ const YooChatMessagePreviewComponent = class {
     var _a, _b, _c, _d, _e;
     switch ((_a = this.message) === null || _a === void 0 ? void 0 : _a.type) {
       case index$1.MessageType.texturlpreview: {
-        const { links } = overlays.replaceAndGetAllLinks((_b = this.message) === null || _b === void 0 ? void 0 : _b.content);
+        const { links } = index$2.replaceAndGetAllLinks((_b = this.message) === null || _b === void 0 ? void 0 : _b.content);
         links.length && (this.linkPreviews = links.map(link => ({ url: link })));
         break;
       }
       case index$1.MessageType.audio:
-        this.message.options.duration = ((_d = (_c = this.message) === null || _c === void 0 ? void 0 : _c.options) === null || _d === void 0 ? void 0 : _d.duration) || await overlays.getAudioDuration((_e = this.message) === null || _e === void 0 ? void 0 : _e.payload);
+        this.message.options.duration = ((_d = (_c = this.message) === null || _c === void 0 ? void 0 : _c.options) === null || _d === void 0 ? void 0 : _d.duration) || await index$2.getAudioDuration((_e = this.message) === null || _e === void 0 ? void 0 : _e.payload);
         break;
       default:
         break;
@@ -65,7 +65,7 @@ const YooChatMessagePreviewComponent = class {
   }
   get isMessageTypeMedia() {
     const { type } = this.message || {};
-    return overlays.isChatMessageTypeMedia(type) || type === index$1.MessageType.document || type === index$1.MessageType.texturlpreview;
+    return index$2.isChatMessageTypeMedia(type) || type === index$1.MessageType.document || type === index$1.MessageType.texturlpreview;
   }
   close() {
     const ANIMATION_TIME = 200;
@@ -88,10 +88,10 @@ const YooChatMessagePreviewComponent = class {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     return [
       index.h("yoo-icon", { name: this.getMediaIcon(type), color: !this.isInputBarMode ? 'app-color' : 'stable', size: "small" }),
-      (type === index$1.MessageType.photo) && overlays.translate('YOOBIC' + ((_b = (_a = this.message) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.toUpperCase())),
-      (type === index$1.MessageType.video) && overlays.translate((_d = (_c = this.message) === null || _c === void 0 ? void 0 : _c.type) === null || _d === void 0 ? void 0 : _d.toUpperCase()),
-      type === index$1.MessageType.audio && (overlays.pipes.timer.transform(Math.round((_f = (_e = this.message) === null || _e === void 0 ? void 0 : _e.options) === null || _f === void 0 ? void 0 : _f.duration)).substr(3)),
-      type === index$1.MessageType.document && index.h("yoo-truncate", null, ((_h = (_g = this.message) === null || _g === void 0 ? void 0 : _g.payload) === null || _h === void 0 ? void 0 : _h._filename) || overlays.translate('YOOBICDOCUMENT')),
+      (type === index$1.MessageType.photo) && index$2.translate('YOOBIC' + ((_b = (_a = this.message) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.toUpperCase())),
+      (type === index$1.MessageType.video) && index$2.translate((_d = (_c = this.message) === null || _c === void 0 ? void 0 : _c.type) === null || _d === void 0 ? void 0 : _d.toUpperCase()),
+      type === index$1.MessageType.audio && (index$2.pipes.timer.transform(Math.round((_f = (_e = this.message) === null || _e === void 0 ? void 0 : _e.options) === null || _f === void 0 ? void 0 : _f.duration)).substr(3)),
+      type === index$1.MessageType.document && index.h("yoo-truncate", null, ((_h = (_g = this.message) === null || _g === void 0 ? void 0 : _g.payload) === null || _h === void 0 ? void 0 : _h._filename) || index$2.translate('YOOBICDOCUMENT')),
       type === index$1.MessageType.texturlpreview && index.h("yoo-truncate", null, index.h("yoo-text", { content: (_j = this.message) === null || _j === void 0 ? void 0 : _j.content, extraConversion: (host) => chatHelpers.convertTags(host, { textColor: 'app-color' }) }))
     ];
   }
@@ -106,7 +106,7 @@ const YooChatMessagePreviewComponent = class {
     return (index.h("yoo-links-preview", { links: [(_a = this.linkPreviews) === null || _a === void 0 ? void 0 : _a[0]], showErrors: false, showLinks: false, showDescription: false }));
   }
   renderVideoPreview(source) {
-    overlays.isFile(source) && (source = URL.createObjectURL(source._downloadURL));
+    index$2.isFile(source) && (source = URL.createObjectURL(source._downloadURL));
     return (index.h("yoo-videoplayer-core", { class: { 'round': this.mode === 'sent' }, blockControlAndAutoPlayOnTap: true, readonly: true, videoPlayerCoreParameters: {
         controls: false,
         cover: true,
@@ -120,7 +120,7 @@ const YooChatMessagePreviewComponent = class {
       } }));
   }
   renderUser(user, isAlternate) {
-    return index.h("section", { id: "user" }, index.h("yoo-avatar", { size: "extra-small", user: user }), index.h("span", null, isAlternate ? overlays.translate('YOOBICME') : overlays.getUserDisplayName(user)));
+    return index.h("section", { id: "user" }, index.h("yoo-avatar", { size: "extra-small", user: user }), index.h("span", null, isAlternate ? index$2.translate('YOOBICME') : index$2.getUserDisplayName(user)));
   }
   renderContent(type, content) {
     return index.h("section", { id: "content" }, this.isMessageTypeMedia ? this.renderMedia(type) : this.renderText(content));