@yoobic/yobi 8.5.0-60 → 8.5.0-62

package/dist/cjs/yoo-input-bar.cjs.entry.js

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-const cameraHelpers = require('./camera-helpers-331cf700.js');
-const overlays = require('./overlays-e5d2ff76.js');
-const index$1 = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
+const index$1 = require('./index-9ca0e46c.js');
+const cameraHelpers = require('./camera-helpers-8e136f35.js');
+const index = require('./index-4cdf7949.js');
+const index$2 = require('./index-cb8276bc.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 function partition(predicate, thisArg) {
-    return (source) => [overlays.filter(predicate, thisArg)(source), overlays.filter(overlays.not(predicate, thisArg))(source)];
+    return (source) => [index.filter(predicate, thisArg)(source), index.filter(index.not(predicate, thisArg))(source)];
 }
 
 function race(...args) {
-    return overlays.raceWith(...overlays.argsOrArgArray(args));
+    return index.raceWith(...index.argsOrArgArray(args));
 }
 
 /**
@@ -22738,7 +22738,7 @@ function isPure(lView, index) {
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-class EventEmitter_ extends overlays.Subject {
+class EventEmitter_ extends index.Subject {
     constructor(isAsync = false) {
         super();
         this.__isAsync = isAsync;
@@ -22767,7 +22767,7 @@ class EventEmitter_ extends overlays.Subject {
             }
         }
         const sink = super.subscribe({ next: nextFn, error: errorFn, complete: completeFn });
-        if (observerOrNext instanceof overlays.Subscription) {
+        if (observerOrNext instanceof index.Subscription) {
             observerOrNext.add(sink);
         }
         return sink;
@@ -27187,7 +27187,7 @@ class ApplicationRef {
                 });
             }
         });
-        const isCurrentlyStable = new overlays.Observable((observer) => {
+        const isCurrentlyStable = new index.Observable((observer) => {
             this._stable = this._zone.isStable && !this._zone.hasPendingMacrotasks &&
                 !this._zone.hasPendingMicrotasks;
             this._zone.runOutsideAngular(() => {
@@ -27195,7 +27195,7 @@ class ApplicationRef {
                 observer.complete();
             });
         });
-        const isStable = new overlays.Observable((observer) => {
+        const isStable = new index.Observable((observer) => {
             // Create the subscription to onStable outside the Angular Zone so that
             // the callback is run outside the Angular Zone.
             let stableSub;
@@ -27228,7 +27228,7 @@ class ApplicationRef {
             };
         });
         this.isStable =
-            overlays.merge(isCurrentlyStable, isStable.pipe(overlays.share()));
+            index.merge(isCurrentlyStable, isStable.pipe(index.share()));
     }
     /**
      * Indicates whether this instance was destroyed.
@@ -29738,7 +29738,7 @@ if (typeof ngDevMode !== 'undefined' && ngDevMode) {
 }
 
 function checkReady() {
-    if (typeof overlays.process_1 === 'undefined') {
+    if (typeof index.process_1 === 'undefined') {
         var win_1 = typeof window !== 'undefined' ? window : {};
         var DEVICE_READY_TIMEOUT_1 = 5000;
         // To help developers using cordova, we listen for the device ready event and
@@ -29837,7 +29837,7 @@ function wrapOtherPromise(pluginObj, methodName, args, opts) {
 }
 function wrapObservable(pluginObj, methodName, args, opts) {
     if (opts === void 0) { opts = {}; }
-    return new overlays.Observable(function (observer) {
+    return new index.Observable(function (observer) {
         var pluginResult;
         if (opts.destruct) {
             pluginResult = callCordovaPlugin(pluginObj, methodName, args, opts, function () {
@@ -29889,7 +29889,7 @@ function wrapEventObservable(event, element) {
         typeof window !== 'undefined' && element
             ? get$1(window, element)
             : element || (typeof window !== 'undefined' ? window : {});
-    return overlays.fromEvent(element, event);
+    return index.fromEvent(element, event);
 }
 function checkAvailability(plugin, methodName, pluginName) {
     var pluginRef, pluginInstance, pluginPackage;
@@ -30039,7 +30039,7 @@ function pluginWarn(pluginName, plugin, method) {
  * @param method
  */
 function cordovaWarn(pluginName, method) {
-    if (typeof overlays.process_1 === 'undefined') {
+    if (typeof index.process_1 === 'undefined') {
         if (method) {
             console.warn('Native: tried calling ' +
                 pluginName +
@@ -30096,7 +30096,7 @@ function wrapInstance(pluginObj, methodName, opts) {
             return callInstance(pluginObj, methodName, args, opts);
         }
         else if (opts.observable) {
-            return new overlays.Observable(function (observer) {
+            return new index.Observable(function (observer) {
                 var pluginResult;
                 if (opts.destruct) {
                     pluginResult = callInstance(pluginObj, methodName, args, opts, function () {
@@ -30291,7 +30291,7 @@ function cordova(pluginObj, methodName, config, args) {
 }
 
 function overrideFunction(pluginObj, methodName) {
-    return new overlays.Observable(function (observer) {
+    return new index.Observable(function (observer) {
         var availabilityCheck = checkAvailability(pluginObj, methodName);
         if (availabilityCheck === true) {
             var pluginInstance_1 = getPlugin(pluginObj.constructor.getPluginRef());
@@ -30341,7 +30341,7 @@ function instancePropertySet(pluginObj, key, value) {
 checkReady();
 
 var IOSFilePicker = /** @class */ (function (_super) {
-    overlays.__extends(IOSFilePicker, _super);
+    index.__extends(IOSFilePicker, _super);
     function IOSFilePicker() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
@@ -30363,21 +30363,21 @@ const MODAL_ANIMATION_TIME = 500;
 const ANIMATION_TIME = 200;
 const YooInputBarComponent = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.sendAttachment = index.createEvent(this, "sendAttachment", 7);
-    this.sendText = index.createEvent(this, "sendText", 7);
-    this.mediaInput = index.createEvent(this, "mediaInput", 7);
-    this.urlPreviewAdded = index.createEvent(this, "urlPreviewAdded", 7);
-    this.audioRecording = index.createEvent(this, "audioRecording", 7);
-    this.replyCancelled = index.createEvent(this, "replyCancelled", 7);
-    this.isTyping = index.createEvent(this, "isTyping", 7);
-    this.inputBlurred = index.createEvent(this, "inputBlurred", 7);
-    this.inputFocused = index.createEvent(this, "inputFocused", 7);
-    this.bottomDialogToggled = index.createEvent(this, "bottomDialogToggled", 7);
-    this.browseLibrary = index.createEvent(this, "browseLibrary", 7);
-    this.iconClicked = index.createEvent(this, "iconClicked", 7);
-    this.mediaLoading = index.createEvent(this, "mediaLoading", 7);
-    this.dismissReplyClicked = index.createEvent(this, "dismissReplyClicked", 7);
+    index$1.registerInstance(this, hostRef);
+    this.sendAttachment = index$1.createEvent(this, "sendAttachment", 7);
+    this.sendText = index$1.createEvent(this, "sendText", 7);
+    this.mediaInput = index$1.createEvent(this, "mediaInput", 7);
+    this.urlPreviewAdded = index$1.createEvent(this, "urlPreviewAdded", 7);
+    this.audioRecording = index$1.createEvent(this, "audioRecording", 7);
+    this.replyCancelled = index$1.createEvent(this, "replyCancelled", 7);
+    this.isTyping = index$1.createEvent(this, "isTyping", 7);
+    this.inputBlurred = index$1.createEvent(this, "inputBlurred", 7);
+    this.inputFocused = index$1.createEvent(this, "inputFocused", 7);
+    this.bottomDialogToggled = index$1.createEvent(this, "bottomDialogToggled", 7);
+    this.browseLibrary = index$1.createEvent(this, "browseLibrary", 7);
+    this.iconClicked = index$1.createEvent(this, "iconClicked", 7);
+    this.mediaLoading = index$1.createEvent(this, "mediaLoading", 7);
+    this.dismissReplyClicked = index$1.createEvent(this, "dismissReplyClicked", 7);
     /**
      * Left icon of the input bar, can be an avatar/icon
      */
@@ -30386,11 +30386,11 @@ const YooInputBarComponent = class {
     };
     this.secondaryActionSettings = {
       allowInput: {
-        [index$1.MessageInput.audio]: false,
-        [index$1.MessageInput.video]: true,
-        [index$1.MessageInput.gif]: true,
-        [index$1.MessageInput.gallery]: true,
-        [index$1.MessageInput.camera]: true
+        [index$2.MessageInput.audio]: false,
+        [index$2.MessageInput.video]: true,
+        [index$2.MessageInput.gif]: true,
+        [index$2.MessageInput.gallery]: true,
+        [index$2.MessageInput.camera]: true
       }
     };
     /**
@@ -30407,12 +30407,12 @@ const YooInputBarComponent = class {
     // Default configs
     this.defaultInputMaximum = 1;
     this.defaultActionIconMap = {
-      [index$1.MessageInput.video]: 'videocamera',
-      [index$1.MessageInput.audio]: 'microphone',
-      [index$1.MessageInput.document]: 'attachment',
-      [index$1.MessageInput.gif]: 'gif',
-      [index$1.MessageInput.gallery]: 'photo-library',
-      [index$1.MessageInput.camera]: 'camera'
+      [index$2.MessageInput.video]: 'videocamera',
+      [index$2.MessageInput.audio]: 'microphone',
+      [index$2.MessageInput.document]: 'attachment',
+      [index$2.MessageInput.gif]: 'gif',
+      [index$2.MessageInput.gallery]: 'photo-library',
+      [index$2.MessageInput.camera]: 'camera'
     };
     this.quickReactions = ['🔥', '❤️', '👏', '🎉', '⚡️', '😂', '😢', '💯'];
   }
@@ -30450,7 +30450,7 @@ const YooInputBarComponent = class {
     }
   }
   async onToggleBottomDialog(completeHandler) {
-    overlays.gsapTo(this.bottomDialogRef, 0.25, {
+    index.gsapTo(this.bottomDialogRef, 0.25, {
       height: !this.showBottomDialog ? this.bottomDialogHeight : 0,
       onComplete: () => {
         this.showBottomDialog = !this.showBottomDialog;
@@ -30474,15 +30474,15 @@ const YooInputBarComponent = class {
   }
   componentDidLoad() {
     var _a;
-    if (overlays.isNullOrUndefined(this.bottomDialogHeight)) {
-      this.bottomDialogHeight = overlays.isWeb(this.host) ? 408 : 500;
+    if (index.isNullOrUndefined(this.bottomDialogHeight)) {
+      this.bottomDialogHeight = index.isWeb(this.host) ? 408 : 500;
     }
     if ((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.focusOnOpen) {
       setTimeout(() => {
         this.focusInputField();
       }, MODAL_ANIMATION_TIME);
     }
-    this.resizeListener = overlays.debounce(this.onScreenResize, 500).bind(this);
+    this.resizeListener = index.debounce(this.onScreenResize, 500).bind(this);
     window.addEventListener('resize', this.resizeListener);
     window.addEventListener('screenSizeWillChange', this.resizeListener);
   }
@@ -30542,7 +30542,7 @@ const YooInputBarComponent = class {
   }
   hasTopIndication() {
     var _a, _b;
-    return !overlays.isNullOrUndefined(((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.topIndication) || ((_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.replyToUser));
+    return !index.isNullOrUndefined(((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.topIndication) || ((_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.replyToUser));
   }
   onTabSelected(ev) {
     var _a;
@@ -30558,11 +30558,11 @@ const YooInputBarComponent = class {
   async captureFile(type, acceptMode, preventAnnotation, maxMediaLimit) {
     var _a;
     maxMediaLimit = maxMediaLimit || this.getTypeMaximumAllowedSize();
-    if (!overlays.isWeb(this.host)) {
+    if (!index.isWeb(this.host)) {
       this.onCaptureLocalFile(type, preventAnnotation);
     }
     else {
-      overlays.getAsyncExtraData({ type: 'file-uploader', params: { acceptMode, initialMaxSelectionNumber: maxMediaLimit, origin: ((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.origin) || 'all' } }).then((ret) => {
+      index.getAsyncExtraData({ type: 'file-uploader', params: { acceptMode, initialMaxSelectionNumber: maxMediaLimit, origin: ((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.origin) || 'all' } }).then((ret) => {
         var _a;
         const mediaSrcArr = ret === null || ret === void 0 ? void 0 : ret.data;
         if (!mediaSrcArr) {
@@ -30575,7 +30575,7 @@ const YooInputBarComponent = class {
         else {
           mediaSrcArr.forEach((file) => {
             // prevnet annotation if multiple files are imported or if a single file is import btu is not a media type
-            this.onHandleMediaInput(file, type || overlays.getMediaType(file._downloadURL || file), false, preventAnnotation || overlays.isVideo(file) || mediaSrcArr.length !== 1 || !(overlays.isMedia(file) || overlays.isBase64(64)));
+            this.onHandleMediaInput(file, type || index.getMediaType(file._downloadURL || file), false, preventAnnotation || index.isVideo(file) || mediaSrcArr.length !== 1 || !(index.isMedia(file) || index.isBase64(64)));
           });
         }
       });
@@ -30583,15 +30583,15 @@ const YooInputBarComponent = class {
   }
   onCaptureLocalFile(type, preventAnnotation) {
     var _a;
-    if (overlays.isIOS() && overlays.isNativeMobile()) {
+    if (index.isIOS() && index.isNativeMobile()) {
       const ifp = new IOSFilePicker();
       ifp.pickFile().then(async (ret) => {
         this.mediaLoading.emit(true);
         const t = 'file://' + ret;
-        overlays.File.resolveLocalFilesystemUrl(t).then(ret2 => {
-          overlays.getAsyncExtraData({ type: 'file-upload', params: { file: ret2, origin: 'chat' } }).then(ret => {
+        index.File.resolveLocalFilesystemUrl(t).then(ret2 => {
+          index.getAsyncExtraData({ type: 'file-upload', params: { file: ret2, origin: 'chat' } }).then(ret => {
             if (ret === null || ret === void 0 ? void 0 : ret.length) {
-              this.onHandleMediaInput(ret[0], index$1.MessageType.document, false, false);
+              this.onHandleMediaInput(ret[0], index$2.MessageType.document, false, false);
             }
             this.mediaLoading.emit(false);
           });
@@ -30609,7 +30609,7 @@ const YooInputBarComponent = class {
     }
   }
   addFileHandler() {
-    overlays.getAsyncExtraData({ type: 'show-document', params: { selectionMode: true, isFromChat: true } }).then((ret) => {
+    index.getAsyncExtraData({ type: 'show-document', params: { selectionMode: true, isFromChat: true } }).then((ret) => {
       if ((ret === null || ret === void 0 ? void 0 : ret.data) && !lodash.isNumber(ret === null || ret === void 0 ? void 0 : ret.data)) {
         const simpleFields = ['_id', 'size', 'boxId', 'mimeType', '_filename', '_downloadURL'];
         const newData = {};
@@ -30618,15 +30618,15 @@ const YooInputBarComponent = class {
             newData[field] = ret.data[field];
           }
         });
-        this.onHandleMediaInput(newData || ret.data, index$1.MessageType.document, false);
+        this.onHandleMediaInput(newData || ret.data, index$2.MessageType.document, false);
       }
     });
   }
   async newFileHandler() {
     const maxMediaLimit = this.getTypeMaximumAllowedSize();
-    const allowType = [index$1.IFileUploadAcceptMode.file, index$1.IFileUploadAcceptMode.video, index$1.IFileUploadAcceptMode.image, index$1.IFileUploadAcceptMode.gif, index$1.IFileUploadAcceptMode.unsplash];
+    const allowType = [index$2.IFileUploadAcceptMode.file, index$2.IFileUploadAcceptMode.video, index$2.IFileUploadAcceptMode.image, index$2.IFileUploadAcceptMode.gif, index$2.IFileUploadAcceptMode.unsplash];
     this.browseLibrary.emit(true);
-    if (overlays.isNativeMobile()) {
+    if (index.isNativeMobile()) {
       this.mediaLoading.emit(true);
       await this.captureFile(undefined, allowType, undefined, 1);
       this.mediaLoading.emit(false);
@@ -30640,20 +30640,20 @@ const YooInputBarComponent = class {
       {
         icon: 'file-add',
         iconColor: 'app-color',
-        text: overlays.translate('NEWFILE'),
-        description: overlays.translate('PICKFROMDEVICE'),
+        text: index.translate('NEWFILE'),
+        description: index.translate('PICKFROMDEVICE'),
         handler: async () => this.newFileHandler()
       },
       {
         icon: 'file',
         iconColor: 'app-color',
-        text: overlays.translate('DOCUMENTLIBRARY'),
-        description: overlays.translate('PICKFROMDOCUMENTLIBRARY'),
+        text: index.translate('DOCUMENTLIBRARY'),
+        description: index.translate('PICKFROMDOCUMENTLIBRARY'),
         handler: () => this.addFileHandler()
       }
     ];
     setTimeout(() => {
-      overlays.showActionSheet(buttons, undefined, undefined, this.capturIconEl, ev, 'above');
+      index.showActionSheet(buttons, undefined, undefined, this.capturIconEl, ev, 'above');
     }, ANIMATION_TIME);
   }
   imageMobileHandler(ev) {
@@ -30661,63 +30661,63 @@ const YooInputBarComponent = class {
       {
         icon: 'camera',
         actionType: 'photo',
-        text: overlays.translate('TAKEANEWPHOTO'),
+        text: index.translate('TAKEANEWPHOTO'),
         iconColor: 'app-color',
         handler: () => this.onCapturePicture()
       },
       {
         icon: 'photo-library',
         iconColor: 'app-color',
-        text: overlays.translate('SELECTPHOTO'),
+        text: index.translate('SELECTPHOTO'),
         handler: () => this.onImportPhotoFromLibrary()
       }
     ];
     setTimeout(() => {
-      overlays.showActionSheet(buttons, undefined, undefined, this.capturIconEl, ev, 'above');
+      index.showActionSheet(buttons, undefined, undefined, this.capturIconEl, ev, 'above');
     }, ANIMATION_TIME);
   }
   videoMobileHandler(ev) {
     const buttons = lodash.compact([
-      overlays.isNativeMobile() ? {
+      index.isNativeMobile() ? {
         icon: 'videocamera',
         actionType: 'video',
         iconColor: 'app-color',
-        text: overlays.translate('TAKEANEWVIDEO'),
+        text: index.translate('TAKEANEWVIDEO'),
         handler: () => this.onCaptureVideo()
       } : null,
       {
         icon: 'videocamera',
         iconColor: 'app-color',
-        text: overlays.translate('SELECTVIDEO'),
+        text: index.translate('SELECTVIDEO'),
         handler: () => this.onImportVideoFromLibrary()
       }
     ]);
     setTimeout(() => {
-      overlays.showActionSheet(buttons, undefined, undefined, this.capturIconEl, ev, 'above');
+      index.showActionSheet(buttons, undefined, undefined, this.capturIconEl, ev, 'above');
     }, ANIMATION_TIME);
   }
   async onCapturePicture() {
     var _a;
-    if (overlays.isNativeMobile()) {
+    if (index.isNativeMobile()) {
       await this.dismissKeyboard();
       const imageData = await cameraHelpers.getPicture(70, cameraHelpers.PictureSourceType.CAMERA, cameraHelpers.MediaType.PICTURE, false);
-      await this.onHandleMediaInput(imageData, index$1.MessageType.photo);
+      await this.onHandleMediaInput(imageData, index$2.MessageType.photo);
     }
     else {
       if ((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.showCaptureOption) {
         return await this.onImportPhotoFromLibrary();
       }
       const devices = await cameraHelpers.getVideoDevices();
-      const hasAccess = await overlays.hasWebCam();
+      const hasAccess = await index.hasWebCam();
       if (!hasAccess) {
-        overlays.showAlert(overlays.translate('WEBCAM'), [overlays.translate('YOOBICOK')], overlays.translate('NOCAMERAACCESS'));
+        index.showAlert(index.translate('WEBCAM'), [index.translate('YOOBICOK')], index.translate('NOCAMERAACCESS'));
       }
       if ((devices === null || devices === void 0 ? void 0 : devices.length) > 0) {
         let webcam = document.createElement('yoo-form-capture-webcam-dialog');
         webcam.device = devices[0];
-        const ret = await overlays.showModal(webcam, {}, '', overlays.getModalAnimation('Enter', 'X', { host: this.host, reversedSlide: true }), overlays.getModalAnimation('Leave', 'X', { host: this.host, reversedSlide: true }), true);
+        const ret = await index.showModal(webcam, {}, '', index.getModalAnimation('Enter', 'X', { host: this.host, reversedSlide: true }), index.getModalAnimation('Leave', 'X', { host: this.host, reversedSlide: true }), true);
         if (ret === null || ret === void 0 ? void 0 : ret.data) {
-          await this.onHandleMediaInput(ret.data, index$1.MessageType.photo);
+          await this.onHandleMediaInput(ret.data, index$2.MessageType.photo);
         }
         webcam = null;
       }
@@ -30728,12 +30728,12 @@ const YooInputBarComponent = class {
     }
   }
   async onCaptureVideo() {
-    if (overlays.isNativeMobile()) {
+    if (index.isNativeMobile()) {
       await this.dismissKeyboard();
       cameraHelpers.getVideo().then((videoData) => {
         if (videoData === null || videoData === void 0 ? void 0 : videoData.length) {
           const path = videoData[0].fullPath;
-          this.onHandleMediaInput(path, index$1.MessageType.video);
+          this.onHandleMediaInput(path, index$2.MessageType.video);
         }
       });
     }
@@ -30743,18 +30743,18 @@ const YooInputBarComponent = class {
     buttons.push({
       icon: 'camera',
       actionType: 'photo',
-      text: overlays.translate('YOOBICPHOTO'),
+      text: index.translate('YOOBICPHOTO'),
       iconColor: 'app-color',
-      description: overlays.translate('SENDAPHOTO'),
+      description: index.translate('SENDAPHOTO'),
       handler: () => this.imageMobileHandler(ev)
     });
-    if (this.isInputTypeAllowed(index$1.MessageInput.video)) {
+    if (this.isInputTypeAllowed(index$2.MessageInput.video)) {
       buttons.push({
         icon: 'videocamera',
         actionType: 'video',
         iconColor: 'app-color',
-        text: overlays.translate('VIDEO'),
-        description: overlays.translate('SENDAVIDEO'),
+        text: index.translate('VIDEO'),
+        description: index.translate('SENDAVIDEO'),
         handler: () => this.videoMobileHandler(ev)
       });
     }
@@ -30762,30 +30762,30 @@ const YooInputBarComponent = class {
   }
   getActionSheetWebButtons() {
     const buttons = [];
-    if (this.isInputTypeAllowed(index$1.MessageInput.gallery)) {
+    if (this.isInputTypeAllowed(index$2.MessageInput.gallery)) {
       buttons.push({
         icon: 'photo-library',
         iconColor: 'app-color',
-        text: overlays.translate('YOOBICPHOTO'),
-        description: overlays.translate('PICKFROMLIBRARYPHOTO'),
+        text: index.translate('YOOBICPHOTO'),
+        description: index.translate('PICKFROMLIBRARYPHOTO'),
         handler: () => this.onImportPhotoFromLibrary()
       });
     }
-    if (this.isInputTypeAllowed(index$1.MessageInput.gallery)) {
+    if (this.isInputTypeAllowed(index$2.MessageInput.gallery)) {
       buttons.push({
         icon: 'videocamera',
         iconColor: 'app-color',
-        text: overlays.translate('VIDEO'),
-        description: overlays.translate('PICKFROMLIBRARYVIDEO'),
+        text: index.translate('VIDEO'),
+        description: index.translate('PICKFROMLIBRARYVIDEO'),
         handler: () => this.onImportVideoFromLibrary()
       });
     }
-    if (this.isInputTypeAllowed(index$1.MessageInput.document)) {
+    if (this.isInputTypeAllowed(index$2.MessageInput.document)) {
       buttons.push({
         icon: 'file-add',
         iconColor: 'app-color',
-        text: overlays.translate('NEWFILE'),
-        description: overlays.translate('NEWFILE'),
+        text: index.translate('NEWFILE'),
+        description: index.translate('NEWFILE'),
         handler: async () => this.newFileHandler()
       });
     }
@@ -30793,30 +30793,30 @@ const YooInputBarComponent = class {
   }
   getActionSheetButtons(ev) {
     const buttons = [];
-    if (this.isInputTypeAllowed(index$1.MessageInput.document)) {
+    if (this.isInputTypeAllowed(index$2.MessageInput.document)) {
       buttons.push({
         icon: 'file',
         iconColor: 'app-color',
-        text: overlays.isWeb(this.host) ? overlays.translate('DOCUMENTLIBRARY') : overlays.translate('YOOBICDOCUMENT'),
-        description: overlays.translate('ADDAFILE'),
-        handler: () => overlays.isWeb(this.host) ? this.addFileHandler() : this.fileMobileHandler(ev)
+        text: index.isWeb(this.host) ? index.translate('DOCUMENTLIBRARY') : index.translate('YOOBICDOCUMENT'),
+        description: index.translate('ADDAFILE'),
+        handler: () => index.isWeb(this.host) ? this.addFileHandler() : this.fileMobileHandler(ev)
       });
     }
-    if (this.isInputTypeAllowed(index$1.MessageInput.audio)) {
+    if (this.isInputTypeAllowed(index$2.MessageInput.audio)) {
       buttons.push({
         icon: 'microphone',
         iconColor: 'app-color',
-        text: overlays.translate('AUDIO'),
-        description: overlays.translate('TAKEANEWAUDIO'),
+        text: index.translate('AUDIO'),
+        description: index.translate('TAKEANEWAUDIO'),
         handler: () => this.onMicIconClicked()
       });
     }
-    if (this.isInputTypeAllowed(index$1.MessageInput.gif)) {
+    if (this.isInputTypeAllowed(index$2.MessageInput.gif)) {
       buttons.push({
         icon: 'gif',
         iconColor: 'app-color',
-        text: overlays.translate('GIF'),
-        description: overlays.translate('SELECTGIF'),
+        text: index.translate('GIF'),
+        description: index.translate('SELECTGIF'),
         handler: () => this.onGifIconClicked()
       });
     }
@@ -30829,10 +30829,10 @@ const YooInputBarComponent = class {
     }
     this.iconClicked.emit(true);
     const buttons = [];
-    if (!overlays.isWeb(this.host)) {
+    if (!index.isWeb(this.host)) {
       buttons.push(...this.getActionSheetMobileButtons(ev));
     }
-    if (overlays.isWeb(this.host)) {
+    if (index.isWeb(this.host)) {
       buttons.push(...this.getActionSheetWebButtons());
     }
     buttons.push(...this.getActionSheetButtons(ev));
@@ -30841,7 +30841,7 @@ const YooInputBarComponent = class {
     }
     else {
       setTimeout(() => {
-        overlays.showActionSheet(buttons, undefined, undefined, this.capturIconEl, ev, 'above');
+        index.showActionSheet(buttons, undefined, undefined, this.capturIconEl, ev, 'above');
       }, ANIMATION_TIME);
     }
   }
@@ -30857,7 +30857,7 @@ const YooInputBarComponent = class {
   setUrlPreview() {
     var _a, _b;
     if ((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.allowUrlPreview) {
-      const { links } = overlays.replaceAndGetAllLinks(this.value);
+      const { links } = index.replaceAndGetAllLinks(this.value);
       if ((links === null || links === void 0 ? void 0 : links.length) > 0 && (((_b = this.linkPreviews) === null || _b === void 0 ? void 0 : _b.length) < 1 || links[0] !== this.linkPreviews[0].url)) {
         this.urlPreviewAdded.emit(true);
         this.linkPreviews = [{ url: links[0] }];
@@ -30886,28 +30886,28 @@ const YooInputBarComponent = class {
   async onImportPhotoFromLibrary() {
     const maxMediaLimit = this.getTypeMaximumAllowedSize();
     this.browseLibrary.emit(true);
-    if (overlays.isNativeMobile()) {
+    if (index.isNativeMobile()) {
       this.mediaLoading.emit(true);
       await this.importPhotoFromNativeLibrary(maxMediaLimit);
     }
     else {
-      const allowType = [index$1.IFileUploadAcceptMode.image, index$1.IFileUploadAcceptMode.gif, index$1.IFileUploadAcceptMode.unsplash];
-      const limit = this.getTypeMaximumAllowedSize(index$1.MessageInput.gallery);
-      await this.captureFile(index$1.MessageType.photo, allowType, false, limit);
+      const allowType = [index$2.IFileUploadAcceptMode.image, index$2.IFileUploadAcceptMode.gif, index$2.IFileUploadAcceptMode.unsplash];
+      const limit = this.getTypeMaximumAllowedSize(index$2.MessageInput.gallery);
+      await this.captureFile(index$2.MessageType.photo, allowType, false, limit);
     }
   }
   async onImportVideoFromLibrary() {
     const maxMediaLimit = this.getTypeMaximumAllowedSize();
     this.browseLibrary.emit(true);
-    if (overlays.isNativeMobile()) {
+    if (index.isNativeMobile()) {
       this.mediaLoading.emit(true);
       await this.importVideoFromNativeLibrary();
       this.mediaLoading.emit(false);
     }
     else {
-      const allowType = [index$1.IFileUploadAcceptMode.video];
+      const allowType = [index$2.IFileUploadAcceptMode.video];
       const limit = maxMediaLimit;
-      await this.captureFile(index$1.MessageType.video, allowType, true, limit);
+      await this.captureFile(index$2.MessageType.video, allowType, true, limit);
     }
   }
   async importPhotoFromNativeLibrary(limit) {
@@ -30916,13 +30916,13 @@ const YooInputBarComponent = class {
     if ((mediaArr === null || mediaArr === void 0 ? void 0 : mediaArr.length) <= 0) {
       return;
     }
-    if (mediaArr.length === 1 && overlays.isImage(mediaArr[0])) {
-      await this.onHandleMediaInput(mediaArr[0], index$1.MessageType.photo);
+    if (mediaArr.length === 1 && index.isImage(mediaArr[0])) {
+      await this.onHandleMediaInput(mediaArr[0], index$2.MessageType.photo);
     }
     else {
       for (let path of mediaArr) {
-        path = overlays.addFilePrefix(path);
-        await this.onHandleMediaInput(path, overlays.getMediaType(path), true, true);
+        path = index.addFilePrefix(path);
+        await this.onHandleMediaInput(path, index.getMediaType(path), true, true);
       }
     }
   }
@@ -30931,31 +30931,31 @@ const YooInputBarComponent = class {
     if (mediaPath.indexOf('file://') < 0) {
       mediaPath = 'file://' + mediaPath;
     }
-    this.onHandleMediaInput(mediaPath, index$1.MessageType.video, true, true);
+    this.onHandleMediaInput(mediaPath, index$2.MessageType.video, true, true);
   }
   async onFileSelect(ev) {
     var _a, _b, _c, _d, _e;
     if (!((_a = ev === null || ev === void 0 ? void 0 : ev.target) === null || _a === void 0 ? void 0 : _a.files) || !this.fileCaptureSettings) {
       return;
     }
-    if (overlays.isWeb(this.host)) {
+    if (index.isWeb(this.host)) {
       let mediaSrcArr = [];
       await Promise.all(Array.from(ev.target.files).map(async (file) => {
         var _a;
         let parseData = file;
-        if (overlays.isImage(file) && !((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.useImageFile)) {
-          await overlays.read(file, 'blob').then(async (data) => {
+        if (index.isImage(file) && !((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.useImageFile)) {
+          await index.read(file, 'blob').then(async (data) => {
             parseData = data;
           });
         }
         return parseData;
       })).then((arr) => (mediaSrcArr = arr));
       if ((_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.groupImport) {
-        this.onHandleMediaInput(mediaSrcArr, this.fileCaptureSettings.type || overlays.getMediaType(mediaSrcArr[0]), true, true);
+        this.onHandleMediaInput(mediaSrcArr, this.fileCaptureSettings.type || index.getMediaType(mediaSrcArr[0]), true, true);
       }
       else {
         mediaSrcArr.forEach((file) => {
-          this.onHandleMediaInput(file, this.fileCaptureSettings.type || overlays.getMediaType(file), true, this.fileCaptureSettings.preventAnnotation);
+          this.onHandleMediaInput(file, this.fileCaptureSettings.type || index.getMediaType(file), true, this.fileCaptureSettings.preventAnnotation);
         });
       }
       this.fileCaptureSettings = null;
@@ -30963,11 +30963,11 @@ const YooInputBarComponent = class {
     else {
       this.mediaLoading.emit(true);
       let requireUpload = false;
-      let promise = () => { var _a; return overlays.getAsyncExtraData({ type: 'file-upload', params: { file: ev.target.files[0], origin: ((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.origin) || 'all' } }); };
-      if ([index$1.MessageType.photo, index$1.MessageType.video].includes(this.fileCaptureSettings.type) && ((_c = this.advancedOptions) === null || _c === void 0 ? void 0 : _c.origin) === 'chat') {
+      let promise = () => { var _a; return index.getAsyncExtraData({ type: 'file-upload', params: { file: ev.target.files[0], origin: ((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.origin) || 'all' } }); };
+      if ([index$2.MessageType.photo, index$2.MessageType.video].includes(this.fileCaptureSettings.type) && ((_c = this.advancedOptions) === null || _c === void 0 ? void 0 : _c.origin) === 'chat') {
         let parseData = ev.target.files[0];
-        if (overlays.isImage(parseData)) {
-          await overlays.read(parseData, 'blob').then(async (data) => {
+        if (index.isImage(parseData)) {
+          await index.read(parseData, 'blob').then(async (data) => {
             parseData = data;
           });
         }
@@ -30976,7 +30976,7 @@ const YooInputBarComponent = class {
       }
       const ret = await promise();
       if (ret === null || ret === void 0 ? void 0 : ret.length) {
-        const type = ((_d = this.fileCaptureSettings) === null || _d === void 0 ? void 0 : _d.type) || index$1.MessageType.document;
+        const type = ((_d = this.fileCaptureSettings) === null || _d === void 0 ? void 0 : _d.type) || index$2.MessageType.document;
         const preventAnnotation = ((_e = this.fileCaptureSettings) === null || _e === void 0 ? void 0 : _e.preventAnnotation) || false;
         this.onHandleMediaInput(ret[0], type, requireUpload, preventAnnotation);
         this.fileInput.value = null;
@@ -30990,12 +30990,12 @@ const YooInputBarComponent = class {
     const mediaSrc = (_a = mediaData['_downloadURL']) !== null && _a !== void 0 ? _a : mediaData;
     const emitMediaInput = async (annotationData) => {
       let dimensionData;
-      if (mediaData['_downloadURL'] && type !== index$1.MessageType.document) {
+      if (mediaData['_downloadURL'] && type !== index$2.MessageType.document) {
         dimensionData = mediaData['mediaDimension'];
       }
       this.mediaInput.emit({
         type,
-        payload: type === index$1.MessageType.photo ? mediaSrc : mediaData,
+        payload: type === index$2.MessageType.photo ? mediaSrc : mediaData,
         options: {
           requireUpload,
           annotationData,
@@ -31003,7 +31003,7 @@ const YooInputBarComponent = class {
         }
       });
     };
-    if (((_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.allowAnnotation) && type === index$1.MessageType.photo && !preventAnnotation && (lodash.isArray(mediaData) ? mediaData.length === 1 : mediaData)) {
+    if (((_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.allowAnnotation) && type === index$2.MessageType.photo && !preventAnnotation && (lodash.isArray(mediaData) ? mediaData.length === 1 : mediaData)) {
       commonHelpers.showPhotoEditor(this.host, {
         src: mediaSrc,
         showSaveInitial: true,
@@ -31013,11 +31013,11 @@ const YooInputBarComponent = class {
           color: 'success',
           size: 'large',
           handler: async (annotationData) => {
-            await overlays.closeModal(null);
+            await index.closeModal(null);
             emitMediaInput(annotationData);
           }
         },
-        closeHandler: () => overlays.closeModal(null)
+        closeHandler: () => index.closeModal(null)
       }, {
         enterAnimation: 'slideYEnterAnimation',
         leaveAnimation: 'slideYLeaveAnimation'
@@ -31047,43 +31047,43 @@ const YooInputBarComponent = class {
     this.dismissKeyboard();
   }
   noAudio() {
-    overlays.showAlert(overlays.translate('AUDIO'), [overlays.translate('YOOBICOK')], overlays.translate('NOAUDIO'));
+    index.showAlert(index.translate('AUDIO'), [index.translate('YOOBICOK')], index.translate('NOAUDIO'));
   }
   async onWebRecorder() {
     const ret = await cameraHelpers.showAudioRecorder(this.host);
     if (ret === null || ret === void 0 ? void 0 : ret.data) {
-      return this.onHandleMediaInput(ret.data, index$1.MessageType.audio);
+      return this.onHandleMediaInput(ret.data, index$2.MessageType.audio);
     }
   }
   async onNativeRecorder() {
     var _a;
     const options = { limit: 1, duration: ((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.duration) || 60 };
-    overlays.keepAwake();
+    index.keepAwake();
     this.audioRecording.emit(true);
     return cameraHelpers.MediaCapture.captureAudio(options)
       .then((files) => {
       this.audioRecording.emit(false);
       if ((files === null || files === void 0 ? void 0 : files.length) > 0) {
-        const path = overlays.addFilePrefix(files[0].fullPath);
+        const path = index.addFilePrefix(files[0].fullPath);
         let promise = Promise.resolve(path);
-        if (overlays.isIOS()) {
-          promise = overlays.moveToImageDirectory(path, overlays.getSession().user ? overlays.getSession().user.disablePhotoOrientationAutoFix : false);
+        if (index.isIOS()) {
+          promise = index.moveToImageDirectory(path, index.getSession().user ? index.getSession().user.disablePhotoOrientationAutoFix : false);
         }
         promise.then((newPath) => {
-          overlays.keepAwake(false);
-          return this.onHandleMediaInput(newPath, index$1.MessageType.audio);
+          index.keepAwake(false);
+          return this.onHandleMediaInput(newPath, index$2.MessageType.audio);
         });
       }
     }).catch((err) => {
       this.audioRecording.emit(false);
-      overlays.keepAwake(false);
+      index.keepAwake(false);
       if (err.code !== 3) {
         this.noAudio();
       }
     });
   }
   async onMicIconClicked() {
-    if (overlays.isNativeMobile() && overlays.isIOS()) {
+    if (index.isNativeMobile() && index.isIOS()) {
       await this.onNativeRecorder();
     }
     else {
@@ -31091,8 +31091,8 @@ const YooInputBarComponent = class {
     }
   }
   async onVibrate() {
-    if (overlays.isNativeMobile() && overlays.isIOS()) {
-      await overlays.vibrateHapticMedium();
+    if (index.isNativeMobile() && index.isIOS()) {
+      await index.vibrateHapticMedium();
     }
   }
   async onActionClick(preventFocusAfter = false) {
@@ -31126,7 +31126,7 @@ const YooInputBarComponent = class {
     }
   }
   dismissKeyboard() {
-    overlays.hideKeyboard();
+    index.hideKeyboard();
     return new Promise((resolve) => {
       setTimeout(() => {
         resolve(null);
@@ -31136,25 +31136,25 @@ const YooInputBarComponent = class {
   onInputActionClick(type, captureOnly) {
     this.onVibrate();
     switch (type) {
-      case index$1.MessageInput.gif:
+      case index$2.MessageInput.gif:
         return this.onToggleBottomDialog();
-      case index$1.MessageInput.audio:
+      case index$2.MessageInput.audio:
         return this.onMicIconClicked();
-      case index$1.MessageInput.camera:
+      case index$2.MessageInput.camera:
         return this.onCapturePicture();
-      case index$1.MessageInput.document:
+      case index$2.MessageInput.document:
         if (captureOnly) {
-          return this.onCaptureLocalFile(index$1.MessageType.document, true);
+          return this.onCaptureLocalFile(index$2.MessageType.document, true);
         }
         break;
-      case index$1.MessageInput.gallery:
+      case index$2.MessageInput.gallery:
         if (captureOnly) {
-          return this.captureFile(index$1.MessageType.photo, [index$1.IFileUploadAcceptMode.unsplash, index$1.IFileUploadAcceptMode.gif, index$1.IFileUploadAcceptMode.image], true, this.getTypeMaximumAllowedSize(type));
+          return this.captureFile(index$2.MessageType.photo, [index$2.IFileUploadAcceptMode.unsplash, index$2.IFileUploadAcceptMode.gif, index$2.IFileUploadAcceptMode.image], true, this.getTypeMaximumAllowedSize(type));
         }
         break;
-      case index$1.MessageInput.video:
+      case index$2.MessageInput.video:
         if (captureOnly) {
-          return this.captureFile(index$1.MessageType.video, [index$1.IFileUploadAcceptMode.video], true, this.getTypeMaximumAllowedSize(type));
+          return this.captureFile(index$2.MessageType.video, [index$2.IFileUploadAcceptMode.video], true, this.getTypeMaximumAllowedSize(type));
         }
         break;
       default:
@@ -31194,9 +31194,9 @@ const YooInputBarComponent = class {
   renderInputBarIcons() {
     var _a, _b, _c, _d;
     let pressTimer;
-    const defaultType = [this.getIconDetails(index$1.MessageInput.audio)];
-    if (!overlays.isWeb(this.host)) {
-      defaultType.push(this.getIconDetails(index$1.MessageInput.camera));
+    const defaultType = [this.getIconDetails(index$2.MessageInput.audio)];
+    if (!index.isWeb(this.host)) {
+      defaultType.push(this.getIconDetails(index$2.MessageInput.camera));
     }
     if (((_b = (_a = this.secondaryActionSettings) === null || _a === void 0 ? void 0 : _a.showAsSecondaryIcon) === null || _b === void 0 ? void 0 : _b.length) > 0) {
       this.secondaryActionSettings.showAsSecondaryIcon.forEach((type) => {
@@ -31208,10 +31208,10 @@ const YooInputBarComponent = class {
       invisible: this.hasTextInside
     };
     const showSecondaryAction = !this.focused && ((_d = (_c = this.secondaryActionSettings) === null || _c === void 0 ? void 0 : _c.secondaryActions) === null || _d === void 0 ? void 0 : _d.length) > 0;
-    return (index.h("div", { class: inputBarContainerClass }, defaultType.map((item) => {
+    return (index$1.h("div", { class: inputBarContainerClass }, defaultType.map((item) => {
       var _a;
-      const shouldTriggerPressAction = (item === null || item === void 0 ? void 0 : item.type) === index$1.MessageInput.audio && overlays.isAndroid();
-      return (this.isInputTypeAllowed(item.type) && (index.h("yoo-button", { onClick: item.handler, onTouchEnd: () => {
+      const shouldTriggerPressAction = (item === null || item === void 0 ? void 0 : item.type) === index$2.MessageInput.audio && index.isAndroid();
+      return (this.isInputTypeAllowed(item.type) && (index$1.h("yoo-button", { onClick: item.handler, onTouchEnd: () => {
           if (shouldTriggerPressAction) {
             clearTimeout(pressTimer);
             return false;
@@ -31219,13 +31219,13 @@ const YooInputBarComponent = class {
         }, onTouchStart: () => {
           if (shouldTriggerPressAction) {
             pressTimer = setTimeout(() => {
-              overlays.showActionSheet([
-                { text: overlays.translate('YOOBICRECORDEROPTION'), handler: () => this.onWebRecorder() },
-                { text: overlays.translate('YOOBICNATIVERECORDEROPTION'), handler: () => this.onNativeRecorder() }
+              index.showActionSheet([
+                { text: index.translate('YOOBICRECORDEROPTION'), handler: () => this.onWebRecorder() },
+                { text: index.translate('YOOBICNATIVERECORDEROPTION'), handler: () => this.onNativeRecorder() }
               ]);
             }, 4000);
           }
-        }, fill: "transparent", shape: "circular", rippleType: "unbounded" }, index.h("yoo-icon", { name: item.name, color: item.color, size: (_a = this.secondaryActionSettings) === null || _a === void 0 ? void 0 : _a.secondaryIconSize }))));
+        }, fill: "transparent", shape: "circular", rippleType: "unbounded" }, index$1.h("yoo-icon", { name: item.name, color: item.color, size: (_a = this.secondaryActionSettings) === null || _a === void 0 ? void 0 : _a.secondaryIconSize }))));
     }), showSecondaryAction && this.renderSecondaryActions()));
   }
   renderInputBarActions() {
@@ -31236,7 +31236,7 @@ const YooInputBarComponent = class {
     return [
       this.renderFileInput(),
       !this.hasTextInside && this.renderInputBarIcons(),
-      this.hasTextInside && (index.h("div", { class: actionClass, onClick: () => this.onActionClick() }, overlays.translate(this.actionText)))
+      this.hasTextInside && (index$1.h("div", { class: actionClass, onClick: () => this.onActionClick() }, index.translate(this.actionText)))
     ];
   }
   renderSecondaryActions() {
@@ -31246,12 +31246,12 @@ const YooInputBarComponent = class {
       action.handler(ev);
     };
     return (((_a = this.secondaryActionSettings) === null || _a === void 0 ? void 0 : _a.secondaryActions) || []).map((action) => {
-      return index.h("yoo-icon", { name: action.icon, color: action.iconColor || 'stable-alt', size: action === null || action === void 0 ? void 0 : action.size, onClick: (ev) => iconHandler(action, ev) });
+      return index$1.h("yoo-icon", { name: action.icon, color: action.iconColor || 'stable-alt', size: action === null || action === void 0 ? void 0 : action.size, onClick: (ev) => iconHandler(action, ev) });
     });
   }
   renderFileInput() {
-    const multiple = !overlays.isNativeMobile() && this.getTypeMaximumAllowedSize() > 1;
-    return index.h("input", { name: "file", ref: (el) => (this.fileInput = el), multiple: multiple, type: "file", class: "invisible", onChange: (ev) => this.onFileSelect(ev) });
+    const multiple = !index.isNativeMobile() && this.getTypeMaximumAllowedSize() > 1;
+    return index$1.h("input", { name: "file", ref: (el) => (this.fileInput = el), multiple: multiple, type: "file", class: "invisible", onChange: (ev) => this.onFileSelect(ev) });
   }
   renderGifIcon() {
     var _a;
@@ -31259,16 +31259,16 @@ const YooInputBarComponent = class {
       invisible: this.hasTextInside,
       'gif-icon': true
     };
-    return (index.h("yoo-icon", { name: "photo-library", color: "stable", slot: "right", class: iconClass, size: (_a = this.secondaryActionSettings) === null || _a === void 0 ? void 0 : _a.secondaryIconSize, onClick: () => this.onImportPhotoFromLibrary() }));
+    return (index$1.h("yoo-icon", { name: "photo-library", color: "stable", slot: "right", class: iconClass, size: (_a = this.secondaryActionSettings) === null || _a === void 0 ? void 0 : _a.secondaryIconSize, onClick: () => this.onImportPhotoFromLibrary() }));
   }
   renderTextarea() {
     var _a, _b, _c, _d;
-    return (index.h("yoo-form-text-area", { ref: (el) => (this.formTextArea = el), class: "input-bar", resizable: "both", value: this.value, initialRows: 1, allowMention: (_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.allowMention, mentionConfigs: this.mentionConfigs, mentionFitMaxRows: true, maxRows: 5, disableInput: (_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.disableInput, allowCustomInput: true, disableEnter: overlays.isWeb(this.host), otherIds: (_c = this.advancedOptions) === null || _c === void 0 ? void 0 : _c.otherIds, mentions: (_d = this.advancedOptions) === null || _d === void 0 ? void 0 : _d.mentions, onInputBlurred: (ev) => this.onInputBlurred(ev), onInputFocused: (ev) => this.onInputFocused(ev), onInputChanged: (ev) => this.onInput(ev), onEnterPressed: (ev) => overlays.isWeb(this.host) && ev.detail && this.onActionClick(), onClick: () => overlays.isWeb(this.host) && this.sendAttachment.emit('') }, !this.hasTextInside && (index.h("div", { slot: "placeholder", class: "placeholder" }, overlays.translate(this.placeholder))), this.isInputTypeAllowed(index$1.MessageInput.gif) && this.renderGifIcon()));
+    return (index$1.h("yoo-form-text-area", { ref: (el) => (this.formTextArea = el), class: "input-bar", resizable: "both", value: this.value, initialRows: 1, allowMention: (_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.allowMention, mentionConfigs: this.mentionConfigs, mentionFitMaxRows: true, maxRows: 5, disableInput: (_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.disableInput, allowCustomInput: true, disableEnter: index.isWeb(this.host), otherIds: (_c = this.advancedOptions) === null || _c === void 0 ? void 0 : _c.otherIds, mentions: (_d = this.advancedOptions) === null || _d === void 0 ? void 0 : _d.mentions, onInputBlurred: (ev) => this.onInputBlurred(ev), onInputFocused: (ev) => this.onInputFocused(ev), onInputChanged: (ev) => this.onInput(ev), onEnterPressed: (ev) => index.isWeb(this.host) && ev.detail && this.onActionClick(), onClick: () => index.isWeb(this.host) && this.sendAttachment.emit('') }, !this.hasTextInside && (index$1.h("div", { slot: "placeholder", class: "placeholder" }, index.translate(this.placeholder))), this.isInputTypeAllowed(index$2.MessageInput.gif) && this.renderGifIcon()));
   }
   renderCaptureIcon() {
     var _a, _b, _c, _d, _e, _f;
     if ((_a = this.captureIconSettings) === null || _a === void 0 ? void 0 : _a.avatar) {
-      return index.h("yoo-avatar", { user: this.captureIconSettings.avatar, size: "large" });
+      return index$1.h("yoo-avatar", { user: this.captureIconSettings.avatar, size: "large" });
     }
     else {
       const tagSize = ((_b = this.secondaryActionSettings) === null || _b === void 0 ? void 0 : _b.secondaryIconSize)
@@ -31285,7 +31285,7 @@ const YooInputBarComponent = class {
       const handler = (ev) => this.onShowActionSheet(ev);
       const captureHandler = (ev) => {
         this.onVibrate();
-        if (this.focused && overlays.isNativeMobile() && overlays.isIOS()) {
+        if (this.focused && index.isNativeMobile() && index.isIOS()) {
           this.showActionSheetOnDidHide = true;
         }
         else {
@@ -31297,30 +31297,30 @@ const YooInputBarComponent = class {
           }
         }
       };
-      return (index.h("div", { class: "capture-icon", ref: (el) => (this.capturIconEl = el), onMouseDown: (ev) => captureHandler(ev) }, index.h("yoo-tag", { ...badgeConfig })));
+      return (index$1.h("div", { class: "capture-icon", ref: (el) => (this.capturIconEl = el), onMouseDown: (ev) => captureHandler(ev) }, index$1.h("yoo-tag", { ...badgeConfig })));
     }
   }
   renderQuickReaction() {
-    return (index.h("div", { class: {
+    return (index$1.h("div", { class: {
         'quick-reaction-overlay': true,
         hide: !this.focused,
-        web: overlays.isWeb(this.host)
-      }, onMouseDown: (ev) => this.onReactionContainerClick(ev) }, index.h("div", { class: "reaction-title" }, overlays.translate('QUICKREACTIONS')), index.h("div", { class: "reactions-container" }, this.quickReactions.map((reaction) => {
-      return (index.h("div", { class: "reaction", onMouseDown: (ev) => this.onReactionClick(ev, reaction), innerHTML: reaction }));
+        web: index.isWeb(this.host)
+      }, onMouseDown: (ev) => this.onReactionContainerClick(ev) }, index$1.h("div", { class: "reaction-title" }, index.translate('QUICKREACTIONS')), index$1.h("div", { class: "reactions-container" }, this.quickReactions.map((reaction) => {
+      return (index$1.h("div", { class: "reaction", onMouseDown: (ev) => this.onReactionClick(ev, reaction), innerHTML: reaction }));
     }))));
   }
   renderPlaceholder() {
-    return (index.h("div", { slot: "placeholder", class: "placeholder" }, overlays.translate(this.placeholder)));
+    return (index$1.h("div", { slot: "placeholder", class: "placeholder" }, index.translate(this.placeholder)));
   }
   renderBottomDialogInnerContent(value) {
     var _a;
     const currentTab = (((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.extraBottomDialogTab) || [])[this.currentTabIndex];
     const invisible = (currentTab === null || currentTab === void 0 ? void 0 : currentTab.value) !== value;
-    return (index.h("div", { class: { invisible, 'slot-grid': true } }, index.h("slot", { name: value })));
+    return (index$1.h("div", { class: { invisible, 'slot-grid': true } }, index$1.h("slot", { name: value })));
   }
   renderBottomDialog() {
     var _a, _b;
-    return (index.h("div", { class: "bottom-dialog-container", ref: (el) => (this.bottomDialogRef = el) }, index.h("yoo-header", { class: "secondary" }, index.h("yoo-tabs", { tabs: ((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.extraBottomDialogTab) || [], ref: (el) => (this.tabRef = el), onTabSelected: (ev) => this.onTabSelected(ev) })), (((_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.extraBottomDialogTab) || []).map((tab) => this.renderBottomDialogInnerContent(tab === null || tab === void 0 ? void 0 : tab.value))));
+    return (index$1.h("div", { class: "bottom-dialog-container", ref: (el) => (this.bottomDialogRef = el) }, index$1.h("yoo-header", { class: "secondary" }, index$1.h("yoo-tabs", { tabs: ((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.extraBottomDialogTab) || [], ref: (el) => (this.tabRef = el), onTabSelected: (ev) => this.onTabSelected(ev) })), (((_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.extraBottomDialogTab) || []).map((tab) => this.renderBottomDialogInnerContent(tab === null || tab === void 0 ? void 0 : tab.value))));
   }
   renderTopIndication() {
     var _a, _b, _c;
@@ -31328,31 +31328,31 @@ const YooInputBarComponent = class {
       'indications-container': true,
       active: this.hasTopIndication()
     };
-    return (index.h("div", { class: indicationClass }, index.h("span", { class: "indications-inner" }, ((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.topIndication) && index.h("span", null, overlays.translate(this.advancedOptions.topIndication)), !((_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.topIndication) && ((_c = this.advancedOptions) === null || _c === void 0 ? void 0 : _c.replyToUser) && (index.h("span", null, overlays.translate('REPLY_TO') + ' ', index.h("span", { class: "user-indication" }, overlays.getUserDisplayName(this.advancedOptions.replyToUser))))), index.h("span", { class: "close-reply", onClick: () => this.onCloseReplyMode() }, index.h("yoo-icon", { name: "close", color: "dark" }))));
+    return (index$1.h("div", { class: indicationClass }, index$1.h("span", { class: "indications-inner" }, ((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.topIndication) && index$1.h("span", null, index.translate(this.advancedOptions.topIndication)), !((_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.topIndication) && ((_c = this.advancedOptions) === null || _c === void 0 ? void 0 : _c.replyToUser) && (index$1.h("span", null, index.translate('REPLY_TO') + ' ', index$1.h("span", { class: "user-indication" }, index.getUserDisplayName(this.advancedOptions.replyToUser))))), index$1.h("span", { class: "close-reply", onClick: () => this.onCloseReplyMode() }, index$1.h("yoo-icon", { name: "close", color: "dark" }))));
   }
   renderReplyMessage() {
-    return (index.h("div", { class: "reply-message-container" }, index.h("yoo-chat-message-preview", { message: this.replyChatMessage, onDismissReplyClicked: (ev) => this.onDismissReplyClicked(ev) })));
+    return (index$1.h("div", { class: "reply-message-container" }, index$1.h("yoo-chat-message-preview", { message: this.replyChatMessage, onDismissReplyClicked: (ev) => this.onDismissReplyClicked(ev) })));
   }
   renderUrlPreview() {
     var _a;
-    return index.h("yoo-links-preview", { closeable: true, inline: true, ref: ev => this.linksPreviewElement = ev, links: [(_a = this.linkPreviews) === null || _a === void 0 ? void 0 : _a[0]], showErrors: false, onClose: () => this.linksPreviewElement.classList.remove('active'), onLinkPreviewChanged: (ev) => { var _a, _b; return !((_b = (_a = ev.detail) === null || _a === void 0 ? void 0 : _a.linkPreviews) === null || _b === void 0 ? void 0 : _b.length) && this.urlPreviewAdded.emit(false); } });
+    return index$1.h("yoo-links-preview", { closeable: true, inline: true, ref: ev => this.linksPreviewElement = ev, links: [(_a = this.linkPreviews) === null || _a === void 0 ? void 0 : _a[0]], showErrors: false, onClose: () => this.linksPreviewElement.classList.remove('active'), onLinkPreviewChanged: (ev) => { var _a, _b; return !((_b = (_a = ev.detail) === null || _a === void 0 ? void 0 : _a.linkPreviews) === null || _b === void 0 ? void 0 : _b.length) && this.urlPreviewAdded.emit(false); } });
   }
   render() {
     var _a, _b, _c;
-    const showBottomDialog = this.isInputTypeAllowed(index$1.MessageInput.gif);
+    const showBottomDialog = this.isInputTypeAllowed(index$2.MessageInput.gif);
     const allowInputs = ((_a = this.secondaryActionSettings) === null || _a === void 0 ? void 0 : _a.allowInput)
       ? Object.keys(this.secondaryActionSettings.allowInput || {}).filter((item) => !!this.secondaryActionSettings.allowInput[item])
       : [];
     const showCaptureIcon = !!allowInputs.length || ((_b = this.captureIconSettings) === null || _b === void 0 ? void 0 : _b.avatar);
     const showQuickReaction = !!((_c = this.advancedOptions) === null || _c === void 0 ? void 0 : _c.showQuickReaction);
-    return (index.h(index.Host, { class: { ...commonHelpers.getAppContext(this.host), expanded: this.showBottomDialog } }, this.renderUrlPreview(), this.replyChatMessage && this.renderReplyMessage(), index.h("div", { class: {
+    return (index$1.h(index$1.Host, { class: { ...commonHelpers.getAppContext(this.host), expanded: this.showBottomDialog } }, this.renderUrlPreview(), this.replyChatMessage && this.renderReplyMessage(), index$1.h("div", { class: {
         'outer-container': true,
         focused: this.focused,
         'has-text': this.hasTextInside,
         replying: this.hasTopIndication()
-      } }, this.renderTopIndication(), index.h("div", { class: "input-container" }, showCaptureIcon && this.renderCaptureIcon(), this.renderTextarea(), this.renderInputBarActions()), showBottomDialog && this.renderBottomDialog()), showQuickReaction && this.renderQuickReaction()));
+      } }, this.renderTopIndication(), index$1.h("div", { class: "input-container" }, showCaptureIcon && this.renderCaptureIcon(), this.renderTextarea(), this.renderInputBarActions()), showBottomDialog && this.renderBottomDialog()), showQuickReaction && this.renderQuickReaction()));
   }
-  get host() { return index.getElement(this); }
+  get host() { return index$1.getElement(this); }
 };
 YooInputBarComponent.style = inputBarCss;