@yoobic/yobi 8.5.0-3 → 8.5.0-8

package/dist/collection/feature-communicate/chat/chat/chat.js

@@ -1,6 +1,6 @@
 import { BroadcastType, MessageType } from '@shared/interfaces';
 import { cancelRequestInterval, closeModal, dateFormat, disableKeyboardResize, dispatchCustomEvent, downloadFile, enableKeyboardResize, findParent, floatingIconAnimation, getAsyncExtraData, getFormattedCountDownToDisplay, getSession, getUserDisplayName, isGif, isImage, isIOS, isIphoneX, isNativeMobile, isNotificationMessage, isNullOrUndefined, isRichContentMessage, isVideo, isWeb, requestInterval, showActionSheet, showAlert, translate } from '@shared/utils';
-import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { isFinite } from 'lodash-es';
 import { getButton } from '../../../utils/button.factory';
 import { getDateFormats, parseMediaMessageForSlidesMedia } from '../../../utils/helpers/chat-helpers';
@@ -414,69 +414,32 @@ export class YooChatComponent {
     return (h("yoo-header", { onClick: () => {
         var _a;
         ((_a = this.advancedOptions) === null || _a === void 0 ? void 0 : _a.headerFn) && this.advancedOptions.headerFn();
-      } },
-      h("yoo-navbar", { class: popupMode ? 'app-color chat no-shadow' : '', centerTitle: false },
-        (this.closeIcon || !isWeb(this.host)) && (h("yoo-items", { slot: "start" },
-          h("yoo-button", { size: popupMode ? 'small' : undefined, color: textColor, fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: (ev) => {
-              ev.stopPropagation();
-              this.closePage.emit(true);
-            } },
-            h("yoo-icon", { size: popupMode ? 'small' : undefined, name: this.closeIcon ? this.closeIcon : 'left', color: textColor })))),
-        this.background ? h("yoo-avatar", { size: avatarSize, imgSrc: this.background }) : this.renderAvatars(),
-        h("div", { class: { 'heading-container': true, 'light small': popupMode, clickable: !this.background && ((_d = this.users) === null || _d === void 0 ? void 0 : _d.length) === 1 }, onClick: () => this.onHeadingClicked() },
-          h("yoo-truncated-line", { content: this.heading, tooltipPlacement: "bottom" }),
-          !this.isMultiple && !popupMode &&
-            h("yoo-truncated-line", { class: "subheading", content: translate(this.isOnline ? 'ONLINE' : 'OFFLINE'), tooltipPlacement: "bottom" })),
-        h("yoo-items", { slot: "end" },
-          this.canVideoCall && !popupMode && (h("yoo-button", { size: popupMode ? 'small' : undefined, color: textColor, fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.startVideocall.emit(true) },
-            h("yoo-icon", { size: popupMode ? 'small' : undefined, name: "videocamera", color: popupMode ? textColor : 'app-color' }))),
-          !popupMode && !((_e = this.advancedOptions) === null || _e === void 0 ? void 0 : _e.waitlist) && (h("yoo-button", { ref: (el) => (this.moreButtonEl = el), color: textColor, fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: (ev) => this.showMore.emit({ host: this.moreButtonEl, ev }) },
-            h("yoo-icon", { name: "more", color: textColor }))), (_g = (_f = this.advancedOptions) === null || _f === void 0 ? void 0 : _f.extraEndActions) === null || _g === void 0 ? void 0 :
-          _g.map((action) => {
-            return (h(TagType, { hoverable: true, content: action.text, placement: "top" },
-              h("yoo-button", { size: popupMode ? 'small' : undefined, onClick: (ev) => action.handler(ev), shape: "circular", fill: "transparent" },
-                h("yoo-icon", { size: popupMode ? 'small' : 'medium', class: action.cssClass, name: action.icon, color: action.color }))));
-          })))));
+      } }, h("yoo-navbar", { class: popupMode ? 'app-color chat no-shadow' : '', centerTitle: false }, (this.closeIcon || !isWeb(this.host)) && (h("yoo-items", { slot: "start" }, h("yoo-button", { size: popupMode ? 'small' : undefined, color: textColor, fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: (ev) => {
+        ev.stopPropagation();
+        this.closePage.emit(true);
+      } }, h("yoo-icon", { size: popupMode ? 'small' : undefined, name: this.closeIcon ? this.closeIcon : 'left', color: textColor })))), this.background ? h("yoo-avatar", { size: avatarSize, imgSrc: this.background }) : this.renderAvatars(), h("div", { class: { 'heading-container': true, 'light small': popupMode, clickable: !this.background && ((_d = this.users) === null || _d === void 0 ? void 0 : _d.length) === 1 }, onClick: () => this.onHeadingClicked() }, h("yoo-truncated-line", { content: this.heading, tooltipPlacement: "bottom" }), !this.isMultiple && !popupMode &&
+      h("yoo-truncated-line", { class: "subheading", content: translate(this.isOnline ? 'ONLINE' : 'OFFLINE'), tooltipPlacement: "bottom" })), h("yoo-items", { slot: "end" }, this.canVideoCall && !popupMode && (h("yoo-button", { size: popupMode ? 'small' : undefined, color: textColor, fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.startVideocall.emit(true) }, h("yoo-icon", { size: popupMode ? 'small' : undefined, name: "videocamera", color: popupMode ? textColor : 'app-color' }))), !popupMode && !((_e = this.advancedOptions) === null || _e === void 0 ? void 0 : _e.waitlist) && (h("yoo-button", { ref: (el) => (this.moreButtonEl = el), color: textColor, fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: (ev) => this.showMore.emit({ host: this.moreButtonEl, ev }) }, h("yoo-icon", { name: "more", color: textColor }))), (_g = (_f = this.advancedOptions) === null || _f === void 0 ? void 0 : _f.extraEndActions) === null || _g === void 0 ? void 0 :
+      _g.map((action) => {
+        return (h(TagType, { hoverable: true, content: action.text, placement: "top" }, h("yoo-button", { size: popupMode ? 'small' : undefined, onClick: (ev) => action.handler(ev), shape: "circular", fill: "transparent" }, h("yoo-icon", { size: popupMode ? 'small' : 'medium', class: action.cssClass, name: action.icon, color: action.color }))));
+      })))));
   }
   renderAdvancedHeader() {
-    return (h("div", { class: "advanced-heading-container" },
-      h("div", { class: "advanced-heading" },
-        h("div", { class: "advanced-heading-content" },
-          h("yoo-avatar", { user: this.advancedOptions.user, size: "small" }),
-          h("div", null, this.advancedOptions.heading),
-          this.advancedOptions.canClose && (h("yoo-icon", { onClick: () => {
-              closeModal(null);
-            }, color: "light", name: "close", size: "medium" }))),
-        h("div", { class: "advanced-heading-subheading" }, this.advancedOptions.subheading)),
-      h("yoo-ion-footer", null,
-        h("yoo-copyright", null))));
+    return (h("div", { class: "advanced-heading-container" }, h("div", { class: "advanced-heading" }, h("div", { class: "advanced-heading-content" }, h("yoo-avatar", { user: this.advancedOptions.user, size: "small" }), h("div", null, this.advancedOptions.heading), this.advancedOptions.canClose && (h("yoo-icon", { onClick: () => {
+        closeModal(null);
+      }, color: "light", name: "close", size: "medium" }))), h("div", { class: "advanced-heading-subheading" }, this.advancedOptions.subheading)), h("yoo-ion-footer", null, h("yoo-copyright", null))));
   }
   renderEditableHeader() {
-    return (h("yoo-header", { class: "delete-mode-header" },
-      h("yoo-navbar", null,
-        h("yoo-items", { slot: "start" },
-          h("yoo-button", { color: "app-color", fill: "transparent", animated: false, onClick: () => this.onSelectMessages(true) }, translate('SELECTALL'))),
-        h("yoo-items", { slot: "end" },
-          h("yoo-button", { color: "app-color", fill: "transparent", animated: false, onClick: () => this.onCloseDeleteMode() }, translate('CANCEL'))))));
+    return (h("yoo-header", { class: "delete-mode-header" }, h("yoo-navbar", null, h("yoo-items", { slot: "start" }, h("yoo-button", { color: "app-color", fill: "transparent", animated: false, onClick: () => this.onSelectMessages(true) }, translate('SELECTALL'))), h("yoo-items", { slot: "end" }, h("yoo-button", { color: "app-color", fill: "transparent", animated: false, onClick: () => this.onCloseDeleteMode() }, translate('CANCEL'))))));
   }
   renderInputBar() {
-    return (h("div", { class: "input-bar-container", ref: (el) => (this.inputBarContainerElement = el) },
-      h("slot", { name: "input-bar" })));
+    return (h("div", { class: "input-bar-container", ref: (el) => (this.inputBarContainerElement = el) }, h("slot", { name: "input-bar" })));
   }
   renderDeleteModeFooter() {
-    return (h("div", { class: 'delete-mode-footer ' + (this.selectedTimeTokens.length > 0 ? 'app-color' : 'disabled') },
-      h("div", { class: "inner-container", onClick: () => this.onDeleteMessages() },
-        h("yoo-icon", { name: "delete" }),
-        " ",
-        translate(this.selectedTimeTokens.length <= 1 ? 'DELETE_MESSAGE' : 'DELETE_MESSAGES', { number: this.selectedTimeTokens.length }))));
+    return (h("div", { class: 'delete-mode-footer ' + (this.selectedTimeTokens.length > 0 ? 'app-color' : 'disabled') }, h("div", { class: "inner-container", onClick: () => this.onDeleteMessages() }, h("yoo-icon", { name: "delete" }), " ", translate(this.selectedTimeTokens.length <= 1 ? 'DELETE_MESSAGE' : 'DELETE_MESSAGES', { number: this.selectedTimeTokens.length }))));
   }
   renderTypingIcon() {
     return [
-      h("div", { class: "user-typing" },
-        h("div", { class: "typing-indicator" },
-          h("span", null),
-          h("span", null),
-          h("span", null)))
+      h("div", { class: "user-typing" }, h("div", { class: "typing-indicator" }, h("span", null), h("span", null), h("span", null)))
     ];
   }
   renderUserName(user) {
@@ -489,9 +452,7 @@ export class YooChatComponent {
     return Object.keys(this.usersTyping).map((key) => {
       return [
         this.renderUserName(this.usersTyping[key]),
-        h("div", { class: "bottom-part" },
-          this.renderUser(this.usersTyping[key]),
-          this.renderTypingIcon())
+        h("div", { class: "bottom-part" }, this.renderUser(this.usersTyping[key]), this.renderTypingIcon())
       ];
     });
   }
@@ -500,9 +461,7 @@ export class YooChatComponent {
   }
   renderNotificationMessage(m) {
     const { hidden, notificationTranslation, notificationAvatar } = m.options.notificationParams;
-    return !hidden && (h("div", { class: "notification" },
-      !!notificationAvatar && h("yoo-avatar", { size: "small", user: notificationAvatar }),
-      notificationTranslation && translate(notificationTranslation.key, notificationTranslation.keyParams) || m.content));
+    return !hidden && (h("div", { class: "notification" }, !!notificationAvatar && h("yoo-avatar", { size: "small", user: notificationAvatar }), notificationTranslation && translate(notificationTranslation.key, notificationTranslation.keyParams) || m.content));
   }
   renderMessages() {
     const getFormattedDateAtIndex = (i) => {
@@ -518,12 +477,10 @@ export class YooChatComponent {
       const currentDate = getFormattedDateAtIndex(i);
       return !(m === null || m === void 0 ? void 0 : m.deleted) && [
         currentDate && (previousDate !== currentDate) && h("p", null, currentDate),
-        h("section", { class: { 'message-row': true, deleteable: isDeleteable } },
-          h("yoo-form-checkbox", { value: m.selected, onInputChanged: (ev) => {
-              m.selected = ev === null || ev === void 0 ? void 0 : ev.detail;
-              this.onSelectMessage(m);
-            } }),
-          notificationParams ? this.renderNotificationMessage(m) : this.renderMessage(m, i, messageReceivedInfo))
+        h("section", { class: { 'message-row': true, deleteable: isDeleteable } }, h("yoo-form-checkbox", { value: m.selected, onInputChanged: (ev) => {
+            m.selected = ev === null || ev === void 0 ? void 0 : ev.detail;
+            this.onSelectMessage(m);
+          } }), notificationParams ? this.renderNotificationMessage(m) : this.renderMessage(m, i, messageReceivedInfo))
       ];
     });
   }
@@ -541,40 +498,27 @@ export class YooChatComponent {
       }
     };
     if (actionType === 'badge') {
-      return (h("yoo-tag", { color: action.color, onClick: (ev) => actionHandler(ev, action) },
-        action.icon && h("yoo-icon", { slot: "start", size: "small", name: action.icon }),
-        action.text));
+      return (h("yoo-tag", { color: action.color, onClick: (ev) => actionHandler(ev, action) }, action.icon && h("yoo-icon", { slot: "start", size: "small", name: action.icon }), action.text));
     }
     else if (actionType === 'icon') {
       return h("yoo-icon", { name: action.icon, color: "light", onClick: (ev) => actionHandler(ev, action) });
     }
   }
   renderBroadcastMessage(message) {
-    return (h("div", { class: "broadcast-message" },
-      h("yoo-avatar", { size: "medium", user: message.author }),
-      h("div", { class: "content-container" },
-        h("div", { class: "title" }, getUserDisplayName(message.author)),
-        h("div", { class: "content" }, message.content))));
+    return (h("div", { class: "broadcast-message" }, h("yoo-avatar", { size: "medium", user: message.author }), h("div", { class: "content-container" }, h("div", { class: "title" }, getUserDisplayName(message.author)), h("div", { class: "content" }, message.content))));
   }
   renderShareOptions(shareOptions) {
     var _a;
-    return (h("div", { class: "share-container" },
-      h("span", { class: "text" }, shareOptions.text),
-      h("div", { class: "buttons-container" }, (_a = shareOptions === null || shareOptions === void 0 ? void 0 : shareOptions.shareButtons) === null || _a === void 0 ? void 0 : _a.map(shareButton => getButton(shareButton)))));
+    return (h("div", { class: "share-container" }, h("span", { class: "text" }, shareOptions.text), h("div", { class: "buttons-container" }, (_a = shareOptions === null || shareOptions === void 0 ? void 0 : shareOptions.shareButtons) === null || _a === void 0 ? void 0 : _a.map(shareButton => getButton(shareButton)))));
   }
   renderBroadcastBottom() {
     var _a, _b;
     return (h("div", { class: "broadcast-bottom-container", onClick: (ev) => {
         ev.stopPropagation();
-      } },
-      h("div", { class: "floating-icon-container", ref: (el) => (this.floatingContainer = el) }),
-      (this.broadcastParams.isLive || this.broadcastParams.broadcastType !== BroadcastType.broadcaster) && [
-        !!((_a = this.messages) === null || _a === void 0 ? void 0 : _a.length) && (h("yoo-ion-content", { onIonScroll: ev => this.onIonScroll(ev), class: { hide: this.inputFocused }, scrollEvents: true, ref: (el) => (this.ionContent = el) },
-          h("div", { class: "message-inner-container" }, (_b = this.messages) === null || _b === void 0 ? void 0 : _b.filter(m => !isNullOrUndefined(m)).map(m => this.renderBroadcastMessage(m))))),
-        this.broadcastParams.isLive && this.renderInputBar()
-      ],
-      this.broadcastParams.finished && this.broadcastParams.shareOptions && this.renderShareOptions(this.broadcastParams.shareOptions),
-      !this.broadcastParams.isLive && !this.broadcastParams.finished && this.broadcastParams.footerAction && getButton(this.broadcastParams.footerAction)));
+      } }, h("div", { class: "floating-icon-container", ref: (el) => (this.floatingContainer = el) }), (this.broadcastParams.isLive || this.broadcastParams.broadcastType !== BroadcastType.broadcaster) && [
+      !!((_a = this.messages) === null || _a === void 0 ? void 0 : _a.length) && (h("yoo-ion-content", { onIonScroll: ev => this.onIonScroll(ev), class: { hide: this.inputFocused }, scrollEvents: true, ref: (el) => (this.ionContent = el) }, h("div", { class: "message-inner-container" }, (_b = this.messages) === null || _b === void 0 ? void 0 : _b.filter(m => !isNullOrUndefined(m)).map(m => this.renderBroadcastMessage(m))))),
+      this.broadcastParams.isLive && this.renderInputBar()
+    ], this.broadcastParams.finished && this.broadcastParams.shareOptions && this.renderShareOptions(this.broadcastParams.shareOptions), !this.broadcastParams.isLive && !this.broadcastParams.finished && this.broadcastParams.footerAction && getButton(this.broadcastParams.footerAction)));
   }
   renderVideo() {
     var _a;
@@ -628,9 +572,7 @@ export class YooChatComponent {
         timerElement.progressAnimationDuration = 1.25;
       }
     };
