@techsee/techsee-media-service-client 999.2.5-sap → 999.2.6-alpha2

package/lib/components/LoaderSpinner/LoaderSpinner.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import './LoaderSpinner.scss';
 declare type LoaderSpinnerProps = {
-    caption: string;
+    connectingCaption?: string;
 };
 export declare const LoaderSpinner: React.FC<LoaderSpinnerProps>;
 export {};
-//# sourceMappingURL=LoaderSpinner.d.ts.map

package/lib/components/LoaderSpinner/LoaderSpinner.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,13 +9,21 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoaderSpinner = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-require("./LoaderSpinner.scss");
-var LoaderSpinner = function (_a) {
-    var caption = _a.caption;
-    return (jsx_runtime_1.jsxs("div", __assign({ className: 'loader-spinner-container' }, { children: [jsx_runtime_1.jsxs("svg", __assign({ className: 'spinner', width: '118', height: '118', viewBox: '0 0 118 118', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' }, { children: [jsx_runtime_1.jsx("circle", { cx: '59', cy: '59', r: '59', fill: 'white', fillOpacity: '0.1' }, void 0), jsx_runtime_1.jsxs("g", __assign({ clipPath: 'url(#clip0)' }, { children: [jsx_runtime_1.jsx("path", { className: 'circle circle-1', d: 'M59.5 41C63.6421 41 67 37.6421 67 33.5C67 29.3579 63.6421 26 59.5 26C55.3579 26 52 29.3579 52 33.5C52 37.6421 55.3579 41 59.5 41Z', fill: 'white' }, void 0), jsx_runtime_1.jsx("path", { className: 'circle circle-2', d: 'M72.1901 45.5985C75.3572 48.256 80.0754 47.8472 82.7285 44.6854C85.3815 41.5236 84.9648 36.8061 81.7977 34.1486C78.6306 31.4911 73.9124 31.8999 71.2593 35.0617C68.6063 38.2235 69.023 42.941 72.1901 45.5985Z', fill: 'white' }, void 0), jsx_runtime_1.jsx("path", { className: 'circle circle-3', d: 'M79.0856 57.4596C79.7997 61.5093 83.6914 64.2081 87.7779 63.4875C91.8644 62.7669 94.5983 58.8999 93.8843 54.8502C93.1702 50.8005 89.2785 48.1017 85.192 48.8223C81.1055 49.5428 78.3716 53.4099 79.0856 57.4596Z', fill: 'white' }, void 0), jsx_runtime_1.jsx("path", { className: 'circle circle-4', d: 'M76.6956 70.9205C74.6351 74.4894 75.8718 79.0609 79.4579 81.1313C83.044 83.2017 87.6214 81.987 89.6819 78.4182C91.7424 74.8493 90.5056 70.2778 86.9196 68.2074C83.3335 66.137 78.756 67.3517 76.6956 70.9205Z', fill: 'white' }, void 0), jsx_runtime_1.jsx("path", { className: 'circle circle-5', d: 'M66.0989 79.7512C62.2028 81.1693 60.1855 85.454 61.5931 89.3214C63.0007 93.1889 67.3003 95.1745 71.1963 93.7564C75.0924 92.3384 77.1097 88.0536 75.7021 84.1862C74.2945 80.3188 69.9949 78.3331 66.0989 79.7512Z', fill: 'white' }, void 0), jsx_runtime_1.jsx("path", { className: 'circle circle-6', d: 'M52.2142 79.7512C48.3181 78.3331 44.0186 80.3188 42.611 84.1862C41.2034 88.0536 43.2207 92.3384 47.1167 93.7564C51.0128 95.1745 55.3123 93.1889 56.72 89.3214C58.1276 85.454 56.1103 81.1693 52.2142 79.7512Z', fill: 'white' }, void 0), jsx_runtime_1.jsx("path", { className: 'circle circle-7', d: 'M41.6175 70.9205C39.557 67.3517 34.9796 66.137 31.3935 68.2074C27.8074 70.2778 26.5707 74.8493 28.6312 78.4182C30.6916 81.987 35.2691 83.2017 38.8552 81.1313C42.4412 79.0609 43.678 74.4894 41.6175 70.9205Z', fill: 'white' }, void 0), jsx_runtime_1.jsx("path", { className: 'circle circle-8', d: 'M39.2274 57.4596C39.9415 53.4099 37.2076 49.5428 33.1211 48.8223C29.0345 48.1017 25.1429 50.8005 24.4288 54.8502C23.7147 58.8999 26.4487 62.7669 30.5352 63.4875C34.6217 64.2081 38.5134 61.5093 39.2274 57.4596Z', fill: 'white' }, void 0), jsx_runtime_1.jsx("path", { className: 'circle circle-9', d: 'M46.123 45.5985C49.2901 42.941 49.7068 38.2235 47.0537 35.0617C44.4007 31.8999 39.6825 31.4911 36.5154 34.1486C33.3483 36.8061 32.9316 41.5236 35.5846 44.6854C38.2377 47.8472 42.9559 48.256 46.123 45.5985Z', fill: 'white' }, void 0)] }), void 0), jsx_runtime_1.jsx("defs", { children: jsx_runtime_1.jsx("clipPath", __assign({ id: 'clip0' }, { children: jsx_runtime_1.jsx("rect", { width: '70', height: '69', fill: 'white', transform: 'translate(24 26)' }, void 0) }), void 0) }, void 0)] }), void 0), jsx_runtime_1.jsx("div", __assign({ className: 'loader-spinner-caption' }, { children: caption }), void 0)] }), void 0));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './LoaderSpinner.scss';
+export var LoaderSpinner = function (_a) {
+    var connectingCaption = _a.connectingCaption;
+    return (_jsxs("div", __assign({ className: "loader-spinner-container" }, { children: [_jsxs("svg", __assign({ className: "spinner", width: "118", height: "118", viewBox: "0 0 118 118", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("circle", { cx: "59", cy: "59", r: "59", fill: "white", fillOpacity: "0.1" }, void 0),
+                    _jsxs("g", __assign({ clipPath: "url(#clip0)" }, { children: [_jsx("path", { className: "circle circle-1", d: "M59.5 41C63.6421 41 67 37.6421 67 33.5C67 29.3579 63.6421 26 59.5 26C55.3579 26 52 29.3579 52 33.5C52 37.6421 55.3579 41 59.5 41Z", fill: "white" }, void 0),
+                            _jsx("path", { className: "circle circle-2", d: "M72.1901 45.5985C75.3572 48.256 80.0754 47.8472 82.7285 44.6854C85.3815 41.5236 84.9648 36.8061 81.7977 34.1486C78.6306 31.4911 73.9124 31.8999 71.2593 35.0617C68.6063 38.2235 69.023 42.941 72.1901 45.5985Z", fill: "white" }, void 0),
+                            _jsx("path", { className: "circle circle-3", d: "M79.0856 57.4596C79.7997 61.5093 83.6914 64.2081 87.7779 63.4875C91.8644 62.7669 94.5983 58.8999 93.8843 54.8502C93.1702 50.8005 89.2785 48.1017 85.192 48.8223C81.1055 49.5428 78.3716 53.4099 79.0856 57.4596Z", fill: "white" }, void 0),
+                            _jsx("path", { className: "circle circle-4", d: "M76.6956 70.9205C74.6351 74.4894 75.8718 79.0609 79.4579 81.1313C83.044 83.2017 87.6214 81.987 89.6819 78.4182C91.7424 74.8493 90.5056 70.2778 86.9196 68.2074C83.3335 66.137 78.756 67.3517 76.6956 70.9205Z", fill: "white" }, void 0),
+                            _jsx("path", { className: "circle circle-5", d: "M66.0989 79.7512C62.2028 81.1693 60.1855 85.454 61.5931 89.3214C63.0007 93.1889 67.3003 95.1745 71.1963 93.7564C75.0924 92.3384 77.1097 88.0536 75.7021 84.1862C74.2945 80.3188 69.9949 78.3331 66.0989 79.7512Z", fill: "white" }, void 0),
+                            _jsx("path", { className: "circle circle-6", d: "M52.2142 79.7512C48.3181 78.3331 44.0186 80.3188 42.611 84.1862C41.2034 88.0536 43.2207 92.3384 47.1167 93.7564C51.0128 95.1745 55.3123 93.1889 56.72 89.3214C58.1276 85.454 56.1103 81.1693 52.2142 79.7512Z", fill: "white" }, void 0),
+                            _jsx("path", { className: "circle circle-7", d: "M41.6175 70.9205C39.557 67.3517 34.9796 66.137 31.3935 68.2074C27.8074 70.2778 26.5707 74.8493 28.6312 78.4182C30.6916 81.987 35.2691 83.2017 38.8552 81.1313C42.4412 79.0609 43.678 74.4894 41.6175 70.9205Z", fill: "white" }, void 0),
+                            _jsx("path", { className: "circle circle-8", d: "M39.2274 57.4596C39.9415 53.4099 37.2076 49.5428 33.1211 48.8223C29.0345 48.1017 25.1429 50.8005 24.4288 54.8502C23.7147 58.8999 26.4487 62.7669 30.5352 63.4875C34.6217 64.2081 38.5134 61.5093 39.2274 57.4596Z", fill: "white" }, void 0),
+                            _jsx("path", { className: "circle circle-9", d: "M46.123 45.5985C49.2901 42.941 49.7068 38.2235 47.0537 35.0617C44.4007 31.8999 39.6825 31.4911 36.5154 34.1486C33.3483 36.8061 32.9316 41.5236 35.5846 44.6854C38.2377 47.8472 42.9559 48.256 46.123 45.5985Z", fill: "white" }, void 0)] }), void 0),
+                    _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0" }, { children: _jsx("rect", { width: "70", height: "69", fill: "white", transform: "translate(24 26)" }, void 0) }), void 0) }, void 0)] }), void 0),
+            _jsx("div", __assign({ className: "loader-spinner-caption" }, { children: connectingCaption || 'Connecting...' }), void 0)] }), void 0));
 };
-exports.LoaderSpinner = LoaderSpinner;
 //# sourceMappingURL=LoaderSpinner.js.map

package/lib/components/LoaderSpinner/LoaderSpinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoaderSpinner.js","sourceRoot":"","sources":["../../../src/components/LoaderSpinner/LoaderSpinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,gCAA8B;AAMvB,IAAM,aAAa,GAAiC,UAAC,EAAS;QAAR,OAAO,aAAA;IAAM,OAAA,CACtE,qCAAK,SAAS,EAAC,0BAA0B,iBACrC,qCACI,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBAClC,8BAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,WAAG,EAChE,mCAAG,QAAQ,EAAC,aAAa,iBACrB,4BACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,mIAAmI,EACrI,IAAI,EAAC,OAAO,WACd,EACF,4BACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,gNAAgN,EAClN,IAAI,EAAC,OAAO,WACd,EACF,4BACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,kNAAkN,EACpN,IAAI,EAAC,OAAO,WACd,EACF,4BACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,WACd,EACF,4BACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,kNAAkN,EACpN,IAAI,EAAC,OAAO,WACd,EACF,4BACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,WACd,EACF,4BACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,WACd,EACF,4BACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,mNAAmN,EACrN,IAAI,EAAC,OAAO,WACd,EACF,4BACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,WACd,aACF,EACJ,sCACI,yCAAU,EAAE,EAAC,OAAO,gBAChB,4BAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB,WAAG,YAClE,WACR,aACL,EACN,oCAAK,SAAS,EAAC,wBAAwB,gBAAE,OAAO,YAAO,aACrD,CACT;AAjEyE,CAiEzE,CAAC;AAjEW,QAAA,aAAa,iBAiExB"}
+{"version":3,"file":"LoaderSpinner.js","sourceRoot":"","sources":["../../../src/components/LoaderSpinner/LoaderSpinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,sBAAsB,CAAC;AAM9B,MAAM,CAAC,IAAM,aAAa,GAAiC,UAAC,EAAmB;QAAlB,iBAAiB,uBAAA;IAAM,OAAA,CAChF,wBAAK,SAAS,EAAC,0BAA0B,iBACrC,wBACI,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBAElC,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,WAAG;oBAChE,sBAAG,QAAQ,EAAC,aAAa,iBACrB,eACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,mIAAmI,EACrI,IAAI,EAAC,OAAO,WACd;4BACF,eACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,gNAAgN,EAClN,IAAI,EAAC,OAAO,WACd;4BACF,eACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,kNAAkN,EACpN,IAAI,EAAC,OAAO,WACd;4BACF,eACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,WACd;4BACF,eACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,kNAAkN,EACpN,IAAI,EAAC,OAAO,WACd;4BACF,eACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,WACd;4BACF,eACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,WACd;4BACF,eACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,mNAAmN,EACrN,IAAI,EAAC,OAAO,WACd;4BACF,eACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,WACd,aACF;oBACJ,yBACI,4BAAU,EAAE,EAAC,OAAO,gBAChB,eACI,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,kBAAkB,WAC9B,YACK,WACR,aACL;YACN,uBAAK,SAAS,EAAC,wBAAwB,gBAAE,iBAAiB,IAAI,eAAe,YAAO,aAClF,CACT;AAvEmF,CAuEnF,CAAC"}

package/lib/components/LoaderSpinner/LoaderSpinner.scss

@@ -1,30 +1,20 @@
 .loader-spinner-container {
-    position: absolute;
-    z-index: 2;
-    background: #3a3a3a;
-    width: 100%;
-    height: 100%;
-    border-radius: inherit;
-
     display: flex;
     flex-direction: column;
     align-items: center;
-    justify-content: center;
 
     .loader-spinner-caption {
         font-family: 'Open Sans';
         font-size: 14px;
         color: white;
 
-        text-align: center;
         padding-top: 20px;
-        margin: 0px 15px;
     }
 
     .circle {
         animation: loading-spinner 1.8s infinite;
     }
-
+    
     .circle-2 {
         animation-delay: 0.2s;
     }

package/lib/components/Multiparty.d.ts

@@ -1,23 +1,9 @@
-import { RefObject } from 'react';
-import { VideoLayoutType } from '@techsee/techsee-common/lib/constants/media.constants';
-import { IMultipartyController } from '../services/MultipartyController';
-import { OnPinnedVideoChangedCb } from '../services/types';
-import { MultipartyTranslationStrings, OnEndMeetingRequestedCb, OnPermissionsModalVisibilityChangedCb, OnSnapshotRequestedCb } from './Multiparty.types';
-import '@techsee/techsee-ui-common/lib/_shared/icons.css';
-import './Multiparty.scss';
+/// <reference types="react" />
+import { WebRtcClient } from '../services/WebRTCClient';
+import './multiparty.scss';
 declare type MultipartyProps = {
-    controller: IMultipartyController;
-    translations: MultipartyTranslationStrings;
-    selectedLayoutType: VideoLayoutType;
-    isPeerMediaPermissionRejected?: boolean;
-    onPermissionsModalVisibilityChanged?: OnPermissionsModalVisibilityChangedCb;
-    onPinnedVideoChanged?: OnPinnedVideoChangedCb;
-    onSnapshotRequested?: OnSnapshotRequestedCb;
-    onEndMeetingRequested?: OnEndMeetingRequestedCb;
-    videoOverlay?: (props: {
-        floatingElements: RefObject<HTMLElement>[];
-    }) => JSX.Element;
+    webRtcClient: WebRtcClient;
+    connectingCaption?: string;
 };
 export declare const Multiparty: React.FC<MultipartyProps>;
 export {};
-//# sourceMappingURL=Multiparty.d.ts.map

package/lib/components/Multiparty.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,204 +9,30 @@ var __assign = (this && this.__assign) || function () {
     };
     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;
-    return g = { next: verb(0), "throw": verb(1), "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 (_) 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 };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Multiparty = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var MediaConstants_1 = require("@techsee/techsee-media-service/lib/MediaConstants");
-var MultiParty_1 = require("@techsee/techsee-media-service/lib/MultiParty");
-var media_constants_1 = require("@techsee/techsee-common/lib/constants/media.constants");
-var types_1 = require("../services/types");
-var utils_1 = require("../utils");
-var MultipartyEventTypes_1 = require("../services/MultipartyEventTypes");
-var MediaRejectedModal_1 = require("./MediaRejectedModal/MediaRejectedModal");
-var Multiparty_types_1 = require("./Multiparty.types");
-var VideoLayouts_1 = require("./VideoLayouts");
-require("@techsee/techsee-ui-common/lib/_shared/icons.css");
-require("./Multiparty.scss");
-var Multiparty = function (_a) {
-    var controller = _a.controller, translations = _a.translations, isPeerMediaPermissionRejected = _a.isPeerMediaPermissionRejected, selectedLayoutType = _a.selectedLayoutType, onPermissionsModalVisibilityChanged = _a.onPermissionsModalVisibilityChanged, onPinnedVideoChanged = _a.onPinnedVideoChanged, onSnapshotRequested = _a.onSnapshotRequested, onEndMeetingRequested = _a.onEndMeetingRequested, videoOverlay = _a.videoOverlay;
-    var _b = react_1.useState(false), firstPeerDidConnect = _b[0], setFirstPeerDidConnect = _b[1];
-    var _c = react_1.useState(true), wasMediaPermissionsModalClosed = _c[0], setWasMediaPermissionsModalClosed = _c[1];
-    var _d = react_1.useState(false), isOwnMediaPermissionsRejected = _d[0], setOwnMediaPermissionsRejected = _d[1];
-    var _e = react_1.useState({}), translationsCopy = _e[0], setTranslationsCopy = _e[1];
-    var _f = react_1.useState(controller.userRole), userRole = _f[0], setUserRole = _f[1];
-    var _g = react_1.useState(controller.isAudioDisabled), isAudioDisabled = _g[0], setIsAudioDisabled = _g[1];
-    var _h = react_1.useState(false), isAudioMuted = _h[0], setIsAudioMuted = _h[1];
-    var _j = react_1.useState(false), isVideoTurnedOff = _j[0], setIsVideoTurnedOff = _j[1];
-    var _k = react_1.useState(false), isSwitchCameraSupported = _k[0], setIsSwitchCameraSupported = _k[1];
-    var _l = react_1.useState(true), isLoading = _l[0], setIsLoading = _l[1];
-    var _m = react_1.useState(false), isScreenSharingEnabled = _m[0], setIsScreenSharingEnabled = _m[1];
-    var _o = react_1.useState(false), isSharingScreen = _o[0], setIsSharingScreen = _o[1];
-    var _p = react_1.useState([]), connections = _p[0], setConnections = _p[1];
-    var toggleMute = react_1.useCallback(function () { return controller.toggleAudio(isAudioMuted); }, [controller, isAudioMuted]);
-    var switchCamera = react_1.useCallback(function () { return controller.switchCamera(); }, [controller]);
-    var toggleVideo = react_1.useCallback(function () { return controller.toggleVideo(isVideoTurnedOff); }, [controller, isVideoTurnedOff]);
-    var toggleScreenShare = react_1.useCallback(function () {
-        if (!isScreenSharingEnabled)
-            return;
-        if (isSharingScreen) {
-            setIsSharingScreen(false);
-            controller.stopShareScreen();
-        }
-        else {
-            setIsSharingScreen(true);
-            controller.shareScreen();
-        }
-    }, [controller, isSharingScreen, isScreenSharingEnabled]);
-    var onModalClosed = react_1.useCallback(function () { return setWasMediaPermissionsModalClosed(false); }, []);
-    var onModalOpen = react_1.useCallback(function () { return setWasMediaPermissionsModalClosed(true); }, []);
-    var mainConnection = react_1.useMemo(function () { return controller.getMainConnection(); }, __spreadArray(__spreadArray([controller], Object.values(controller.getPinnedVideo())), [JSON.stringify(connections)]));
-    react_1.useEffect(function () {
-        controller.connect();
-        setConnections(controller.connections.get());
-        return function () { return controller.disconnect(); };
-    }, [controller]);
-    react_1.useEffect(function () {
-        onPermissionsModalVisibilityChanged === null || onPermissionsModalVisibilityChanged === void 0 ? void 0 : onPermissionsModalVisibilityChanged(isOwnMediaPermissionsRejected && wasMediaPermissionsModalClosed
-            ? Multiparty_types_1.PermissionsModalVisibilityChangedEvent.MODAL_OPEN
-            : Multiparty_types_1.PermissionsModalVisibilityChangedEvent.MODAL_CLOSED);
-    }, [isOwnMediaPermissionsRejected, wasMediaPermissionsModalClosed, onPermissionsModalVisibilityChanged]);
-    react_1.useEffect(function () {
-        controller.connections.setOwnMediaPermissionsRejected(isOwnMediaPermissionsRejected);
-        setConnections(controller.connections.get());
-    }, [controller, isOwnMediaPermissionsRejected]);
-    react_1.useEffect(function () {
-        controller.connections.setPeerMediaPermissionsRejected(isPeerMediaPermissionRejected || false);
-        setConnections(controller.connections.get());
-    }, [controller, isPeerMediaPermissionRejected]);
-    react_1.useEffect(function () {
-        setUserRole(controller.userRole);
-    }, [controller.userRole]);
-    react_1.useEffect(function () {
-        setIsAudioDisabled(controller.isAudioDisabled);
-    }, [controller.isAudioDisabled]);
-    react_1.useEffect(function () {
-        var checkScreenSharing = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var isSharingEnabled;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!(selectedLayoutType !== media_constants_1.VideoLayoutType.AgentPinnedLayout)) return [3 /*break*/, 2];
-                        return [4 /*yield*/, controller.isScreenSharingEnabled()];
-                    case 1:
-                        isSharingEnabled = _a.sent();
-                        setIsScreenSharingEnabled(isSharingEnabled);
-                        _a.label = 2;
-                    case 2:
-                        setIsLoading(false);
-                        return [2 /*return*/];
-                }
-            });
-        }); };
-        checkScreenSharing();
-    }, []);
-    react_1.useEffect(function () {
-        setTranslationsCopy(translations);
-    }, Object.values(translations));
-    utils_1.useEvent(controller, MultipartyEventTypes_1.MultipartyEvents.connectionCreated, function () {
-        var updatedConnections = controller.connections.get();
-        setConnections(updatedConnections);
-        if (updatedConnections.length > 1) {
-            setFirstPeerDidConnect(true);
-        }
-    }, []);
-    utils_1.useEvent(controller, MultipartyEventTypes_1.MultipartyEvents.connectionDestroyed, function () {
-        setConnections(controller.connections.get());
-    }, []);
-    utils_1.useEvent(controller, MultipartyEventTypes_1.MultipartyEvents.streamDestroyed, function () {
-        setConnections(controller.connections.get());
-    }, []);
-    utils_1.useEvent(controller, MultipartyEventTypes_1.MultipartyEvents.streamCreated, function (_a) {
-        var isOwnConnection = _a.isOwnConnection, hasAudio = _a.hasAudio, hasVideo = _a.hasVideo;
-        return __awaiter(void 0, void 0, void 0, function () {
-            var supportsCameraSwitch;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        setConnections(controller.connections.get());
-                        if (!isOwnConnection) return [3 /*break*/, 2];
-                        return [4 /*yield*/, MultiParty_1.checkSupportSwitchCamera()];
-                    case 1:
-                        supportsCameraSwitch = _b.sent();
-                        setIsSwitchCameraSupported(supportsCameraSwitch);
-                        setIsAudioMuted(!hasAudio);
-                        setIsVideoTurnedOff(!hasVideo);
-                        _b.label = 2;
-                    case 2: return [2 /*return*/];
-                }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { WebRtcClientEvents } from '../services/WebRTCClient';
+import { participantDomId, pinnedParticipantDomId, } from '@techsee/techsee-media-service/lib/MultiParty/MultiParty';
+import { LoaderSpinner } from './LoaderSpinner/LoaderSpinner';
+import { NoVideoAvatar } from './NoVideoAvatar/NoVideoAvatar';
+import './multiparty.scss';
+export var Multiparty = function (_a) {
+    var webRtcClient = _a.webRtcClient, connectingCaption = _a.connectingCaption;
+    var _b = useState(0), participantNumber = _b[0], setParticipantNumber = _b[1];
+    var style = {
+        '--active-participant-sum': participantNumber > 2 ? participantNumber : 2,
+    };
+    useEffect(function () {
+        webRtcClient.init().then(function () {
+            webRtcClient.on(WebRtcClientEvents.participantsNumberChanged, function (participantsSum) {
+                setParticipantNumber(function () { return participantsSum; });
             });
         });
-    }, []);
-    utils_1.useEvent(controller, MultipartyEventTypes_1.MultipartyEvents.streamPropertyChanged, function (_a) {
-        var isOwnConnection = _a.isOwnConnection, hasAudio = _a.hasAudio, hasVideo = _a.hasVideo;
-        setConnections(controller.connections.get());
-        if (isOwnConnection) {
-            setIsAudioMuted(!hasAudio);
-            setIsVideoTurnedOff(!hasVideo);
-        }
-    }, []);
-    utils_1.useEvent(controller, MultipartyEventTypes_1.MultipartyEvents.mediaDeviceAccessDenied, function (_a) {
-        var isOwnConnection = _a.isOwnConnection;
-        setConnections(controller.connections.get());
-        if (isOwnConnection) {
-            setOwnMediaPermissionsRejected(true);
-        }
-    }, []);
-    var MediaRejectedModalWithProps = function () {
-        if (controller.userRole === MediaConstants_1.SessionClientRole.USER &&
-            isOwnMediaPermissionsRejected &&
-            wasMediaPermissionsModalClosed) {
-            return (jsx_runtime_1.jsx(MediaRejectedModal_1.MediaRejectedModal, { osType: utils_1.detectOSType(), translations: translationsCopy, onClose: onModalClosed }, void 0));
-        }
-        return null;
-    };
-    var pinnedVideo = controller.getPinnedVideo();
-    return isLoading ? null : (jsx_runtime_1.jsxs("div", __assign({ className: 'mutltiparty-container' }, { children: [jsx_runtime_1.jsx(MediaRejectedModalWithProps, {}, void 0), jsx_runtime_1.jsx(VideoLayouts_1.VideoLayoutManager, { connections: connections, selectedLayoutType: selectedLayoutType, userRole: userRole, pinnedVideo: {
-                    pinnedUserRole: types_1.toSessionClientRole(pinnedVideo.pinnedUserRole),
-                    videoType: pinnedVideo.videoType
-                }, translations: translationsCopy, firstPeerConnected: firstPeerDidConnect, onModalOpen: onModalOpen, onToggleMute: !isAudioDisabled ? toggleMute : undefined, isAudioMuted: isAudioMuted, onToggleVideo: toggleVideo, isVideoTurnedOff: isVideoTurnedOff, onVideoPinned: onPinnedVideoChanged, onSwitchCamera: isSwitchCameraSupported ? switchCamera : undefined, onSnapshotRequested: onSnapshotRequested, onEndMeetingRequested: onEndMeetingRequested, videoOverlay: videoOverlay, isScreenSharingEnabled: isScreenSharingEnabled, isSharingScreen: isSharingScreen, toggleScreenShare: toggleScreenShare, mainConnection: mainConnection }, void 0)] }), void 0));
+    }, [webRtcClient]);
+    var loaderSpinner = participantNumber === 1 && (_jsx(LoaderSpinner, { connectingCaption: connectingCaption }, void 0));
+    /** @TODO replace false with condition for idle session & disabled video */
+    var noVideoAvatar = false && _jsx(NoVideoAvatar, {}, void 0);
+    return (_jsxs("div", __assign({ id: "multiparty", style: style }, { children: [_jsx("div", __assign({ id: "" + pinnedParticipantDomId, className: "publisher" }, { children: noVideoAvatar }), void 0),
+            _jsxs("div", __assign({ id: participantDomId + "2", className: "subscriber" }, { children: [loaderSpinner, noVideoAvatar] }), void 0)] }), void 0));
 };
-exports.Multiparty = Multiparty;
 //# sourceMappingURL=Multiparty.js.map

package/lib/components/Multiparty.js.map

@@ -1 +1 @@
-{"version":3,"file":"Multiparty.js","sourceRoot":"","sources":["../../src/components/Multiparty.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Multiparty.js","sourceRoot":"","sources":["../../src/components/Multiparty.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAgB,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EACH,gBAAgB,EAChB,sBAAsB,GACzB,MAAM,0DAA0D,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,mBAAmB,CAAC;AAO3B,MAAM,CAAC,IAAM,UAAU,GAA8B,UAAC,EAGrD;QAFG,YAAY,kBAAA,EACZ,iBAAiB,uBAAA;IAEX,IAAA,KAA4C,QAAQ,CAAC,CAAC,CAAC,EAAtD,iBAAiB,QAAA,EAAE,oBAAoB,QAAe,CAAC;IAC9D,IAAM,KAAK,GAAG;QACV,0BAA0B,EACtB,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;KAC7B,CAAC;IAEzB,SAAS,CAAC;QACN,YAAY,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC;YACrB,YAAa,CAAC,EAAE,CACZ,kBAAkB,CAAC,yBAAyB,EAC5C,UAAC,eAAuB;gBACpB,oBAAoB,CAAC,cAAM,OAAA,eAAe,EAAf,CAAe,CAAC,CAAC;YAChD,CAAC,CACJ,CAAC;QACN,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAM,aAAa,GAAG,iBAAiB,KAAK,CAAC,IAAI,CAC7C,KAAC,aAAa,IAAC,iBAAiB,EAAE,iBAAiB,WAAI,CAC1D,CAAC;IAEF,2EAA2E;IAC3E,IAAM,aAAa,GAAG,KAAK,IAAI,KAAC,aAAa,aAAG,CAAC;IAEjD,OAAO,CACH,wBAAK,EAAE,EAAC,YAAY,EAAC,KAAK,EAAE,KAAK,iBAC7B,uBAAK,EAAE,EAAE,KAAG,sBAAwB,EAAE,SAAS,EAAC,WAAW,gBACtD,aAAa,YACZ;YACN,wBAAK,EAAE,EAAK,gBAAgB,MAAG,EAAE,SAAS,EAAC,YAAY,iBAClD,aAAa,EACb,aAAa,aACZ,aACJ,CACT,CAAC;AACN,CAAC,CAAC"}

package/lib/components/NoVideoAvatar/NoVideoAvatar.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const NoVideoAvatar: React.FC;

package/lib/components/NoVideoAvatar/NoVideoAvatar.js

@@ -0,0 +1,16 @@
+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);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable max-len */
+export var NoVideoAvatar = function () { return (_jsxs("svg", __assign({ width: "118", height: "118", viewBox: "0 0 118 118", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("circle", { cx: "59", cy: "59", r: "59", fill: "white", "fill-opacity": "0.2" }, void 0),
+        _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M73.2531 62.2371C76.4665 62.6075 79.2665 64.1367 81.2711 66.3894L81.2822 66.4021C83.2494 68.5532 84.4545 71.4299 84.4545 74.5881C84.4545 74.6712 84.4537 74.7542 84.452 74.837L84.4521 74.8246V77.6013C84.4521 77.6004 84.4521 77.602 84.4521 77.6013C84.4521 81.2933 81.5111 84.3008 77.844 84.4041H40.2571C36.5401 84.3519 33.5469 81.3264 33.5469 77.6019C33.5469 77.6021 33.5469 77.6017 33.5469 77.6019V74.8246C33.546 74.7696 33.5454 74.7046 33.5454 74.6394C33.5454 71.4456 34.7779 68.5397 36.7932 66.3714L36.7862 66.3789C38.8019 64.1134 41.6019 62.5843 44.7568 62.2194L44.8153 62.2139C42.5214 59.3188 41.1354 55.6134 41.1354 51.5842C41.1354 51.5222 41.1357 51.4604 41.1364 51.3986L41.1363 51.408C41.1362 51.3852 41.1361 51.3582 41.1361 51.3313C41.1361 44.7733 44.6931 39.0461 49.9829 35.9737L50.0678 35.9282C52.6617 34.4296 55.7735 33.5454 59.0919 33.5454C62.4102 33.5454 65.522 34.4296 68.2046 35.9753L68.116 35.9282C73.4908 39.0461 77.0477 44.7733 77.0477 51.3313C77.0477 51.3583 77.0476 51.3852 77.0476 51.4122V51.408C77.0476 51.4243 77.0476 51.4435 77.0476 51.4628C77.0476 55.5568 75.6166 59.3167 73.2274 62.2693L73.2531 62.2371ZM58.9996 38.3116C58.9655 38.3113 58.9253 38.3109 58.885 38.3109C56.5011 38.3109 54.2721 38.9737 52.3721 40.1249L52.4282 40.0933C50.447 41.279 48.8327 42.8859 47.6728 44.7989L47.6385 44.8599C46.5106 46.7321 45.8435 48.9922 45.8435 51.4082C45.8435 53.8242 46.5106 56.0844 47.6708 58.0145L47.6385 57.9565C48.8327 59.9305 50.447 61.5374 52.3659 62.6884L52.4282 62.723C54.3126 63.8475 56.5842 64.5124 59.0112 64.5124C61.4381 64.5124 63.7097 63.8476 65.6539 62.6901L65.5941 62.723C67.5753 61.5374 69.1896 59.9305 70.3495 58.0175L70.3839 57.9565C71.5117 56.0843 72.1788 53.8242 72.1788 51.4082C72.1788 48.9922 71.5117 46.732 70.3515 44.8019L70.3839 44.8599C69.1896 42.8859 67.5753 41.279 65.6564 40.1279L65.5941 40.0933C63.75 38.9736 61.5209 38.3109 59.1369 38.3109C59.0886 38.3109 59.0404 38.3112 58.9923 38.3117L58.9996 38.3116ZM79.8245 77.6475V74.8709C79.7982 70.482 76.2343 66.9343 71.8417 66.9343C71.8418 66.9343 71.8416 66.9343 71.8417 66.9343H67.9773C65.3987 68.4336 62.3025 69.3186 58.9995 69.3186C55.6965 69.3186 52.6003 68.4336 49.9349 66.8878L50.0217 66.9343H46.2269C46.2061 66.9341 46.1815 66.934 46.1569 66.934C41.7806 66.934 38.2267 70.4556 38.1742 74.8197V77.6939C38.1742 77.7027 38.1742 77.7131 38.1742 77.7236C38.1742 78.2383 38.387 78.7033 38.7294 79.0355C39.0833 79.3797 39.5674 79.5923 40.1006 79.5923C40.1231 79.5923 40.1455 79.5919 40.1677 79.5912L40.1645 79.5913H77.8344C77.8431 79.5915 77.8535 79.5916 77.864 79.5916C78.3788 79.5916 78.8438 79.3788 79.176 79.0364C79.571 78.682 79.8201 78.171 79.8245 77.6021V77.6475Z", fill: "white" }, void 0)] }), void 0)); };
+//# sourceMappingURL=NoVideoAvatar.js.map

package/lib/components/NoVideoAvatar/NoVideoAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoVideoAvatar.js","sourceRoot":"","sources":["../../../src/components/NoVideoAvatar/NoVideoAvatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,4BAA4B;AAC5B,MAAM,CAAC,IAAM,aAAa,GAAa,cAAM,OAAA,CACzC,wBAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,iBAC9F,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,kBAAc,KAAK,WAAE;QAChE,4BAAgB,SAAS,eAAW,SAAS,EAAC,CAAC,EAAC,wmFAAwmF,EAAC,IAAI,EAAC,OAAO,WAAE,aACrqF,CACT,EAL4C,CAK5C,CAAC"}

package/lib/components/multiparty.scss

@@ -0,0 +1,31 @@
+* {
+  box-sizing: border-box;
+}
+
+#multiparty {
+  height: 100vh;
+  width: 100vw;
+  display: flex;
+  flex-direction: column;
+
+  --active-participant-sum: 0;
+  --participant-div-size: calc(100% / var(--active-participant-sum));
+
+  .publisher,
+  .subscriber {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+    background: #706e6b;
+  }
+
+  .OT_widget-container {
+    background: inherit;
+  }
+
+  @media screen and (min-width: 700px) {
+    flex-direction: row;
+  }
+}

package/lib/index.d.ts

@@ -1,7 +1,2 @@
-export * from './services/MultipartyEventTypes';
 export { Multiparty } from './components/Multiparty';
-export { MultipartyTranslationStrings, PermissionsModalVisibilityChangedEvent, OnPermissionsModalVisibilityChangedCb, OnSnapshotRequestedCb, OnEndMeetingRequestedCb } from './components/Multiparty.types';
-export { MagicMarkerComponent, MagicMarkerOptions, MagicMarkerComponentProps } from './components/MagicMarker';
-export { MultipartySessionSettings, AudioState, PinnedUserType, OnPinnedVideoChangedCb } from './services/types';
-export { createMultipartyController, IMultipartyController } from './services/MultipartyController';
-//# sourceMappingURL=index.d.ts.map
+export { WebRtcClient, WebRtcClientEvents } from './services/WebRTCClient';

package/lib/index.js

@@ -1,26 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createMultipartyController = exports.PinnedUserType = exports.AudioState = exports.MagicMarkerComponent = exports.PermissionsModalVisibilityChangedEvent = exports.Multiparty = void 0;
-__exportStar(require("./services/MultipartyEventTypes"), exports);
-var Multiparty_1 = require("./components/Multiparty");
-Object.defineProperty(exports, "Multiparty", { enumerable: true, get: function () { return Multiparty_1.Multiparty; } });
-var Multiparty_types_1 = require("./components/Multiparty.types");
-Object.defineProperty(exports, "PermissionsModalVisibilityChangedEvent", { enumerable: true, get: function () { return Multiparty_types_1.PermissionsModalVisibilityChangedEvent; } });
-var MagicMarker_1 = require("./components/MagicMarker");
-Object.defineProperty(exports, "MagicMarkerComponent", { enumerable: true, get: function () { return MagicMarker_1.MagicMarkerComponent; } });
-var types_1 = require("./services/types");
-Object.defineProperty(exports, "AudioState", { enumerable: true, get: function () { return types_1.AudioState; } });
-Object.defineProperty(exports, "PinnedUserType", { enumerable: true, get: function () { return types_1.PinnedUserType; } });
-var MultipartyController_1 = require("./services/MultipartyController");
-Object.defineProperty(exports, "createMultipartyController", { enumerable: true, get: function () { return MultipartyController_1.createMultipartyController; } });
+export { Multiparty } from './components/Multiparty';
+export { WebRtcClient, WebRtcClientEvents } from './services/WebRTCClient';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,kEAAgD;AAChD,sDAAmD;AAA3C,wGAAA,UAAU,OAAA;AAClB,kEAMuC;AAJnC,0IAAA,sCAAsC,OAAA;AAK1C,wDAA6G;AAArG,mHAAA,oBAAoB,OAAA;AAC5B,0CAA+G;AAA5E,mGAAA,UAAU,OAAA;AAAE,uGAAA,cAAc,OAAA;AAC7D,wEAAkG;AAA1F,kIAAA,0BAA0B,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC"}

package/lib/services/WebRTCClient.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="node" />
+import { ICredentials, ISessionSettings } from '@techsee/techsee-media-service/lib/MultiParty/Contracts';
+import { EventEmitter } from 'events';
+export declare enum WebRtcClientEvents {
+    mediaCapabilitiesSupport = "mediaCapabilitiesSupport",
+    connectFailed = "connectFailed",
+    streamDestroyed = "streamDestroyed",
+    connectionCreated = "connectionCreated",
+    connectionDestroyed = "connectionDestroyed",
+    streamCreated = "streamCreated",
+    participantsNumberChanged = "participantsNumberChanged"
+}
+export declare class WebRtcClient extends EventEmitter {
+    private readonly credentials;
+    private readonly settings;
+    private multiParty?;
+    constructor(credentials: ICredentials, settings: ISessionSettings);
+    init(): Promise<void>;
+    initHandlers(): void;
+    disconnect(): void;
+    switchCamera(): Promise<void>;
+}