@rtsee/messenger 0.0.74 → 0.0.78

package/dist/messenger/src/models/RTSeeMessenger.js

@@ -1,140 +1,121 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RTSeeMessenger = void 0;
-var RTSeeChat_1 = require("./RTSeeChat");
-var messenger_1 = require("@rtsee/messenger");
-var core_1 = require("@rtsee/core");
-var common_1 = require("@rtsee/common");
-var DEFAULT_CHATS_FETCH_STEP = 20;
-var RTSeeMessenger = /** @class */ (function (_super) {
-    __extends(RTSeeMessenger, _super);
-    function RTSeeMessenger(options) {
-        var _this = _super.call(this, options) || this;
-        _this.chats = [];
-        _this.loadingChatsInProgress = false;
-        _this.unreadMessagesCount = 0;
-        _this.isInFocus = true;
-        _this.mainMenuOpened = false;
-        _this.folded = false;
-        _this.search = new messenger_1.RTSeeMessengerSearch({
-            signalingClient: _this.signalingClient,
+import { RTSeeChat } from "./RTSeeChat";
+import { getMessengerRemoteActions, RTSeeChatMember, RTSeeMessengerSearch } from "@rtsee/messenger";
+import { RTSeeCore } from "@rtsee/core";
+import { MessengerClientEvents, RTSeeChatMemberRoles, RTSeeChatTypes, RTSeeMessageStatus, RTSeeMessengerEvents } from "@rtsee/common";
+const DEFAULT_CHATS_FETCH_STEP = 20;
+export class RTSeeMessenger extends RTSeeCore {
+    chats = [];
+    openedChat;
+    openedProfile = null;
+    ownProfileOpened = false;
+    openedChatDetails = false;
+    search;
+    getHistoricalChats;
+    videoChat;
+    loadingChatsInProgress = false;
+    unreadMessagesCount = 0;
+    isInFocus = true;
+    folded = false;
+    remoteActions;
+    // ui
+    peerLoadInProgress = false;
+    chatLoadInProgress = false;
+    chatInputHeight = 35 + 16;
+    constructor(options) {
+        super(options);
+        this.search = new RTSeeMessengerSearch({
+            signalingClient: this.signalingClient,
         });
         if (options.getHistoricalChats) {
-            _this.getHistoricalChats = options.getHistoricalChats;
+            this.getHistoricalChats = options.getHistoricalChats;
         }
         if (options.videoChat) {
-            _this.attachVideoChat(options.videoChat);
+            this.attachVideoChat(options.videoChat);
         }
-        _this.signalingClient.connect({
-            messenger: _this,
+        this.signalingClient.connect({
+            messenger: this,
         });
-        _this.attachWindowEvents();
-        return _this;
+        this.remoteActions = getMessengerRemoteActions(this.signalingClient);
+        this.attachWindowEvents();
+    }
+    async openProfile(id) {
+        this.collapseInfo();
+        try {
+            const peer = await this.remoteActions.getPeer.send(id);
+            this.openedProfile = peer;
+            if (this.openedProfile.clientId === this.myPeer.clientId) {
+                this.ownProfileOpened = true;
+            }
+            if (!peer) {
+                return null;
+            }
+        }
+        catch (e) {
+            console.log(e);
+        }
+    }
+    setChatInputHeight(value) {
+        this.chatInputHeight = value;
+    }
+    collapseInfo() {
+        this.closeProfile();
+        this.closeChatInfo();
     }
-    RTSeeMessenger.prototype.openMainMenu = function (open) {
-        this.mainMenuOpened = open;
-    };
-    RTSeeMessenger.prototype.changeChatFoldState = function (state) {
+    closeProfile() {
+        if (this.ownProfileOpened) {
+            this.ownProfileOpened = false;
+            this.emit(RTSeeMessengerEvents.OWN_PROFILE_CLOSED);
+        }
+        this.openedProfile = null;
+    }
+    openChatInfo() {
+        this.collapseInfo();
+        if (!this.openedChat) {
+            return;
+        }
+        this.openedChatDetails = true;
+    }
+    closeChatInfo() {
+        this.openedChatDetails = false;
+    }
+    changeChatFoldState(state) {
         this.folded = state;
-    };
-    RTSeeMessenger.prototype.attachWindowEvents = function () {
-        var _this = this;
-        window.addEventListener("focus", function () {
-            _this.onFocus();
+    }
+    attachWindowEvents() {
+        window.addEventListener("focus", () => {
+            this.onFocus();
         });
-        window.addEventListener("blur", function () {
-            _this.onOnBlur();
+        window.addEventListener("blur", () => {
+            this.onOnBlur();
         });
-    };
-    RTSeeMessenger.prototype.onFocus = function () {
+    }
+    onFocus() {
         this.isInFocus = true;
         if (this.openedChat) {
-            var unseenMessage = this.openedChat.getLastUnseenMessage();
+            const unseenMessage = this.openedChat.getLastUnseenMessage();
             if (unseenMessage) {
                 this.emitMessagesSeen([unseenMessage]);
             }
         }
-    };
-    RTSeeMessenger.prototype.onOnBlur = function () {
+    }
+    onOnBlur() {
         this.isInFocus = false;
-    };
-    RTSeeMessenger.prototype.attachVideoChat = function (videoChat) {
+    }
+    attachVideoChat(videoChat) {
         this.videoChat = videoChat;
-    };
-    RTSeeMessenger.prototype.onReady = function () {
+    }
+    onReady() {
         if (this.getHistoricalChats) {
             this.loadChats();
         }
-    };
-    RTSeeMessenger.prototype.openChatByPeer = function (peer) {
-        var chat = this.getChatByReceiverId(peer.clientId);
+    }
+    openChatByPeer(peer) {
+        let chat = this.getChatByReceiverId(peer.clientId);
         if (!chat) {
-            var temporaryChatId = core_1.RTSeeCore.uuidv4();
-            var chatData = {
+            const temporaryChatId = RTSeeCore.uuidv4();
+            const chatData = {
                 id: temporaryChatId,
-                type: common_1.RTSeeChatTypes.INDIVIDUAL,
+                type: RTSeeChatTypes.INDIVIDUAL,
                 isPreset: true,
                 clientId: this.signalingClient.getMyPeerId(),
                 name: peer.name || peer.clientId,
@@ -145,43 +126,43 @@ var RTSeeMessenger = /** @class */ (function (_super) {
                 unreadMessagesCount: 0,
                 members: [
                     this.getMeAsChatMember(temporaryChatId),
-                    new messenger_1.RTSeeChatMember({
+                    new RTSeeChatMember({
                         chatId: temporaryChatId,
                         id: peer.clientId,
                         name: peer.name,
                         imageUrl: peer.imageUrl,
                         url: peer.url,
-                        role: common_1.RTSeeChatMemberRoles.MEMBER,
+                        role: RTSeeChatMemberRoles.MEMBER,
                     }),
                 ],
             };
             chat = this.addChat(chatData);
         }
         this.openChat(chat);
-    };
-    RTSeeMessenger.prototype.openChat = function (chat) {
+    }
+    openChat(chat) {
         console.log('Open Chat: ', chat);
         this.folded = false;
         this.openedChat = chat;
         this.openedChat.onOpened();
         this.emitMessagesSeen(this.openedChat.getUnseenMessages());
-        this.emit(common_1.MessengerClientEvents.CHAT_OPENED);
-    };
-    RTSeeMessenger.prototype.openChatById = function (id) {
-        var chat = this.getChatById(id) || this.getChatByTemporaryId(id);
+        this.emit(MessengerClientEvents.CHAT_OPENED);
+    }
+    openChatById(id) {
+        const chat = this.getChatById(id) || this.getChatByTemporaryId(id);
         if (!chat) {
             return;
         }
         this.openChat(chat);
-    };
-    RTSeeMessenger.prototype.closeChat = function () {
+    }
+    closeChat() {
         this.openedChat = null;
-    };
-    RTSeeMessenger.prototype.handleIncomingMessage = function (messageData) {
-        var chat = this.getChatById(messageData.chatId);
-        var message;
+    }
+    handleIncomingMessage(messageData) {
+        let chat = this.getChatById(messageData.chatId);
+        let message;
         if (chat) {
-            message = chat.addMessage(messageData);
+            message = chat.addMessage(messageData, false);
         }
         else {
             chat = this.joinChatByIncomingMessage(messageData);
@@ -190,12 +171,11 @@ var RTSeeMessenger = /** @class */ (function (_super) {
             this.emitMessagesSeen([message]);
         }
         this.emitMessagesReceived([messageData]);
-    };
-    RTSeeMessenger.prototype.emitMessagesReceived = function (messages) {
-        var _this = this;
-        messages.forEach(function (message) {
+    }
+    emitMessagesReceived(messages) {
+        messages.forEach((message) => {
             if (message.chatId) {
-                var messageReceivedData = {
+                const messageReceivedData = {
                     messages: [
                         {
                             chatId: message.chatId,
@@ -204,8 +184,8 @@ var RTSeeMessenger = /** @class */ (function (_super) {
                         },
                     ],
                 };
-                _this.signalingClient.emitEvent({
-                    name: messenger_1.RTSeeMessengerEvents.MESSAGE_RECEIVED,
+                this.signalingClient.emitEvent({
+                    name: RTSeeMessengerEvents.MESSAGE_RECEIVED,
                     data: messageReceivedData,
                 });
             }
@@ -213,13 +193,13 @@ var RTSeeMessenger = /** @class */ (function (_super) {
                 console.log("Error, chat without id!");
             }
         });
-    };
-    RTSeeMessenger.prototype.emitMessagesSeen = function (messages) {
+    }
+    emitMessagesSeen(messages) {
         if (!messages.length) {
             return;
         }
-        var messageSeenData = {
-            messages: messages.map(function (e) {
+        const messageSeenData = {
+            messages: messages.map((e) => {
                 return {
                     chatId: e.chatId,
                     id: e.id,
@@ -228,77 +208,80 @@ var RTSeeMessenger = /** @class */ (function (_super) {
             }),
         };
         this.signalingClient.emitEvent({
-            name: messenger_1.RTSeeMessengerEvents.INCOMING_MESSAGES_SEEN,
+            name: RTSeeMessengerEvents.INCOMING_MESSAGES_SEEN,
             data: messageSeenData,
         });
-        messages.forEach(function (e) {
-            e.setStatus(common_1.RTSeeMessageStatus.SEEN);
+        messages.forEach((e) => {
+            e.setStatus(RTSeeMessageStatus.SEEN);
         });
-    };
-    RTSeeMessenger.prototype.handleMessageReceivedEvent = function (options) {
-        var chat = this.getChatById(options.chatId);
+    }
+    handleMessageReceivedEvent(options) {
+        const chat = this.getChatById(options.chatId);
         if (!chat) {
             return;
         }
-        options.messagesIds.forEach(function (e) {
-            var message = chat.getMessageById(e);
+        options.messagesIds.forEach((e) => {
+            const message = chat.getMessageById(e);
             if (message) {
-                message.setStatus(common_1.RTSeeMessageStatus.DELIVERED);
+                message.setStatus(RTSeeMessageStatus.DELIVERED);
             }
         });
-    };
-    RTSeeMessenger.prototype.handleIncomingMessagesSeen = function (options) {
-        var chat = this.getChatById(options.chatId);
+    }
+    handleIncomingMessagesSeen(options) {
+        const chat = this.getChatById(options.chatId);
         if (!chat) {
             return;
         }
         chat.markMessagesAsSeen(options.messagesIds);
-    };
-    RTSeeMessenger.prototype.handleMessageSendFailed = function (toId) {
-        var chat = this.getChatByReceiverId(toId);
+    }
+    handleMessageSendFailed(toId) {
+        const chat = this.getChatByReceiverId(toId);
         if (!chat) {
             return;
         }
         console.log(chat.id, "failed to send message!");
-    };
-    RTSeeMessenger.prototype.onRemoteChatCreated = function (chat, temporaryId) {
-        var existing = this.getChatById(temporaryId);
+    }
+    onRemoteChatCreated(chat, temporaryId) {
+        const existing = this.getChatById(temporaryId);
         if (existing) {
             existing.init(chat);
         }
         else {
             this.addChat(chat);
         }
-    };
-    RTSeeMessenger.prototype.getRemoteChat = function (chatId) {
+    }
+    getRemoteChat(chatId) {
         this.signalingClient.emitEvent({
-            name: messenger_1.RTSeeMessengerEvents.GET_CHAT,
+            name: RTSeeMessengerEvents.GET_CHAT,
             data: {
                 id: chatId,
             },
         });
-    };
-    RTSeeMessenger.prototype.getChatByReceiverId = function (id) {
-        return (this.chats.find(function (e) {
+    }
+    getChatByReceiverId(id) {
+        return (this.chats.find((e) => {
             return e.type === "individual" && e.receiverId === id;
         }) || null);
-    };
-    RTSeeMessenger.prototype.getChatByTemporaryId = function (id) {
-        return (this.chats.find(function (e) {
+    }
+    getChatByTemporaryId(id) {
+        return (this.chats.find((e) => {
             return e.id === id && e.isPreset === true;
         }) || null);
-    };
-    RTSeeMessenger.prototype.getChatById = function (id) {
-        return this.chats.find(function (e) { return e.id === id; }) || null;
-    };
-    RTSeeMessenger.prototype.populateChats = function (chats) {
-        var _this = this;
-        chats.forEach(function (elem) {
-            _this.addChat(elem, true);
+    }
+    getChatById(id) {
+        return this.chats.find((e) => e.id === id) || null;
+    }
+    populateChats(chats) {
+        chats.forEach((elem) => {
+            this.addChat(elem, true);
+        });
+    }
+    addChat(chatData, append) {
+        const chat = new RTSeeChat({
+            ...chatData,
+            clientId: this.signalingClient.getMyPeerId(),
+            signalingClient: this.signalingClient,
         });
-    };
-    RTSeeMessenger.prototype.addChat = function (chatData, append) {
-        var chat = new RTSeeChat_1.RTSeeChat(__assign(__assign({}, chatData), { clientId: this.signalingClient.getMyPeerId(), signalingClient: this.signalingClient }));
         if (append) {
             this.chats.push(chat);
         }
@@ -307,45 +290,44 @@ var RTSeeMessenger = /** @class */ (function (_super) {
         }
         this.subscribeToChatEvents(chat);
         return chat;
-    };
-    RTSeeMessenger.prototype.subscribeToChatEvents = function (chat) {
-        var _this = this;
-        chat.on(messenger_1.RTSeeMessengerEvents.GET_MESSAGES, function (options) {
-            _this.signalingClient.emitEvent({
-                name: messenger_1.RTSeeMessengerEvents.GET_MESSAGES,
+    }
+    subscribeToChatEvents(chat) {
+        chat.on(RTSeeMessengerEvents.GET_MESSAGES, (options) => {
+            this.signalingClient.emitEvent({
+                name: RTSeeMessengerEvents.GET_MESSAGES,
                 data: options,
             });
         });
-    };
-    RTSeeMessenger.prototype.getMeAsChatMember = function (chatId) {
+    }
+    getMeAsChatMember(chatId) {
         if (!this.signalingClient) {
             throw new Error("Can not add chats before signalingClient is initialized.");
         }
-        var myPeer = this.signalingClient.getMyPeer();
+        const myPeer = this.signalingClient.getMyPeer();
         console.log('getMeAsChatMember My Peer here, ', myPeer);
-        return new messenger_1.RTSeeChatMember({
+        return new RTSeeChatMember({
             id: this.clientId,
-            chatId: chatId,
+            chatId,
             name: myPeer.name,
             url: myPeer.url,
             imageUrl: myPeer.imageUrl,
-            role: common_1.RTSeeChatMemberRoles.MEMBER,
+            role: RTSeeChatMemberRoles.MEMBER,
         });
-    };
-    RTSeeMessenger.prototype.joinChatByIncomingMessage = function (messageData) {
-        var addedChat = this.getChatById(messageData.chatId);
+    }
+    joinChatByIncomingMessage(messageData) {
+        const addedChat = this.getChatById(messageData.chatId);
         if (!addedChat) {
             this.getRemoteChat(messageData.chatId);
             return null;
         }
         addedChat.addMessage(messageData);
         return addedChat;
-    };
-    RTSeeMessenger.prototype.onCallCreated = function (call, options) {
+    }
+    onCallCreated(call, options) {
         if (!options.chatId) {
             return;
         }
-        var chat = this.getExistingChat({
+        const chat = this.getExistingChat({
             chatId: options.chatId,
         });
         if (!chat) {
@@ -358,28 +340,27 @@ var RTSeeMessenger = /** @class */ (function (_super) {
             data: call,
             chatId: chat.id,
         });
-    };
-    RTSeeMessenger.prototype.onChatsLoaded = function (result) {
+    }
+    onChatsLoaded(result) {
         this.loadingChatsInProgress = false;
         this.unreadMessagesCount = result.unreadCount;
         this.populateChats(result.chats);
-    };
-    RTSeeMessenger.prototype.onMessagesLoaded = function (result) {
-        var chat = this.getChatById(result.chatId);
+    }
+    onMessagesLoaded(result) {
+        const chat = this.getChatById(result.chatId);
         if (!chat) {
             return;
         }
         this.emitMessagesSeen(chat.getUnseenMessages());
         chat.addMessages(result.messages, result.direction);
         chat.unreadMessagesCount = result.unreadCount;
-    };
-    RTSeeMessenger.prototype.markMessagesAsSeen = function (messages) {
-        var _this = this;
-        var messagesSeenOptions = {
+    }
+    markMessagesAsSeen(messages) {
+        const messagesSeenOptions = {
             messages: [],
         };
-        messages.forEach(function (e) {
-            if (e.status !== common_1.RTSeeMessageStatus.SEEN && e.from !== _this.clientId) {
+        messages.forEach((e) => {
+            if (e.status !== RTSeeMessageStatus.SEEN && e.from !== this.clientId) {
                 messagesSeenOptions.messages.push({
                     id: e.id,
                     from: e.from,
@@ -388,31 +369,32 @@ var RTSeeMessenger = /** @class */ (function (_super) {
             }
         });
         this.signalingClient.emitEvent({
-            name: messenger_1.RTSeeMessengerEvents.INCOMING_MESSAGES_SEEN,
+            name: RTSeeMessengerEvents.INCOMING_MESSAGES_SEEN,
             data: messagesSeenOptions,
         });
-    };
-    RTSeeMessenger.prototype.onMessageSendSuccess = function (messageData) {
-        var chat = this.getChatById(messageData.chatId);
-        var tempChat = this.getChatByTemporaryId(messageData.temporaryChatId);
+    }
+    onMessageSendSuccess(messageData) {
+        const chat = this.getChatById(messageData.chatId);
+        const tempChat = this.getChatByTemporaryId(messageData.temporaryChatId);
         if (chat) {
-            var message = chat.getMessageByTemporaryId(messageData.temporaryId);
+            const message = chat.getMessageByTemporaryId(messageData.temporaryId);
             if (message) {
                 message.onSendSuccess(messageData);
             }
             else {
-                var addedMessage = chat.addMessage(messageData);
+                const addedMessage = chat.addMessage(messageData);
                 addedMessage.temporaryId = null;
             }
         }
         else if (tempChat) {
             tempChat.id = messageData.chatId;
-            var message = chat.getMessageByTemporaryId(messageData.temporaryId);
+            tempChat.isPreset = false;
+            const message = chat.getMessageByTemporaryId(messageData.temporaryId);
             if (message) {
                 message.onSendSuccess(messageData);
             }
             else {
-                var addedMessage = chat.addMessage(messageData);
+                const addedMessage = chat.addMessage(messageData);
                 addedMessage.temporaryId = null;
             }
         }
@@ -420,63 +402,43 @@ var RTSeeMessenger = /** @class */ (function (_super) {
             messageData.temporaryId = null;
             this.getRemoteChat(messageData.chatId);
         }
-    };
-    RTSeeMessenger.prototype.joinCall = function (roomId) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!this.videoChat || !this.signalingClient) {
-                            console.log("ERROR! Signaling Client is not initialized or Video Chat is not connected!");
-                            return [2 /*return*/];
-                        }
-                        return [4 /*yield*/, this.videoChat.connect(roomId, this.signalingClient.getMyPeer())];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    RTSeeMessenger.prototype.initializeVideoCall = function (chat) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!this.videoChat) {
-                            console.log("Video chat not connected!");
-                            return [2 /*return*/];
-                        }
-                        if (!chat.conferenceRoom) {
-                            this.videoChat.createRoom({ chatId: chat.id });
-                            return [2 /*return*/];
-                        }
-                        return [4 /*yield*/, this.videoChat.call(chat.conferenceRoom.id, {
-                                callerId: this.myPeer.clientId,
-                                chatId: this.openedChat.id
-                            })];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
+    }
+    async joinCall(roomId) {
+        if (!this.videoChat || !this.signalingClient) {
+            console.log("ERROR! Signaling Client is not initialized or Video Chat is not connected!");
+            return;
+        }
+        await this.videoChat.connect(roomId, this.signalingClient.getMyPeer());
+    }
+    async initializeVideoCall(chat) {
+        if (!this.videoChat) {
+            console.log("Video chat not connected!");
+            return;
+        }
+        if (!chat.conferenceRoom) {
+            this.videoChat.createRoom({ chatId: chat.id });
+            return;
+        }
+        await this.videoChat.call(chat.conferenceRoom.id, {
+            callerId: this.myPeer.clientId,
+            chatId: this.openedChat.id
         });
-    };
-    RTSeeMessenger.prototype.loadChats = function () {
+    }
+    loadChats() {
         this.loadingChatsInProgress = true;
         this.signalingClient.emitEvent({
-            name: messenger_1.RTSeeMessengerEvents.GET_CHATS,
+            name: RTSeeMessengerEvents.GET_CHATS,
             data: {
                 limit: DEFAULT_CHATS_FETCH_STEP,
                 offset: this.chats.length,
             },
         });
-    };
-    RTSeeMessenger.prototype.createGroup = function (options) {
-        var temporaryChatId = core_1.RTSeeCore.uuidv4();
-        var chatData = {
+    }
+    createGroup(options) {
+        const temporaryChatId = RTSeeCore.uuidv4();
+        const chatData = {
             id: temporaryChatId,
-            type: common_1.RTSeeChatTypes.GROUP,
+            type: RTSeeChatTypes.GROUP,
             clientId: this.signalingClient.getMyPeerId(),
             name: options.name,
             imageUrl: options.imageUrl,
@@ -488,12 +450,12 @@ var RTSeeMessenger = /** @class */ (function (_super) {
             unreadMessagesCount: 0,
         };
         this.addChat(chatData);
-    };
-    RTSeeMessenger.prototype.createChannel = function (options) {
-        var temporaryChatId = core_1.RTSeeCore.uuidv4();
-        var chatData = {
+    }
+    createChannel(options) {
+        const temporaryChatId = RTSeeCore.uuidv4();
+        const chatData = {
             id: temporaryChatId,
-            type: common_1.RTSeeChatTypes.CHANNEL,
+            type: RTSeeChatTypes.CHANNEL,
             clientId: this.signalingClient.getMyPeerId(),
             name: options.name,
             imageUrl: options.imageUrl,
@@ -505,27 +467,16 @@ var RTSeeMessenger = /** @class */ (function (_super) {
             unreadMessagesCount: 0,
         };
         this.addChat(chatData);
-    };
-    RTSeeMessenger.prototype.onRoomCreated = function (room) {
-        return __awaiter(this, void 0, void 0, function () {
-            var chat;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        chat = this.getChatById(room.chatId);
-                        if (!chat) {
-                            return [2 /*return*/];
-                        }
-                        chat.setConferenceRoom(room);
-                        return [4 /*yield*/, this.initializeVideoCall(chat)];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    RTSeeMessenger.prototype.getExistingChat = function (options) {
+    }
+    async onRoomCreated(room) {
+        const chat = this.getChatById(room.chatId);
+        if (!chat) {
+            return;
+        }
+        chat.setConferenceRoom(room);
+        await this.initializeVideoCall(chat);
+    }
+    getExistingChat(options) {
         if (options.chatId) {
             return this.getChatById(options.chatId);
         }
@@ -535,8 +486,6 @@ var RTSeeMessenger = /** @class */ (function (_super) {
             }
             return this.getChatByReceiverId(options.receiverId);
         }
-    };
-    return RTSeeMessenger;
-}(core_1.RTSeeCore));
-exports.RTSeeMessenger = RTSeeMessenger;
+    }
+}
 //# sourceMappingURL=RTSeeMessenger.js.map