-    return (h("div", { class: "timer-container" },
-      h("yoo-progress-bar", { shape: "circle", animated: true, listenToProgress: true, hideProgressValue: true, progressAnimationDuration: 0, value: countDownProgress, onValueChanged: (ev) => onCountingDown(ev) }),
-      h("div", null, countDownDisplay)));
+    return (h("div", { class: "timer-container" }, h("yoo-progress-bar", { shape: "circle", animated: true, listenToProgress: true, hideProgressValue: true, progressAnimationDuration: 0, value: countDownProgress, onValueChanged: (ev) => onCountingDown(ev) }), h("div", null, countDownDisplay)));
   }
   renderOverlay() {
     return h("div", { class: "blur-overlay" });
@@ -643,39 +585,25 @@ export class YooChatComponent {
         'show-player': this.showBackgroundVideo && this.broadcastParams.showControl
       }, onClick: () => {
         this.onToggleView();
-      } },
-      h("div", { class: "top-container", onClick: (ev) => {
-          ev.stopPropagation();
-        } },
-        h("div", { class: "left" },
-          (this.broadcastParams.isLive || !isBroadcaster) && [
-            h("yoo-avatar", { size: "small", user: this.broadcastParams.user }, ' '),
-            h("span", null, this.broadcastParams.title)
-          ],
-          this.broadcastParams.closeHandler &&
-            !this.broadcastParams.isLive &&
-            !this.broadcastParams.finished &&
-            isBroadcaster &&
-            !isWeb(this.host) &&
-            h("yoo-icon", { name: "close", color: "light", onClick: () => {
-                this.broadcastParams.closeHandler();
-              } })),
-        (((_a = this.broadcastParams) === null || _a === void 0 ? void 0 : _a.headerTopActions) || this.broadcastParams.isLive) && (h("div", { class: "right" }, (((_b = this.broadcastParams) === null || _b === void 0 ? void 0 : _b.headerTopActions) || []).map((action) => {
-          return this.renderBroadcastActions(action);
-        }))),
-        !this.broadcastParams.isLive && this.broadcastParams.broadcastStatus && this.renderBroadcastStatus(this.broadcastParams.broadcastStatus)),
-      !this.broadcastParams.finished && this.broadcastParams.statusActions && (h("div", { class: "status-container", onClick: (ev) => {
-          ev.stopPropagation();
-        } },
-        this.broadcastParams.statusActions.map((action) => {
-          return this.renderBroadcastActions(action);
-        }),
-        this.broadcastParams.isLive && isBroadcaster && this.renderTimer())),
-      this.renderBroadcastBottom(),
-      this.broadcastParams.finished && this.renderOverlay(),
-      this.showBackgroundVideo && this.renderVideo(),
-      isWeb(this.host) && (h("div", { class: "video-container" },
-        h("slot", { name: "video" })))));
+      } }, h("div", { class: "top-container", onClick: (ev) => {
+        ev.stopPropagation();
+      } }, h("div", { class: "left" }, (this.broadcastParams.isLive || !isBroadcaster) && [
+      h("yoo-avatar", { size: "small", user: this.broadcastParams.user }, ' '),
+      h("span", null, this.broadcastParams.title)
+    ], this.broadcastParams.closeHandler &&
+      !this.broadcastParams.isLive &&
+      !this.broadcastParams.finished &&
+      isBroadcaster &&
+      !isWeb(this.host) &&
+      h("yoo-icon", { name: "close", color: "light", onClick: () => {
+          this.broadcastParams.closeHandler();
+        } })), (((_a = this.broadcastParams) === null || _a === void 0 ? void 0 : _a.headerTopActions) || this.broadcastParams.isLive) && (h("div", { class: "right" }, (((_b = this.broadcastParams) === null || _b === void 0 ? void 0 : _b.headerTopActions) || []).map((action) => {
+      return this.renderBroadcastActions(action);
+    }))), !this.broadcastParams.isLive && this.broadcastParams.broadcastStatus && this.renderBroadcastStatus(this.broadcastParams.broadcastStatus)), !this.broadcastParams.finished && this.broadcastParams.statusActions && (h("div", { class: "status-container", onClick: (ev) => {
+        ev.stopPropagation();
+      } }, this.broadcastParams.statusActions.map((action) => {
+      return this.renderBroadcastActions(action);
+    }), this.broadcastParams.isLive && isBroadcaster && this.renderTimer())), this.renderBroadcastBottom(), this.broadcastParams.finished && this.renderOverlay(), this.showBackgroundVideo && this.renderVideo(), isWeb(this.host) && (h("div", { class: "video-container" }, h("slot", { name: "video" })))));
   }
   renderBroadcastContainer() {
     const isBroadcaster = this.broadcastParams.broadcastType === BroadcastType.broadcaster;
@@ -687,13 +615,7 @@ export class YooChatComponent {
       h("yoo-ion-content", { onIonScroll: ev => this.onIonScroll(ev), class: {
           'bg-light': !this.transparent,
           'simple-content hide': true
-        }, forceOverscroll: false, scrollEvents: true, ref: (el) => (this.ionContent = el) },
-        !isWeb(this.host) && h("yoo-ion-refresher", { class: { transparent: this.transparent }, slot: "fixed", onIonRefresh: () => this.onPullToRefresh(), disabled: this.deleteModeEnabled, ref: (el) => (this.refresher = el) },
-          h("yoo-ion-refresher-content", { pullingText: translate('PULLTOREFRESH') })),
-        h("div", { onClick: () => dispatchCustomEvent('hideBottomDialog', window), class: { 'messages-container': true, 'iphone-x': isIphoneX() } },
-          this.messages && this.renderMessages(),
-          this.showLoader && h("yoo-loader", { class: "loader transparent" }),
-          this.isSomeoneTyping && this.renderSomeoneIsTyping())),
+        }, forceOverscroll: false, scrollEvents: true, ref: (el) => (this.ionContent = el) }, !isWeb(this.host) && h("yoo-ion-refresher", { class: { transparent: this.transparent }, slot: "fixed", onIonRefresh: () => this.onPullToRefresh(), disabled: this.deleteModeEnabled, ref: (el) => (this.refresher = el) }, h("yoo-ion-refresher-content", { pullingText: translate('PULLTOREFRESH') })), h("div", { onClick: () => dispatchCustomEvent('hideBottomDialog', window), class: { 'messages-container': true, 'iphone-x': isIphoneX() } }, this.messages && this.renderMessages(), this.showLoader && h("yoo-loader", { class: "loader transparent" }), this.isSomeoneTyping && this.renderSomeoneIsTyping())),
       this.hideInputBar ? null : this.deleteModeEnabled ? this.renderDeleteModeFooter() : this.renderInputBar()
     ];
   }
