@yoobic/yobi 8.2.2 → 8.3.0-2

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

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-fc264952.js');
-const index$2 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+const index$1 = require('./index-de8540eb.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const index$3 = require('./index-7b6831ef.js');
-const chatHelpers = require('./chat-helpers-1bfebfef.js');
+const index$2 = require('./index-af722ca5.js');
+const chatHelpers = require('./chat-helpers-643f748a.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-5951fd43.js');
+require('./index-0455f2ed.js');
 
 const chatMessageCss = ":host{--border-message-content:none;--media-height:100%;--media-width:100vw;--right-messages-text-color:var(--light, #ffffff);--right-messages-background-color:var(--app-color, #5a30f4);--left-messages-text-color:var(--dark, #000000);--left-messages-background-color:var(--stable-light, #f1f1f1);--message-content-width:max-content;display:block;max-width:65%;word-break:break-word}:host #group{display:grid;grid-gap:var(--spacing-04, 0.25rem);grid-template-columns:var(--spacing-40, 2.5rem) calc(100% - 2.5rem)}:host #group .left-column{display:-ms-flexbox;display:flex;-ms-flex-item-align:end;align-self:end;-webkit-transform:translateY(-1.5rem);transform:translateY(-1.5rem)}:host #group .right-column .username{margin-bottom:var(--spacing-04, 0.25rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem);white-space:nowrap;text-align:left;cursor:pointer}:host #group .right-column .message:not(.audio){max-width:var(--message-content-width)}:host .message{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--text-color, #807f83);word-wrap:break-word}:host .message:hover yoo-button{z-index:100;opacity:1}:host .message#texturlpreview{width:-webkit-fill-available;width:-moz-available;width:stretch}:host .message.combined>section{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}:host .message.combined .preview{position:relative;padding:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-02, 0.125rem);border-top-left-radius:var(--border-radius-08, 0.5rem);border-top-right-radius:var(--border-radius-08, 0.5rem)}:host .message.combined .preview yoo-links-preview{border-top-left-radius:var(--border-radius-04, 0.25rem);border-top-right-radius:var(--border-radius-04, 0.25rem)}:host .message.combined .content,:host .message.combined yoo-audio-player{background:transparent;border-top-left-radius:initial;border-top-right-radius:initial;-webkit-box-shadow:none;box-shadow:none}:host .message.combined .content#text[is-between]{padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);border-radius:inherit}:host .message.combined .content#text yoo-text{width:100%;text-align:left}:host .message.combined .content yoo-img{padding:var(--spacing-04, 0.25rem);padding-top:var(--spacing-02, 0.125rem)}:host .message.combined .content yoo-tag{right:initial;left:var(--spacing-08, 0.5rem)}:host .message:not(.combined) .content{max-width:var(--message-content-width)}:host .message.document{--message-content-width:100%}:host .message.document .content{width:100%}:host .message.audio{width:100%}:host .message.audio .content{display:contents}:host .message yoo-audio-player{padding:var(--spacing-16, 1rem);background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .message yoo-button{position:absolute;top:var(--spacing-04, 0.25rem);right:var(--spacing-04, 0.25rem);opacity:0;-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}:host .message yoo-avatar{cursor:pointer}:host .message yoo-mention-tag{text-decoration:underline;cursor:pointer}:host .message yoo-form-document{width:100%;--outer-container-padding:0;--card-file-image-content:unset;--card-file-padding:0 var(--spacing-16, 1rem)}:host .message #status{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-18, 1.125rem);cursor:pointer}:host .message #status span{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .message .content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;border:var(--border-message-content);border-radius:var(--border-radius-08, 0.5rem)}:host .message #medias{position:relative;cursor:pointer}:host .message #medias yoo-tag[icon=pen]{position:absolute;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-08, 0.5rem)}:host .message #medias yoo-img{--border-radius:var(--border-radius-08, 0.5rem);max-width:calc(100% - 0.5rem)}:host .message #medias yoo-videoplayer-core{--poster-size:cover;width:var(--media-width);height:var(--media-height);-o-object-fit:cover;object-fit:cover}:host .message .media-loader-container{position:relative;background:var(--stable-alt, #d0d0d0)}:host yoo-form-checkbox{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}:host .empty{display:none}:host([type*=text]) .content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:var(--border-radius-16, 1rem)}:host([type*=text]) .content yoo-text{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;padding:var(--spacing-08, 0.5rem);white-space:pre-wrap;overflow-wrap:break-word;pointer-events:initial}:host([type=document]),:host([type=audio]){width:100%}:host([type=document]) .message,:host([type=audio]) .message{width:100%}:host([type=document]) .message.audio .content,:host([type=audio]) .message.audio .content{display:contents}:host([type=document]) .message.combined #medias,:host([type=audio]) .message.combined #medias{width:100%;padding:var(--spacing-04, 0.25rem) var(--spacing-16, 1rem)}:host([first]) #group .right-column .username{display:block}:host([left][first]) .message:not(.combined) .content{border-top-left-radius:var(--spacing-16, 1rem)}:host([left][last]) .message:not(.combined) .content{border-bottom-left-radius:var(--spacing-16, 1rem)}:host([left]) .message.combined #medias{background-color:var(--left-messages-background-color)}:host([left]) .message.combined #medias yoo-audio-player{background-color:var(--left-messages-background-color)}:host([left]) .message #text,:host([left]) .message .preview{color:var(--left-messages-text-color);background-color:var(--left-messages-background-color)}:host([left]) .message.combined yoo-audio-player{--range-active-color:var(--app-color, #5a30f4);--range-trail-color:var(--stable-20, rgba(173, 173, 173, 0.2));--play-icon-color:var(--dark, #000000);--title-color:var(--dark, #000000)}:host([left]) .message:not(.combined) .content{border-top-left-radius:var(--spacing-04, 0.25rem);border-bottom-left-radius:var(--spacing-04, 0.25rem)}:host([right][first]) .message:not(.combined) .content{border-top-right-radius:var(--spacing-16, 1rem)}:host([right][last]) .message:not(.combined) .content{border-bottom-right-radius:var(--spacing-16, 1rem)}:host([right]){-ms-flex-item-align:end;align-self:flex-end;justify-self:end;float:right}:host([right]) .message{float:right}:host([right]) .message.combined #medias{background-color:var(--right-messages-background-color)}:host([right]) .message.combined #medias yoo-audio-player{background-color:var(--right-messages-background-color)}:host([right]) .message #text,:host([right]) .message .preview{color:var(--right-messages-text-color);background-color:var(--right-messages-background-color)}:host([right]) .message.combined yoo-audio-player{--range-active-color:var(--light, #ffffff);--play-icon-color:var(--light, #ffffff);--title-color:var(--light, #ffffff)}:host([right]) .message:not(.combined) .content{-ms-flex-item-align:end;align-self:flex-end;border-top-right-radius:var(--spacing-04, 0.25rem);border-bottom-right-radius:var(--spacing-04, 0.25rem)}:host(.radius) .message .content{border-radius:var(--spacing-16, 1rem) !important}:host(.selected) .message{position:relative;-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transition-timing-function:var(--ease-out-quint), var(--ease-in-out-sine);transition-timing-function:var(--ease-out-quint), var(--ease-in-out-sine);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:color, background-color;transition-property:color, background-color;-webkit-animation-name:scale-up, scale-down;animation-name:scale-up, scale-down;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-timing-function:var(--ease-in-out-sine);animation-timing-function:var(--ease-in-out-sine);-webkit-animation-delay:0.1s, 0.25s;animation-delay:0.1s, 0.25s}@-webkit-keyframes scale-up{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes scale-up{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes scale-down{from{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-down{from{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}:host([animation=loading]){--loading-dot-color:var(--text-color, #807f83);--loading-dot-duration:0.6s;--loading-dot-size:0.5rem;--loading-dot-spacing:1rem;--loading-dot-start:0.2s;--loading-dot-step:0.1s;--loading-text-duration:0.3s;--loading-text-start:0.8s}:host([animation=loading]) .message{position:relative}:host([animation=loading]) .message .dot{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-animation-delay:calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2));animation-delay:calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2))}:host([animation=loading]) .message .dot,:host([animation=loading]) .message .dot::before,:host([animation=loading]) .message .dot::after{width:var(--loading-dot-size);height:var(--loading-dot-size);background:var(--loading-dot-color);border-radius:50%;opacity:0;-webkit-animation-name:fade-in, fade-out;animation-name:fade-in, fade-out;-webkit-animation-duration:calc(var(--loading-dot-duration) / 2);animation-duration:calc(var(--loading-dot-duration) / 2);-webkit-animation-timing-function:var(--ease-in-out-sine);animation-timing-function:var(--ease-in-out-sine)}:host([animation=loading]) .message .dot::before,:host([animation=loading]) .message .dot::after{position:absolute;top:0;display:inline-block;content:\"\"}:host([animation=loading]) .message .dot::before{right:var(--loading-dot-spacing);-webkit-animation-delay:calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2));animation-delay:calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2))}:host([animation=loading]) .message .dot::after{left:var(--loading-dot-spacing);-webkit-animation-delay:calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2));animation-delay:calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2))}:host([animation=loading]) .message #text{opacity:0;-webkit-animation:fade-in var(--loading-text-duration) var(--ease-in-out-quart) var(--loading-text-start) forwards;animation:fade-in var(--loading-text-duration) var(--ease-in-out-quart) var(--loading-text-start) forwards}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}@media screen and (min-width: 1400px){:host(.expanded) .message.combined{max-width:inherit}}";
 
@@ -39,21 +40,21 @@ const YooChatMessageComponent = class {
   }
   get isDocument() {
     var _a;
-    return index$2.isDocument(this.mediaUrl) || ((_a = this.message) === null || _a === void 0 ? void 0 : _a.type) === index$1.MessageType.document;
+    return overlays.isDocument(this.mediaUrl) || ((_a = this.message) === null || _a === void 0 ? void 0 : _a.type) === index$1.MessageType.document;
   }
   get isAudio() {
     var _a;
-    return !this.isDocument && index$2.isAudio(this.mediaUrl) || ((_a = this.message) === null || _a === void 0 ? void 0 : _a.type) === index$1.MessageType.audio;
+    return !this.isDocument && overlays.isAudio(this.mediaUrl) || ((_a = this.message) === null || _a === void 0 ? void 0 : _a.type) === index$1.MessageType.audio;
   }
   get isVideo() {
     var _a, _b;
-    return !this.isDocument && !this.isAudio && ((index$2.isVideo(this.mediaUrl) || (!index$2.isNativeMobile() && ((_a = this.mediaUrl) === null || _a === void 0 ? void 0 : _a.startsWith('blob:')))) || ((_b = this.message) === null || _b === void 0 ? void 0 : _b.type) === index$1.MessageType.video);
+    return !this.isDocument && !this.isAudio && ((overlays.isVideo(this.mediaUrl) || (!overlays.isNativeMobile() && ((_a = this.mediaUrl) === null || _a === void 0 ? void 0 : _a.startsWith('blob:')))) || ((_b = this.message) === null || _b === void 0 ? void 0 : _b.type) === index$1.MessageType.video);
   }
   get isImage() {
-    return !this.isDocument && !this.isVideo && !this.isAudio && (index$2.isImage(this.mediaUrl) || index$2.isUnsplashUrl(this.mediaUrl) || index$2.isBase64(this.mediaUrl));
+    return !this.isDocument && !this.isVideo && !this.isAudio && (overlays.isImage(this.mediaUrl) || overlays.isUnsplashUrl(this.mediaUrl) || overlays.isBase64(this.mediaUrl));
   }
   get isTiffImage() {
-    return index$2.getExtension(this.mediaUrl).includes('tif');
+    return overlays.getExtension(this.mediaUrl).includes('tif');
   }
   get mediaUrl() {
     var _a;
@@ -98,7 +99,7 @@ const YooChatMessageComponent = class {
     var _a;
     const { isAlternate, author, sender_id } = this.message || {};
     const messageAuthorId = (author === null || author === void 0 ? void 0 : author._id) || sender_id;
-    return isAlternate !== null && isAlternate !== void 0 ? isAlternate : (messageAuthorId === ((_a = index$2.getSession().user) === null || _a === void 0 ? void 0 : _a._id));
+    return isAlternate !== null && isAlternate !== void 0 ? isAlternate : (messageAuthorId === ((_a = overlays.getSession().user) === null || _a === void 0 ? void 0 : _a._id));
   }
   async initMessage() {
     this.shouldRender = true;
@@ -137,17 +138,17 @@ const YooChatMessageComponent = class {
     !!this.mediaUrl && !this.mediaSize && await this.prepareMessage();
   }
   assignPressActions() {
-    index$3.assignPressActions(this.containerElement, { lockAssignPress: this.lockAssignPress }, () => { var _a; return this.presshold.emit({ message: this.message, content: (_a = this.textElement) === null || _a === void 0 ? void 0 : _a.innerText }); }, 600);
+    index$2.assignPressActions(this.containerElement, { lockAssignPress: this.lockAssignPress }, () => { var _a; return this.presshold.emit({ message: this.message, content: (_a = this.textElement) === null || _a === void 0 ? void 0 : _a.innerText }); }, 600);
   }
   async prepareMessage() {
     const { type, content, options } = this.message || {};
     const { dimensionData } = options || {};
     if (type === index$1.MessageType.texturlpreview) {
-      const { links } = index$2.replaceAndGetAllLinks(content);
+      const { links } = overlays.replaceAndGetAllLinks(content);
       this.linkPreviews = (links === null || links === void 0 ? void 0 : links.map(link => ({ url: link }))) || [];
     }
     if (this.isVideo) {
-      index$2.getResizedImageSize({
+      overlays.getResizedImageSize({
         imgSize: dimensionData || await this.getVideoDimensions(),
         maxWidth: this.maxWidth
       }).then((dimensions) => {
@@ -158,7 +159,7 @@ const YooChatMessageComponent = class {
     }
     if (this.isImage) {
       const imgOptions = { ...(dimensionData ? { imgSize: dimensionData } : { src: this.mediaUrl }) };
-      index$2.getResizedImageSize({
+      overlays.getResizedImageSize({
         ...imgOptions,
         maxWidth: this.maxWidth
       }).then((dimensions) => {
@@ -174,7 +175,7 @@ const YooChatMessageComponent = class {
     video.src = this.mediaUrl;
     video.muted = true;
     video.load();
-    if (index$2.isNativeMobile() && index$2.isIOS()) {
+    if (overlays.isNativeMobile() && overlays.isIOS()) {
       return Promise.resolve(DEFAULT_VIDEO_DIMENSIONS);
     }
     return new Promise((resolve) => {
@@ -195,7 +196,7 @@ const YooChatMessageComponent = class {
   onStatusClicked(ev) {
     if (!this.preventDetailView) {
       ev.stopPropagation();
-      index$2.showMessageInfoDialog(this.message, this.allUsers, this.isGroup, this.receivedByOthers);
+      overlays.showMessageInfoDialog(this.message, this.allUsers, this.isGroup, this.receivedByOthers);
     }
   }
   onShowMore(ev) {
@@ -217,7 +218,7 @@ const YooChatMessageComponent = class {
     var _a;
     const { firstName, lastName } = ((_a = this.message) === null || _a === void 0 ? void 0 : _a.author) || {};
     const shouldDisplayUsername = !!(this.isGroup && !this.isMe && firstName && lastName);
-    return shouldDisplayUsername && index.h("section", { class: "username", onClick: () => { var _a; return this.usernameClicked.emit((_a = this.message) === null || _a === void 0 ? void 0 : _a.author); } }, shouldDisplayUsername ? `${firstName} ${lastName}` : index$2.translate('USERDEACTIVATED'));
+    return shouldDisplayUsername && index.h("section", { class: "username", onClick: () => { var _a; return this.usernameClicked.emit((_a = this.message) === null || _a === void 0 ? void 0 : _a.author); } }, shouldDisplayUsername ? `${firstName} ${lastName}` : overlays.translate('USERDEACTIVATED'));
   }
   renderVideo() {
     var _a;
@@ -226,7 +227,7 @@ const YooChatMessageComponent = class {
         cover: true,
         preload: this.preventVideoPreloading ? 'none' : 'auto',
         preventAutoResume: true,
-        source: index$2.isFile((_a = this.message) === null || _a === void 0 ? void 0 : _a.payload) ? URL.createObjectURL(this.message.payload._downloadURL) : this.mediaUrl
+        source: overlays.isFile((_a = this.message) === null || _a === void 0 ? void 0 : _a.payload) ? URL.createObjectURL(this.message.payload._downloadURL) : this.mediaUrl
       }, onClick: (ev) => this.onClickMessageContent(ev) }));
   }
   renderImage() {
@@ -235,15 +236,15 @@ const YooChatMessageComponent = class {
       index.h("yoo-img", { style: this.mediaPreviewDimensions, onClick: (ev) => this.onClickMessageContent(ev), ...(!this.isTiffImage && {
           cloudinaryOptions: this.mediaSize
         }), ignoreWidth: true, ignoreHeight: true, src: this.mediaUrl }),
-      index$2.isPhotoEdited((_b = (_a = this.message) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.annotationData) && index.h("yoo-tag", { icon: "pen", size: "small", color: "dark-40", iconOnlyColor: "light" })
+      overlays.isPhotoEdited((_b = (_a = this.message) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.annotationData) && index.h("yoo-tag", { icon: "pen", size: "small", color: "dark-40", iconOnlyColor: "light" })
     ];
   }
   renderBasicMessage() {
     const { mentions, content } = this.message || {};
     const textColor = this.isMe ? 'light' : 'app-color';
-    const convertMentions = (text) => this.hasMentions ? index$2.replaceAtTagToMentionTag(text, mentions, textColor) : text;
-    const convertLinks = (text) => index$2.replaceAllLinks(index$2.translateMulti(text), false, textColor);
-    return index.h("section", { id: "text", ...(index$2.isRichContentMessage(this.message) || this.mediaUrl) && { 'is-between': true }, class: "content" }, !this.isReply && !this.hasPreviewLinks && this.renderMoreOptions(), index.h("yoo-text", { ref: (el) => (this.textElement = el), content: content, extraConversion: [convertLinks, convertMentions] }));
+    const convertMentions = (text) => this.hasMentions ? overlays.replaceAtTagToMentionTag(text, mentions, textColor) : text;
+    const convertLinks = (text) => overlays.replaceAllLinks(overlays.translateMulti(text), false, textColor);
+    return index.h("section", { id: "text", ...(overlays.isRichContentMessage(this.message) || this.mediaUrl) && { 'is-between': true }, class: "content" }, !this.isReply && !this.hasPreviewLinks && this.renderMoreOptions(), index.h("yoo-text", { ref: (el) => (this.textElement = el), content: content, extraConversion: [convertLinks, convertMentions] }));
   }
   renderAudio() {
     return (index.h("yoo-audio-player", { boost: 100, src: this.mediaUrl }));
@@ -251,22 +252,22 @@ const YooChatMessageComponent = class {
   renderDocument() {
     var _a;
     const document = (_a = this.message) === null || _a === void 0 ? void 0 : _a.payload;
-    return index.h("yoo-form-document", { class: { 'transparent-light': this.isReply && this.isMe, 'transparent-dark': this.isReply && !this.isMe }, document: document, showActionSheet: index$2.isNativeMobile() && index$2.isPdf(document), readonly: true });
+    return index.h("yoo-form-document", { class: { 'transparent-light': this.isReply && this.isMe, 'transparent-dark': this.isReply && !this.isMe }, document: document, showActionSheet: overlays.isNativeMobile() && overlays.isPdf(document), readonly: true });
   }
   renderMedia() {
-    return (index$2.isRichContentMessage(this.message) || this.mediaUrl) && (index.h("section", { id: "medias", class: "content" }, !this.isReply && !this.hasPreviewLinks && this.renderMoreOptions(), this.isDocument && this.renderDocument(), this.isAudio && this.renderAudio(), this.isVideo && this.renderVideo(), this.isImage && this.renderImage()));
+    return (overlays.isRichContentMessage(this.message) || this.mediaUrl) && (index.h("section", { id: "medias", class: "content" }, !this.isReply && !this.hasPreviewLinks && this.renderMoreOptions(), this.isDocument && this.renderDocument(), this.isAudio && this.renderAudio(), this.isVideo && this.renderVideo(), this.isImage && this.renderImage()));
   }
   renderText() {
     var _a;
     return ((_a = this.message) === null || _a === void 0 ? void 0 : _a.content) && [
       this.animation === 'loading' && index.h("span", { class: "dot" }),
-      this.isConferenceMessage && !index$2.isNativeMobile() ? this.renderConferenceMessage() : this.renderBasicMessage()
+      this.isConferenceMessage && !overlays.isNativeMobile() ? this.renderConferenceMessage() : this.renderBasicMessage()
     ];
   }
   renderStatus() {
     var _a, _b, _c;
     const { sentButNotPropagated } = ((_a = this.message) === null || _a === void 0 ? void 0 : _a.options) || {};
-    return ((_b = this.message) === null || _b === void 0 ? void 0 : _b.timetoken) >= 0 && (index.h("section", { id: "status", onClick: (ev) => this.onStatusClicked(ev) }, index.h("span", null, index$2.dateFormat((_c = this.message) === null || _c === void 0 ? void 0 : _c.time, chatHelpers.getDateFormats(new Date(this.message.timetoken)).single)), this.isMe &&
+    return ((_b = this.message) === null || _b === void 0 ? void 0 : _b.timetoken) >= 0 && (index.h("section", { id: "status", onClick: (ev) => this.onStatusClicked(ev) }, index.h("span", null, overlays.dateFormat((_c = this.message) === null || _c === void 0 ? void 0 : _c.time, chatHelpers.getDateFormats(new Date(this.message.timetoken)).single)), this.isMe &&
       index.h("yoo-icon", { color: sentButNotPropagated || !this.receivedByOthers ? 'stable' : 'app-color', name: sentButNotPropagated ? 'tick' : 'double-tick', size: "small" })));
   }
   renderReplyPreview() {