@techsee/techsee-media-service-client 999.2.6-sap → 999.2.7-alpha

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,31 @@ 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';
+var MINIMUM_PARTICIPANT_NUMBER = 2;
+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 : MINIMUM_PARTICIPANT_NUMBER,
+    };
+    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 = false && (_jsx(LoaderSpinner, { connectingCaption: connectingCaption }, void 0));
+    /** @TODO replace false with condition for idle session & disabled video */
+    var noVideoAvatar = participantNumber === 1 && _jsx(NoVideoAvatar, {}, void 0);
+    return (_jsxs("div", __assign({ id: "multiparty", style: style }, { children: [_jsx("div", { id: "" + pinnedParticipantDomId, className: "publisher" }, 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;AAE3B,IAAM,0BAA0B,GAAG,CAAC,CAAC;AAOrC,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,0BAA0B;KACtD,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,KAAK,IAAI,CAC3B,KAAC,aAAa,IAAC,iBAAiB,EAAE,iBAAiB,WAAI,CAC1D,CAAC;IAEF,2EAA2E;IAC3E,IAAM,aAAa,GAAG,iBAAiB,KAAK,CAAC,IAAI,KAAC,aAAa,aAAG,CAAC;IAEnE,OAAO,CACH,wBAAK,EAAE,EAAC,YAAY,EAAC,KAAK,EAAE,KAAK,iBAC7B,cAAK,EAAE,EAAE,KAAG,sBAAwB,EAAE,SAAS,EAAC,WAAW,WAErD;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,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// import { ReactComponent as NoVideoAvatarSvg } from '../../assets/images/NoVideoAvatar.svg';
+// export const NoVideoAvatar: React.FC = () => (
+//     <NoVideoAvatarSvg />
+// );
+import NoVideoAvatarSvgPath from '../../assets/images/NoVideoAvatar.svg';
+export var NoVideoAvatar = function () { return (_jsx("img", { src: NoVideoAvatarSvgPath }, 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,8FAA8F;AAC9F,iDAAiD;AACjD,2BAA2B;AAC3B,KAAK;AAEL,OAAO,oBAAoB,MAAM,uCAAuC,CAAC;AACzE,MAAM,CAAC,IAAM,aAAa,GAAa,cAAM,OAAA,CACzC,cAAK,GAAG,EAAE,oBAAoB,WAAI,CACrC,EAF4C,CAE5C,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>;
+}