@@ -709,906 +631,922 @@ export class YooChatComponent {
   }
   static get is() { return "yoo-chat"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["chat.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["chat.css"]
-  }; }
-  static get properties() { return {
-    "advancedOptions": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IChatAdvancedOptions",
-        "resolved": "IChatAdvancedOptions",
-        "references": {
-          "IChatAdvancedOptions": {
-            "location": "import",
-            "path": "@shared/interfaces"
+  static get originalStyleUrls() {
+    return {
+      "$": ["chat.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["chat.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "advancedOptions": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IChatAdvancedOptions",
+          "resolved": "IChatAdvancedOptions",
+          "references": {
+            "IChatAdvancedOptions": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Some options to display a specific header with the info of the sender, a close button and an additional action"
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Some options to display a specific header with the info of the sender, a close button and an additional action"
-      }
-    },
-    "heading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "This is the name of a person who you're chatting with"
-      },
-      "attribute": "heading",
-      "reflect": false
-    },
-    "newMessage": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IChatMessage",
-        "resolved": "IChatMessage",
-        "references": {
-          "IChatMessage": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "heading": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "This is the name of a person who you're chatting with"
+        },
+        "attribute": "heading",
+        "reflect": false
+      },
+      "newMessage": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IChatMessage",
+          "resolved": "IChatMessage",
+          "references": {
+            "IChatMessage": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Passed here the last sent message"
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Passed here the last sent message"
-      }
-    },
-    "messages": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IChatMessage[]",
-        "resolved": "IChatMessage[]",
-        "references": {
-          "IChatMessage": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "messages": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IChatMessage[]",
+          "resolved": "IChatMessage[]",
+          "references": {
+            "IChatMessage": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "This is the content of all the messages in the individual chat"
-      },
-      "defaultValue": "[]"
-    },
-    "inputPlaceHolder": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "currently used on the web only, a placeholder"
-      },
-      "attribute": "input-place-holder",
-      "reflect": false
-    },
-    "isMultiple": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "if group - for if someone is typing?"
-      },
-      "attribute": "is-multiple",
-      "reflect": false
-    },
-    "transparent": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "is the chat transparent (no background)"
-      },
-      "attribute": "transparent",
-      "reflect": false
-    },
-    "hideInputBar": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hide-input-bar",
-      "reflect": false
-    },
-    "showBackgroundVideo": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-background-video",
-      "reflect": false
-    },
-    "deleteModeEnabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "allows you to delete a message/multiple messages"
-      },
-      "attribute": "delete-mode-enabled",
-      "reflect": false
-    },
-    "canVideoCall": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "allow video calls"
-      },
-      "attribute": "can-video-call",
-      "reflect": false
-    },
-    "enableKeyboardResizing": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "enable-keyboard-resizing",
-      "reflect": false
-    },
-    "chatSecondaryActions": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IButton[]",
-        "resolved": "IButton[]",
-        "references": {
-          "IButton": {
-            "location": "import",
-            "path": "@shared/interfaces"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "This is the content of all the messages in the individual chat"
+        },
+        "defaultValue": "[]"
+      },
+      "inputPlaceHolder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "currently used on the web only, a placeholder"
+        },
+        "attribute": "input-place-holder",
+        "reflect": false
+      },
+      "isMultiple": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "if group - for if someone is typing?"
+        },
+        "attribute": "is-multiple",
+        "reflect": false
+      },
+      "transparent": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "is the chat transparent (no background)"
+        },
+        "attribute": "transparent",
+        "reflect": false
+      },
+      "hideInputBar": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hide-input-bar",
+        "reflect": false
+      },
+      "showBackgroundVideo": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-background-video",
+        "reflect": false
+      },
+      "deleteModeEnabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "allows you to delete a message/multiple messages"
+        },
+        "attribute": "delete-mode-enabled",
+        "reflect": false
+      },
+      "canVideoCall": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "allow video calls"
+        },
+        "attribute": "can-video-call",
+        "reflect": false
+      },
+      "enableKeyboardResizing": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "enable-keyboard-resizing",
+        "reflect": false
+      },
+      "chatSecondaryActions": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IButton[]",
+          "resolved": "IButton[]",
+          "references": {
+            "IButton": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "more options - delete messages or view user"
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "more options - delete messages or view user"
-      }
-    },
-    "closeIcon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TIconName",
-        "resolved": "\"number\" | \"calendar\" | \"toggle\" | \"info\" | \"warning\" | \"right\" | \"left\" | \"1x\" | \"2x\" | \"3x\" | \"4x\" | \"5x\" | \"achievement\" | \"action-plan\" | \"action-plan-create\" | \"activity\" | \"activity-history\" | \"aggregation\" | \"aisles\" | \"alarm\" | \"align-center\" | \"align-left\" | \"align-right\" | \"analysis\" | \"analytics-board-bars\" | \"analytics-boost\" | \"analytics-graph-line\" | \"answer\" | \"app-creator\" | \"apple-pay\" | \"archive\" | \"arrow-down\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up\" | \"arrows-up-down\" | \"assign\" | \"assign-group\" | \"assigned\" | \"attach-file\" | \"attachment\" | \"audio-offline\" | \"audit\" | \"author\" | \"auto-flash\" | \"autocomplete\" | \"automotive-airplane\" | \"automotive-bus\" | \"automotive-car\" | \"automotive-cycle\" | \"automotive-gas\" | \"automotive-road\" | \"automotive-route\" | \"automotive-route-sign\" | \"automotive-scooter\" | \"automotive-shipping\" | \"award-trophy-star\" | \"background-off\" | \"background-on\" | \"badge\" | \"badge-book\" | \"badge-brain\" | \"badge-crown\" | \"badge-makeup-1\" | \"badge-stats\" | \"barcode\" | \"battery-status-bar\" | \"battle\" | \"beverages-beer\" | \"beverages-bottle\" | \"beverages-champagne\" | \"beverages-cocktail\" | \"beverages-coffee\" | \"beverages-drink\" | \"beverages-hot-drink\" | \"beverages-tropical-cocktail\" | \"beverages-water\" | \"beverages-wine\" | \"big-arrow-down\" | \"big-arrow-left\" | \"big-arrow-right\" | \"big-arrow-up\" | \"bigfont\" | \"blocks\" | \"bluetooth\" | \"bookmark\" | \"boost\" | \"branch\" | \"brush\" | \"bulb\" | \"buttons-single-choice\" | \"calendar-date\" | \"calendar-end-date\" | \"calendar-error\" | \"calendar-new-event\" | \"calendar-received\" | \"calendar-sent\" | \"calendar-warning\" | \"camera\" | \"campaign\" | \"campaign-create\" | \"campaign-filter\" | \"catalogue\" | \"catch-them\" | \"categories\" | \"certificate\" | \"chart\" | \"chat\" | \"chat-new\" | \"check\" | \"check-product\" | \"circle\" | \"circle-minor\" | \"circle-plus\" | \"circle1\" | \"circle2\" | \"clap\" | \"close\" | \"color-picker\" | \"column\" | \"comment\" | \"community\" | \"company\" | \"compass-direction\" | \"condition\" | \"connect\" | \"contact\" | \"cosmetics-brush\" | \"cosmetics-brush-scissors\" | \"cosmetics-brush-set\" | \"cosmetics-comb\" | \"cosmetics-hairdryer\" | \"cosmetics-lips\" | \"cosmetics-lipstick\" | \"cosmetics-mirror\" | \"cosmetics-nail-polish\" | \"courses\" | \"create-chat\" | \"cross\" | \"custom\" | \"cut\" | \"daily\" | \"darkmode\" | \"dashboards\" | \"dashboards-new\" | \"data-file-add\" | \"database\" | \"database-add\" | \"database-check\" | \"database-download\" | \"database-edit\" | \"database-history\" | \"database-import\" | \"database-lock\" | \"database-question\" | \"database-refresh\" | \"database-remove\" | \"database-search\" | \"database-settings\" | \"database-star\" | \"database-subtract\" | \"database-sync\" | \"database-warning\" | \"date-time\" | \"day-view\" | \"delete\" | \"desktop\" | \"diagram-arrow-right\" | \"diploma\" | \"diploma-history\" | \"diploma-manager\" | \"diploma-new\" | \"dislike\" | \"dot\" | \"double-tick\" | \"down\" | \"down-circle\" | \"download\" | \"downloaded\" | \"draggable\" | \"duplicate\" | \"email\" | \"emoji\" | \"end-call\" | \"expand-chart\" | \"explore\" | \"export\" | \"eye\" | \"facebook\" | \"fashion-boot\" | \"fashion-bra\" | \"fashion-coat\" | \"fashion-dress\" | \"fashion-perfume\" | \"fashion-pump\" | \"fashion-shoe\" | \"fashion-t-shirt\" | \"fashion-trousers\" | \"fashion-women\" | \"feed\" | \"feed-create-post\" | \"feedback\" | \"feedback-neutral\" | \"feedback-sad\" | \"file\" | \"file-add\" | \"file-csv\" | \"file-download\" | \"file-excel\" | \"file-pdf\" | \"file-powerpoint\" | \"file-upload\" | \"file-word\" | \"filter\" | \"first\" | \"fixed\" | \"flag\" | \"flash-off\" | \"flash-on\" | \"flip\" | \"folder\" | \"folder-add\" | \"folder-download\" | \"folder-edit\" | \"folder-remove\" | \"folder-upload\" | \"food-apple\" | \"food-banana\" | \"food-bowl\" | \"food-carrot\" | \"food-cherry\" | \"food-egg\" | \"food-orange\" | \"food-pear\" | \"food-pineapple\" | \"food-strawberry\" | \"formula\" | \"forward\" | \"frame\" | \"full-height\" | \"furniture\" | \"geo-filter\" | \"gif\" | \"go-to\" | \"gps\" | \"grid-phone\" | \"grid-view\" | \"group\" | \"hashtag\" | \"heart\" | \"help\" | \"help-centre\" | \"history\" | \"home\" | \"hotel-award\" | \"hotel-award-book\" | \"hotel-bed\" | \"hotel-bell\" | \"hotel-bellhop\" | \"hotel-building\" | \"hotel-dnd\" | \"hotel-room-service-1\" | \"hotel-room-service-2\" | \"hotel-room-service-3\" | \"hotzone\" | \"hourglass\" | \"hr\" | \"image\" | \"image-map\" | \"image-offline\" | \"import\" | \"inbox\" | \"incentive-manager\" | \"incentive-manager1\" | \"indeterminate\" | \"inquiry\" | \"instagram\" | \"instant-play\" | \"iphone\" | \"journey\" | \"journey-app\" | \"keyboard\" | \"large-with-info\" | \"large-without-info\" | \"last\" | \"layout\" | \"leaderboard\" | \"learning-path\" | \"left-circle\" | \"left-web\" | \"lesson\" | \"like\" | \"link\" | \"link-broken\" | \"linkedin\" | \"list-view\" | \"livestream\" | \"loading\" | \"lock\" | \"logic\" | \"logic-visible\" | \"low-power\" | \"luxury-bag\" | \"luxury-bottle\" | \"luxury-gift\" | \"luxury-glasses\" | \"luxury-handbag\" | \"luxury-necklace\" | \"luxury-necklace-2\" | \"luxury-necklace-3\" | \"luxury-stars\" | \"luxury-watch\" | \"mandatory\" | \"map\" | \"maximize\" | \"maximize-web\" | \"medal\" | \"media\" | \"mention\" | \"menu\" | \"microphone\" | \"minimize\" | \"minimize-web\" | \"minus\" | \"missing-word\" | \"mission\" | \"mission-data\" | \"mission-download\" | \"month-view\" | \"monthly\" | \"more\" | \"more-2\" | \"more-circle\" | \"more-shapes\" | \"move\" | \"move-down\" | \"move-up\" | \"multiple-photos\" | \"mute-microphone\" | \"new-article\" | \"new-lesson\" | \"new-rectangle\" | \"new-section\" | \"new-task\" | \"news\" | \"next-photo\" | \"no-data\" | \"no-video\" | \"not-allowed\" | \"note\" | \"offline\" | \"offline-play\" | \"ongoing\" | \"operations\" | \"out-of-stock-product\" | \"pages\" | \"password\" | \"paste\" | \"pause\" | \"pause-audio\" | \"pen\" | \"personal-development\" | \"pharma-drug-box\" | \"pharma-first-aid\" | \"pharma-first-aid-kit\" | \"pharma-heartrate\" | \"pharma-hospital\" | \"pharma-iv-bag\" | \"pharma-medication\" | \"pharma-pill\" | \"pharma-pills-box\" | \"pharma-syringe\" | \"phone\" | \"phone-action-camera\" | \"photo-annotated\" | \"photo-library\" | \"photo-mandatory\" | \"pin\" | \"pin-new-site\" | \"pin-selected\" | \"pivot\" | \"play\" | \"play-audio\" | \"plugin\" | \"plus\" | \"podcast\" | \"poll\" | \"price-dollar\" | \"price-euro\" | \"price-sterling\" | \"print\" | \"priority\" | \"product\" | \"product-briefcase\" | \"profile\" | \"publish\" | \"pull-to-refresh\" | \"qr-code\" | \"question-new\" | \"questions\" | \"radio-button-off\" | \"radio-button-on\" | \"ranking\" | \"ranking-toggle\" | \"read\" | \"reason\" | \"recent\" | \"redo\" | \"refresh\" | \"rejected\" | \"rejector\" | \"repeat\" | \"request\" | \"restart\" | \"restaurant-bread\" | \"restaurant-chef\" | \"restaurant-croissant\" | \"restaurant-flatware\" | \"restaurant-grocery\" | \"restaurant-kitchen-bell\" | \"restaurant-knife-board\" | \"restaurant-menu\" | \"restaurant-platware-2\" | \"restaurant-vegetables-plate\" | \"restriction\" | \"right-circle\" | \"right-web\" | \"rotate-camera\" | \"rubber\" | \"sales\" | \"save\" | \"scale-rating\" | \"scan\" | \"schedule-user\" | \"schedule-view\" | \"scoring\" | \"scoring-visible\" | \"scratch\" | \"screenshare\" | \"search\" | \"search-product\" | \"security\" | \"select\" | \"select-all\" | \"send\" | \"send-story\" | \"settings\" | \"share\" | \"share-file\" | \"shipment-smartphone-arrive\" | \"shopping-basket\" | \"side-menu-collapse\" | \"side-menu-expand\" | \"sidebar-left\" | \"sidebar-right\" | \"signal-status-bar\" | \"signature\" | \"single-choice\" | \"single-view\" | \"slider\" | \"small-with-info\" | \"small-without-info\" | \"sms\" | \"sort-down\" | \"sort-up\" | \"sort-up-and-down\" | \"star\" | \"start-recording\" | \"start-rectangle\" | \"stats\" | \"step\" | \"stop-watch\" | \"store\" | \"store-archived\" | \"support\" | \"support-like\" | \"swipe-detail\" | \"swipe-explanation\" | \"sync-product\" | \"tab\" | \"table\" | \"tableau\" | \"tablet\" | \"tag\" | \"tags-settings\" | \"task\" | \"text-predefined\" | \"theme\" | \"tick\" | \"to-do\" | \"todo-boost\" | \"toggle-off-video\" | \"transaction\" | \"translate\" | \"translation-check\" | \"translation-warning\" | \"trash\" | \"triangle\" | \"twitter\" | \"type-tool\" | \"unarchive\" | \"unassign\" | \"unassign-group\" | \"unbook\" | \"undo\" | \"unlocked\" | \"unread\" | \"up\" | \"up-circle\" | \"upgrade\" | \"upload\" | \"user\" | \"user-block\" | \"user-live\" | \"user-lock\" | \"user-new\" | \"validate\" | \"validation-date\" | \"validator\" | \"value\" | \"variable\" | \"verified\" | \"videocamera\" | \"view\" | \"virtual-queuing\" | \"visit\" | \"visual-merchandising\" | \"volume-off\" | \"volume-on\" | \"waiting-list\" | \"warning-2\" | \"warning-product\" | \"webcam\" | \"week-view\" | \"weekdays\" | \"weekly\" | \"weeks\" | \"wifi-status-bar\" | \"word-search\" | \"workflow\" | \"yearly\" | \"yoobic\" | \"zip-file\" | \"zoom-in\" | \"zoom-out\"",
-        "references": {
-          "TIconName": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "closeIcon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TIconName",
+          "resolved": "\"number\" | \"1x\" | \"2x\" | \"3x\" | \"4x\" | \"5x\" | \"achievement\" | \"action-plan\" | \"action-plan-create\" | \"activity\" | \"activity-history\" | \"aggregation\" | \"aisles\" | \"alarm\" | \"align-center\" | \"align-left\" | \"align-right\" | \"analysis\" | \"analytics-board-bars\" | \"analytics-boost\" | \"analytics-graph-line\" | \"answer\" | \"app-creator\" | \"apple-pay\" | \"archive\" | \"arrow-down\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up\" | \"arrows-up-down\" | \"assign\" | \"assign-group\" | \"assigned\" | \"attach-file\" | \"attachment\" | \"audio-offline\" | \"audit\" | \"author\" | \"auto-flash\" | \"autocomplete\" | \"automotive-airplane\" | \"automotive-bus\" | \"automotive-car\" | \"automotive-cycle\" | \"automotive-gas\" | \"automotive-road\" | \"automotive-route\" | \"automotive-route-sign\" | \"automotive-scooter\" | \"automotive-shipping\" | \"award-trophy-star\" | \"background-off\" | \"background-on\" | \"badge\" | \"badge-book\" | \"badge-brain\" | \"badge-crown\" | \"badge-makeup-1\" | \"badge-stats\" | \"barcode\" | \"battery-status-bar\" | \"battle\" | \"beverages-beer\" | \"beverages-bottle\" | \"beverages-champagne\" | \"beverages-cocktail\" | \"beverages-coffee\" | \"beverages-drink\" | \"beverages-hot-drink\" | \"beverages-tropical-cocktail\" | \"beverages-water\" | \"beverages-wine\" | \"big-arrow-down\" | \"big-arrow-left\" | \"big-arrow-right\" | \"big-arrow-up\" | \"bigfont\" | \"blocks\" | \"bluetooth\" | \"bookmark\" | \"boost\" | \"branch\" | \"brush\" | \"bulb\" | \"buttons-single-choice\" | \"calendar\" | \"calendar-date\" | \"calendar-end-date\" | \"calendar-error\" | \"calendar-new-event\" | \"calendar-received\" | \"calendar-sent\" | \"calendar-warning\" | \"camera\" | \"campaign\" | \"campaign-create\" | \"campaign-filter\" | \"catalogue\" | \"catch-them\" | \"categories\" | \"certificate\" | \"chart\" | \"chat\" | \"chat-new\" | \"check\" | \"check-product\" | \"circle\" | \"circle-minor\" | \"circle-plus\" | \"circle1\" | \"circle2\" | \"clap\" | \"close\" | \"color-picker\" | \"column\" | \"comment\" | \"community\" | \"company\" | \"compass-direction\" | \"condition\" | \"connect\" | \"contact\" | \"cosmetics-brush\" | \"cosmetics-brush-scissors\" | \"cosmetics-brush-set\" | \"cosmetics-comb\" | \"cosmetics-hairdryer\" | \"cosmetics-lips\" | \"cosmetics-lipstick\" | \"cosmetics-mirror\" | \"cosmetics-nail-polish\" | \"courses\" | \"create-chat\" | \"cross\" | \"custom\" | \"cut\" | \"daily\" | \"darkmode\" | \"dashboards\" | \"dashboards-new\" | \"data-file-add\" | \"database\" | \"database-add\" | \"database-check\" | \"database-download\" | \"database-edit\" | \"database-history\" | \"database-import\" | \"database-lock\" | \"database-question\" | \"database-refresh\" | \"database-remove\" | \"database-search\" | \"database-settings\" | \"database-star\" | \"database-subtract\" | \"database-sync\" | \"database-warning\" | \"date-time\" | \"day-view\" | \"delete\" | \"desktop\" | \"diagram-arrow-right\" | \"diploma\" | \"diploma-history\" | \"diploma-manager\" | \"diploma-new\" | \"dislike\" | \"dot\" | \"double-tick\" | \"down\" | \"down-circle\" | \"download\" | \"downloaded\" | \"draggable\" | \"duplicate\" | \"email\" | \"emoji\" | \"end-call\" | \"expand-chart\" | \"explore\" | \"export\" | \"eye\" | \"facebook\" | \"fashion-boot\" | \"fashion-bra\" | \"fashion-coat\" | \"fashion-dress\" | \"fashion-perfume\" | \"fashion-pump\" | \"fashion-shoe\" | \"fashion-t-shirt\" | \"fashion-trousers\" | \"fashion-women\" | \"feed\" | \"feed-create-post\" | \"feedback\" | \"feedback-neutral\" | \"feedback-sad\" | \"file\" | \"file-add\" | \"file-csv\" | \"file-download\" | \"file-excel\" | \"file-pdf\" | \"file-powerpoint\" | \"file-upload\" | \"file-word\" | \"filter\" | \"first\" | \"fixed\" | \"flag\" | \"flash-off\" | \"flash-on\" | \"flip\" | \"folder\" | \"folder-add\" | \"folder-download\" | \"folder-edit\" | \"folder-remove\" | \"folder-upload\" | \"food-apple\" | \"food-banana\" | \"food-bowl\" | \"food-carrot\" | \"food-cherry\" | \"food-egg\" | \"food-orange\" | \"food-pear\" | \"food-pineapple\" | \"food-strawberry\" | \"formula\" | \"forward\" | \"frame\" | \"full-height\" | \"furniture\" | \"geo-filter\" | \"gif\" | \"go-to\" | \"gps\" | \"grid-phone\" | \"grid-view\" | \"group\" | \"hashtag\" | \"heart\" | \"help\" | \"help-centre\" | \"history\" | \"home\" | \"hotel-award\" | \"hotel-award-book\" | \"hotel-bed\" | \"hotel-bell\" | \"hotel-bellhop\" | \"hotel-building\" | \"hotel-dnd\" | \"hotel-room-service-1\" | \"hotel-room-service-2\" | \"hotel-room-service-3\" | \"hotzone\" | \"hourglass\" | \"hr\" | \"image\" | \"image-map\" | \"image-offline\" | \"import\" | \"inbox\" | \"incentive-manager\" | \"incentive-manager1\" | \"indeterminate\" | \"info\" | \"inquiry\" | \"instagram\" | \"instant-play\" | \"iphone\" | \"journey\" | \"journey-app\" | \"keyboard\" | \"large-with-info\" | \"large-without-info\" | \"last\" | \"layout\" | \"leaderboard\" | \"learning-path\" | \"left\" | \"left-circle\" | \"left-web\" | \"lesson\" | \"like\" | \"link\" | \"link-broken\" | \"linkedin\" | \"list-view\" | \"livestream\" | \"loading\" | \"lock\" | \"logic\" | \"logic-visible\" | \"low-power\" | \"luxury-bag\" | \"luxury-bottle\" | \"luxury-gift\" | \"luxury-glasses\" | \"luxury-handbag\" | \"luxury-necklace\" | \"luxury-necklace-2\" | \"luxury-necklace-3\" | \"luxury-stars\" | \"luxury-watch\" | \"mandatory\" | \"map\" | \"maximize\" | \"maximize-web\" | \"medal\" | \"media\" | \"mention\" | \"menu\" | \"microphone\" | \"minimize\" | \"minimize-web\" | \"minus\" | \"missing-word\" | \"mission\" | \"mission-data\" | \"mission-download\" | \"month-view\" | \"monthly\" | \"more\" | \"more-2\" | \"more-circle\" | \"more-shapes\" | \"move\" | \"move-down\" | \"move-up\" | \"multiple-photos\" | \"mute-microphone\" | \"new-article\" | \"new-lesson\" | \"new-rectangle\" | \"new-section\" | \"new-task\" | \"news\" | \"next-photo\" | \"no-data\" | \"no-video\" | \"not-allowed\" | \"note\" | \"offline\" | \"offline-play\" | \"ongoing\" | \"operations\" | \"out-of-stock-product\" | \"pages\" | \"password\" | \"paste\" | \"pause\" | \"pause-audio\" | \"pen\" | \"personal-development\" | \"pharma-drug-box\" | \"pharma-first-aid\" | \"pharma-first-aid-kit\" | \"pharma-heartrate\" | \"pharma-hospital\" | \"pharma-iv-bag\" | \"pharma-medication\" | \"pharma-pill\" | \"pharma-pills-box\" | \"pharma-syringe\" | \"phone\" | \"phone-action-camera\" | \"photo-annotated\" | \"photo-library\" | \"photo-mandatory\" | \"pin\" | \"pin-new-site\" | \"pin-selected\" | \"pivot\" | \"play\" | \"play-audio\" | \"plugin\" | \"plus\" | \"podcast\" | \"poll\" | \"price-dollar\" | \"price-euro\" | \"price-sterling\" | \"print\" | \"priority\" | \"product\" | \"product-briefcase\" | \"profile\" | \"publish\" | \"pull-to-refresh\" | \"qr-code\" | \"question-new\" | \"questions\" | \"radio-button-off\" | \"radio-button-on\" | \"ranking\" | \"ranking-toggle\" | \"read\" | \"reason\" | \"recent\" | \"redo\" | \"refresh\" | \"rejected\" | \"rejector\" | \"repeat\" | \"request\" | \"restart\" | \"restaurant-bread\" | \"restaurant-chef\" | \"restaurant-croissant\" | \"restaurant-flatware\" | \"restaurant-grocery\" | \"restaurant-kitchen-bell\" | \"restaurant-knife-board\" | \"restaurant-menu\" | \"restaurant-platware-2\" | \"restaurant-vegetables-plate\" | \"restriction\" | \"right\" | \"right-circle\" | \"right-web\" | \"rotate-camera\" | \"rubber\" | \"sales\" | \"save\" | \"scale-rating\" | \"scan\" | \"schedule-user\" | \"schedule-view\" | \"scoring\" | \"scoring-visible\" | \"scratch\" | \"screenshare\" | \"search\" | \"search-product\" | \"security\" | \"select\" | \"select-all\" | \"send\" | \"send-story\" | \"settings\" | \"share\" | \"share-file\" | \"shipment-smartphone-arrive\" | \"shopping-basket\" | \"side-menu-collapse\" | \"side-menu-expand\" | \"sidebar-left\" | \"sidebar-right\" | \"signal-status-bar\" | \"signature\" | \"single-choice\" | \"single-view\" | \"slider\" | \"small-with-info\" | \"small-without-info\" | \"sms\" | \"sort-down\" | \"sort-up\" | \"sort-up-and-down\" | \"star\" | \"start-recording\" | \"start-rectangle\" | \"stats\" | \"step\" | \"stop-watch\" | \"store\" | \"store-archived\" | \"support\" | \"support-like\" | \"swipe-detail\" | \"swipe-explanation\" | \"sync-product\" | \"tab\" | \"table\" | \"tableau\" | \"tablet\" | \"tag\" | \"tags-settings\" | \"task\" | \"text-predefined\" | \"theme\" | \"tick\" | \"to-do\" | \"todo-boost\" | \"toggle\" | \"toggle-off-video\" | \"transaction\" | \"translate\" | \"translation-check\" | \"translation-warning\" | \"trash\" | \"triangle\" | \"twitter\" | \"type-tool\" | \"unarchive\" | \"unassign\" | \"unassign-group\" | \"unbook\" | \"undo\" | \"unlocked\" | \"unread\" | \"up\" | \"up-circle\" | \"upgrade\" | \"upload\" | \"user\" | \"user-block\" | \"user-live\" | \"user-lock\" | \"user-new\" | \"validate\" | \"validation-date\" | \"validator\" | \"value\" | \"variable\" | \"verified\" | \"videocamera\" | \"view\" | \"virtual-queuing\" | \"visit\" | \"visual-merchandising\" | \"volume-off\" | \"volume-on\" | \"waiting-list\" | \"warning\" | \"warning-2\" | \"warning-product\" | \"webcam\" | \"week-view\" | \"weekdays\" | \"weekly\" | \"weeks\" | \"wifi-status-bar\" | \"word-search\" | \"workflow\" | \"yearly\" | \"yoobic\" | \"zip-file\" | \"zoom-in\" | \"zoom-out\"",
+          "references": {
+            "TIconName": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "close-icon",
-      "reflect": false
-    },
-    "usersTyping": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Record<string, IUser>",
-        "resolved": "{ [x: string]: IUser; }",
-        "references": {
-          "Record": {
-            "location": "global"
-          },
-          "IUser": {
-            "location": "import",
-            "path": "@shared/interfaces"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "close-icon",
+        "reflect": false
+      },
+      "usersTyping": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Record<string, IUser>",
+          "resolved": "{ [x: string]: IUser; }",
+          "references": {
+            "Record": {
+              "location": "global"
+            },
+            "IUser": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "isOnline": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-online",
-      "reflect": false
-    },
-    "otherIds": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "string[]",
-        "resolved": "string[]",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "List of user ids require to display mention list"
-      }
-    },
-    "allUsers": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IUser[]",
-        "resolved": "IUser[]",
-        "references": {
-          "IUser": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
+      "isOnline": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-online",
+        "reflect": false
+      },
+      "otherIds": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "List of user ids require to display mention list"
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "disableHeader": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "disable header"
-      },
-      "attribute": "disable-header",
-      "reflect": false
-    },
-    "background": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "background",
-      "reflect": false
-    },
-    "users": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IUser[]",
-        "resolved": "IUser[]",
-        "references": {
-          "IUser": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "allUsers": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IUser[]",
+          "resolved": "IUser[]",
+          "references": {
+            "IUser": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "forceDelete": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "force-delete",
-      "reflect": false
-    },
-    "broadcastMode": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "broadcast-mode",
-      "reflect": false
-    },
-    "broadcastParams": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IChatBroadcastParams",
-        "resolved": "IChatBroadcastParams",
-        "references": {
-          "IChatBroadcastParams": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "disableHeader": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "disable header"
+        },
+        "attribute": "disable-header",
+        "reflect": false
+      },
+      "background": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "background",
+        "reflect": false
+      },
+      "users": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IUser[]",
+          "resolved": "IUser[]",
+          "references": {
+            "IUser": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "preventVideoPreloading": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "prevent-video-preloading",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "currentActivePlayerId": {},
-    "inputFocused": {},
-    "countDownValue": {},
-    "showCountdown": {},
-    "countDownStartValue": {},
-    "hideControls": {},
-    "showLoader": {}
-  }; }
-  static get events() { return [{
-      "method": "loadMoreClicked",
-      "name": "loadMoreClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "fetch old messages (this is a little buggy as 'scroll to bottom' still happens and puts you back where you started)"
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "closePage",
-      "name": "closePage",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "showMore",
-      "name": "showMore",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "{ host?: HTMLElement; ev: MouseEvent }",
-        "resolved": "{ host?: HTMLElement; ev: MouseEvent; }",
-        "references": {
-          "HTMLElement": {
-            "location": "global"
-          },
-          "MouseEvent": {
-            "location": "global"
+      "forceDelete": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "force-delete",
+        "reflect": false
+      },
+      "broadcastMode": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "broadcast-mode",
+        "reflect": false
+      },
+      "broadcastParams": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IChatBroadcastParams",
+          "resolved": "IChatBroadcastParams",
+          "references": {
+            "IChatBroadcastParams": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
-      }
-    }, {
-      "method": "closeDeleteMode",
-      "name": "closeDeleteMode",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
       },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "selected",
-      "name": "selected",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "How many messages are selected"
-      },
-      "complexType": {
-        "original": "number[]",
-        "resolved": "number[]",
-        "references": {}
-      }
-    }, {
-      "method": "deleteMessages",
-      "name": "deleteMessages",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "delete messages option"
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "startVideocall",
-      "name": "startVideocall",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "videocall"
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "preventVideoPreloading": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "prevent-video-preloading",
+        "reflect": false
       }
-    }, {
-      "method": "mediaInput",
-      "name": "mediaInput",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Event to send media"
-      },
-      "complexType": {
-        "original": "IChatInputParams",
-        "resolved": "IChatInputParams",
-        "references": {
-          "IChatInputParams": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
+    };
+  }
+  static get states() {
+    return {
+      "currentActivePlayerId": {},
+      "inputFocused": {},
+      "countDownValue": {},
+      "showCountdown": {},
+      "countDownStartValue": {},
+      "hideControls": {},
+      "showLoader": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "loadMoreClicked",
+        "name": "loadMoreClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "fetch old messages (this is a little buggy as 'scroll to bottom' still happens and puts you back where you started)"
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
         }
-      }
-    }, {
-      "method": "playerReady",
-      "name": "playerReady",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "HTMLDivElement",
-        "resolved": "HTMLDivElement",
-        "references": {
-          "HTMLDivElement": {
-            "location": "global"
+      }, {
+        "method": "closePage",
+        "name": "closePage",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "showMore",
+        "name": "showMore",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{ host?: HTMLElement; ev: MouseEvent }",
+          "resolved": "{ host?: HTMLElement; ev: MouseEvent; }",
+          "references": {
+            "HTMLElement": {
+              "location": "global"
+            },
+            "MouseEvent": {
+              "location": "global"
+            }
           }
         }
-      }
-    }, {
-      "method": "viewToggled",
-      "name": "viewToggled",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "scrolledBottom",
-      "name": "scrolledBottom",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "scrolledTop",
-      "name": "scrolledTop",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "startCountDown": {
-      "complexType": {
-        "signature": "(startTime: number, endTime: number, startHandler: () => any, endHandler: () => any) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+      }, {
+        "method": "closeDeleteMode",
+        "name": "closeDeleteMode",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "selected",
+        "name": "selected",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "How many messages are selected"
+        },
+        "complexType": {
+          "original": "number[]",
+          "resolved": "number[]",
+          "references": {}
+        }
+      }, {
+        "method": "deleteMessages",
+        "name": "deleteMessages",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "delete messages option"
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "startVideocall",
+        "name": "startVideocall",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "videocall"
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "mediaInput",
+        "name": "mediaInput",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event to send media"
+        },
+        "complexType": {
+          "original": "IChatInputParams",
+          "resolved": "IChatInputParams",
+          "references": {
+            "IChatInputParams": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        }
+      }, {
+        "method": "playerReady",
+        "name": "playerReady",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "scrollToBottom": {
-      "complexType": {
-        "signature": "(scrollBottomOnUpdated?: boolean) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+        "complexType": {
+          "original": "HTMLDivElement",
+          "resolved": "HTMLDivElement",
+          "references": {
+            "HTMLDivElement": {
+              "location": "global"
+            }
           }
+        }
+      }, {
+        "method": "viewToggled",
+        "name": "viewToggled",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "onToggleFloatingAnimation": {
-      "complexType": {
-        "signature": "(params: IChatFloatingAnimationParams) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "scrolledBottom",
+        "name": "scrolledBottom",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "scrolledTop",
+        "name": "scrolledTop",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "startCountDown": {
+        "complexType": {
+          "signature": "(startTime: number, endTime: number, startHandler: () => any, endHandler: () => any) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
           },
-          "IChatFloatingAnimationParams": {
-            "location": "import",
-            "path": "@shared/interfaces"
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "scrollToBottom": {
+        "complexType": {
+          "signature": "(scrollBottomOnUpdated?: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
           },
-          "TIconName": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "scrollToTop": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "onToggleFloatingAnimation": {
+        "complexType": {
+          "signature": "(params: IChatFloatingAnimationParams) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "IChatFloatingAnimationParams": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            },
+            "TIconName": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "scrollToInternal": {
-      "complexType": {
-        "signature": "(y: number) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "scrollToTop": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "onLoadMoreCompleted": {
-      "complexType": {
-        "signature": "(end?: boolean) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "scrollToInternal": {
+        "complexType": {
+          "signature": "(y: number) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "onToggleView": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "onLoadMoreCompleted": {
+        "complexType": {
+          "signature": "(end?: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "onShowView": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "onToggleView": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "onHideView": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "onShowView": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
+      "onHideView": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "messages",
-      "methodName": "onMessagesChanged"
-    }]; }
-  static get listeners() { return [{
-      "name": "isPlaying",
-      "method": "onPlaying",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "statusTap",
-      "method": "onStatusTap",
-      "target": "window",
-      "capture": true,
-      "passive": false
-    }, {
-      "name": "playerClicked",
-      "method": "onPlayerClicked",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "inputFocused",
-      "method": "onInputFocused",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "mediaLoading",
-      "method": "onMediaLoading",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "inputBlurred",
-      "method": "onInputBlurred",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "keyboardDidShow",
-      "method": "onKeyboardShown",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "mediaChatClicked",
-      "method": "onMediaChatClicked",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "messages",
+        "methodName": "onMessagesChanged"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "isPlaying",
+        "method": "onPlaying",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "statusTap",
+        "method": "onStatusTap",
+        "target": "window",
+        "capture": true,
+        "passive": false
+      }, {
+        "name": "playerClicked",
+        "method": "onPlayerClicked",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "inputFocused",
+        "method": "onInputFocused",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "mediaLoading",
+        "method": "onMediaLoading",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "inputBlurred",
+        "method": "onInputBlurred",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "keyboardDidShow",
+        "method": "onKeyboardShown",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "mediaChatClicked",
+        "method": "onMediaChatClicked",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }